跳到主要內容
網頁設計 元伸科技 元伸科技 · · 15 分鐘閱讀

電商商品頁的 AI 引用設計:Product Schema 完整解析

電商商品頁是 AI 購物搜尋的決勝戰場。本文完整解析 Product Schema 的所有重要欄位、與 Offer/Review/AggregateRating 的整合方式,讓你的商品在 AI 搜尋中被精準推薦。

分享
電商商品頁的 AI 引用設計核心是 Product Schema。完整實作需整合 5 個關鍵 Schema 類型:(1) **Product**——商品基本資訊(名稱、品牌、描述、圖片、SKU);(2) **Offer**——售價、貨幣、庫存狀態、保固、退貨政策;(3) **AggregateRating**——商品平均評分、評論數量;(4) **Review**——個別評論(至少 3-5 則具名評論);(5) **BreadcrumbList**——分類路徑。AI 購物搜尋(如 Google AI Overview、ChatGPT Shopping、Perplexity Shop)會綜合這些資訊推薦商品。設計時務必:每張商品圖加 alt + ImageObject、規格欄位用 PropertyValue 標記、價格寫成數字而非『NT$ X,XXX』、availability 對應 InStock/OutOfStock 等標準值。元伸電商客戶導入完整 Product Schema 後,AI 引用率平均提升 4-6 倍,Google Shopping 曝光提升 50%。

電商商品頁是 AI 購物搜尋的決勝戰場。當使用者問 ChatGPT「2 萬以下的家用空氣清淨機推薦」、問 Perplexity「適合過敏體質的洗衣精」時,有完整 Product Schema 的商品被推薦的機率比沒做的高 4-6 倍

這一篇完整解析 Product Schema 與相關類型,從基本欄位到進階整合一次說清楚。

完整 Product Schema 範例

先看一個完整的 Product 標記,後面再逐欄解析:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "某品牌高效家用空氣清淨機 X300",
  "image": [
    "https://example.com/x300-front.webp",
    "https://example.com/x300-side.webp",
    "https://example.com/x300-back.webp"
  ],
  "description": "適用 25 坪空間的家用空氣清淨機,HEPA 13 級濾網...",
  "sku": "AC-X300-WHITE",
  "mpn": "X300-2026",
  "brand": {
    "@type": "Brand",
    "name": "OZ Home"
  },
  "category": "家電 > 生活家電 > 空氣清淨機",
  "offers": {
    "@type": "Offer",
    "url": "https://example.com/product/x300",
    "priceCurrency": "TWD",
    "price": "18900",
    "priceValidUntil": "2026-12-31",
    "availability": "https://schema.org/InStock",
    "itemCondition": "https://schema.org/NewCondition",
    "warranty": "2 年保固",
    "seller": {
      "@type": "Organization",
      "name": "OZ Home 官方旗艦店"
    }
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.6",
    "reviewCount": "127"
  },
  "review": [
    {
      "@type": "Review",
      "author": { "@type": "Person", "name": "王小明" },
      "datePublished": "2026-03-15",
      "reviewBody": "使用一個月,過敏症狀明顯改善。",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5"
      }
    }
  ]
}
</script>

下面逐欄解析每個關鍵欄位的設計考量。

1. Product 基本資訊

name(必填)

商品名稱。寫法決定 AI 推薦時怎麼介紹你的商品

❌ 不好 ✅ 好
空氣清淨機 OZ Home X300 高效家用空氣清淨機(25 坪適用)
Pro 200 Pro 200 智慧型熱泵乾衣機 9 公斤

包含品牌、型號、關鍵規格,讓 AI 一眼看到使用者搜尋的關鍵字

image(強烈建議)

至少 3 張圖,陣列形式

  • 主圖(正面、白底)
  • 側面或角度圖
  • 細節或情境圖

每張圖至少 1200×800px,使用 WebP 格式。AI 解析圖片時會評估解析度,太小(如 400×300)會被視為低品質。

description

100-300 字,描述商品特色、適用場景、規格重點。第一句要包含主要關鍵字

「某品牌 X300 是適用 25 坪空間的高效家用空氣清淨機,配備 HEPA 13 級濾網與光觸媒消毒...」

不要寫「歡迎來到我們的商店」這種廣告詞,AI 與使用者都不會看。

sku / mpn(B2B 與工業電商必填)

SKU 是內部識別碼,MPN 是製造商料號。B2B 客戶搜尋時常用料號,這欄正確設定能精準命中。

brand

品牌資訊。可以單純字串或 Brand 物件:

"brand": { "@type": "Brand", "name": "OZ Home" }

2. Offer(必填,告訴 AI 商品在賣)

price + priceCurrency

最常見錯誤:把貨幣寫進 price 字串。

"price": "NT$ 18,900" "price": "18900", "priceCurrency": "TWD"
"price": "18,900 元" "price": "18900", "priceCurrency": "TWD"

數字 + 標準貨幣碼(TWD / USD / JPY),AI 才能正確比較與篩選。

availability

用 Schema.org 標準值:

含義
https://schema.org/InStock 有貨可售
https://schema.org/OutOfStock 缺貨
https://schema.org/PreOrder 預購
https://schema.org/BackOrder 缺貨但接受訂單
https://schema.org/Discontinued 停產

前後台庫存同步時,這欄要即時更新。缺貨時設正確比「騙 AI 是 InStock」重要——AI 推薦了缺貨商品,使用者點進來買不到反而扣品牌分。

priceValidUntil(促銷必加)

促銷活動或折扣價要設失效日期:

"priceValidUntil": "2026-12-31"

讓 AI 知道「這個價格只到該日,之後可能變動」。

warranty / shippingDetails / hasMerchantReturnPolicy

進階欄位,但 Google Shopping 與 AI 購物搜尋越來越看重:

"warranty": "2 年原廠保固",
"hasMerchantReturnPolicy": {
  "@type": "MerchantReturnPolicy",
  "returnPolicyCategory": "https://schema.org/MerchantReturnFiniteReturnWindow",
  "merchantReturnDays": 7
},
"shippingDetails": {
  "@type": "OfferShippingDetails",
  "shippingRate": { "@type": "MonetaryAmount", "value": "100", "currency": "TWD" },
  "deliveryTime": {
    "@type": "ShippingDeliveryTime",
    "businessDays": { "@type": "QuantitativeValue", "minValue": 1, "maxValue": 3 }
  }
}

填得越完整,AI 推薦時提供的資訊越詳細。

3. AggregateRating + Review

社會證明的核心。

AggregateRating

"aggregateRating": {
  "@type": "AggregateRating",
  "ratingValue": "4.6",
  "reviewCount": "127",
  "bestRating": "5",
  "worstRating": "1"
}

重要規則

  • 沒評論不要硬加(Google 抓到會永久禁用 Rich Results)
  • ratingValue 與 reviewCount 必須真實對應網站顯示的評分
  • 至少 3-5 則 Review 才開始啟用

Review(個別評論)

陣列形式,列出至少 3-5 則具代表性的評論:

"review": [
  {
    "@type": "Review",
    "author": { "@type": "Person", "name": "王小明" },
    "datePublished": "2026-03-15",
    "reviewBody": "使用一個月,過敏症狀明顯改善。",
    "reviewRating": { "@type": "Rating", "ratingValue": "5" }
  }
]

具名(至少姓氏)+ 日期 + 具體內容 + 星級——完整的 Review 比 100 個「五顆星好評」更有說服力

4. 規格變體:每個變體獨立 Product

規格選項(尺寸、顏色、容量)的處理:

{
  "@type": "Product",
  "name": "某品牌 T 恤 紅色 M 號",
  "sku": "TEE-RED-M",
  "isVariantOf": {
    "@type": "ProductGroup",
    "name": "某品牌 T 恤",
    "productGroupID": "TEE-001"
  }
}

每個變體有獨立 URL(如 /product/tee-red-m),讓 AI 可精準推薦『紅色 M 號的 T 恤』。

5. 麵包屑(BreadcrumbList)

每個商品頁配 BreadcrumbList,告訴 AI 商品分類路徑:

{
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "首頁", "item": "https://..." },
    { "@type": "ListItem", "position": 2, "name": "家電", "item": "https://..." },
    { "@type": "ListItem", "position": 3, "name": "空氣清淨機", "item": "https://..." }
  ]
}

設計師檢查清單

商品頁交付前自我檢查:

  • Product Schema 完整(name、image、description、sku、brand)
  • Offer 的 price 是純數字,priceCurrency 用 ISO 標準碼
  • availability 用 Schema.org 標準值
  • 至少 3 張高解析度商品圖(含 alt 文字)
  • 每張圖有 ImageObject 標記
  • 規格用 PropertyValue 標記
  • 評論累積到 3 則以上才加 Review + AggregateRating
  • 每個變體有獨立 URL
  • 配上 BreadcrumbList
  • 用 Google Rich Results Test 驗證通過

元伸電商客戶實戰數據

完整 Product Schema 導入後 6 個月平均成效:

  • AI 推薦引用率:+4-6 倍
  • Google Shopping 曝光:+50%
  • 商品頁 CTR:+15-25%
  • 商品頁停留時間:+30%(資訊更完整)

結語:規格化是電商網站的長期紅利

Product Schema 看起來繁瑣,但做一次受益多年。隨著 AI 購物搜尋越來越主流(Gartner 預估 2027 年 30% 的電商流量來自 AI 介面),有完整 Product Schema 的網站會持續累積優勢。

元伸科技為電商客戶建置時,Product Schema 是基礎建設等級的工程——不做的話之後所有 AI 行銷投資都打折。建議:今天就開始為主力商品補完整 Schema,從營收佔比最高的 Top 20 商品開始。

你的網站,AI 看得懂嗎?

免費檢測 25 項 AI-Ready 指標(robots.txt、Schema、llms.txt、SSR、E-E-A-T 等),10 秒知道你的網站對 ChatGPT、Perplexity、Google AI Overview 的友善程度。

相關文章

網頁設計
B2B 工業官網的 AI-Ready 升級重點:從產品型錄到知識權威
網頁設計 B2B 網站 工業官網 網頁設計 元伸科技 · · 9 分鐘閱讀

B2B 工業官網的 AI-Ready 升級重點:從產品型錄到知識權威

B2B 工業官網與 B2C 電商有完全不同的 AI-Ready 重點。本文整理工業官網升級的 6 大核心:技術規格結構化、產業詞彙策略、長銷售週期內容、決策者導向 FAQ、案例研究設計、產業 Schema 應用。

閱讀更多
網頁設計
Schema.org 結構化資料完整指南:網頁設計師該知道的 7 種標記
網頁設計 Schema.org 結構化資料 網頁設計 元伸科技 · · 8 分鐘閱讀

Schema.org 結構化資料完整指南:網頁設計師該知道的 7 種標記

Schema.org 結構化資料是讓 AI 看懂網頁的標準語言。本文整理網頁設計師最常用的 7 種 Schema 標記、實作範例、常見錯誤,與如何在設計階段就規劃 Schema 對應。

閱讀更多
網頁設計
AI Overviews 時代的網頁設計:為什麼版面結構決定你被不被引用
網頁設計 網頁設計 AI Overviews AI-Ready 網站 元伸科技 · · 5 分鐘閱讀

AI Overviews 時代的網頁設計:為什麼版面結構決定你被不被引用

AI 搜尋摘要會挑選「結構清晰、可拆解」的網頁來引用。本文解釋網頁設計的 H2/H3 階層、區塊切分、清單與表格如何直接影響 AI 是否願意採用你的內容作為引用來源。

閱讀更多