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

電商商品頁的 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 與相關類型,從基本欄位到進階整合一次說清楚(Schema 的整體觀念可先參考 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 商品開始;商品頁的傳統 SEO 細節也別忽略,可同時參考 電商商品頁 SEO 完整指南

你的網站,AI 看得懂嗎?

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

相關文章

網頁設計
服務業(律師、診所、會計師)的 E-E-A-T 強化策略
網頁設計 E-E-A-T 服務業 律師事務所 元伸科技 · · 10 分鐘閱讀

服務業(律師、診所、會計師)的 E-E-A-T 強化策略

律師、診所、會計師等專業服務業特別重視信任,但也是 AI 引用門檻最高的產業。本文整理 6 個 E-E-A-T 強化動作,讓你的服務在 AI 搜尋中被優先推薦。

閱讀更多
網頁設計
房仲與租賃網站的結構化資料應用:讓 AI 精準推薦你的物件
網頁設計 房仲網站 租賃網站 RealEstateListing 元伸科技 · · 11 分鐘閱讀

房仲與租賃網站的結構化資料應用:讓 AI 精準推薦你的物件

「信義區 3 房 2 廳 5,000 萬以下」這類精準搜尋越來越多由 AI 直接回答。本文教房仲與租賃業用 RealEstateListing Schema 讓物件被 AI 精準推薦。

閱讀更多
網頁設計
餐飲業網站如何被 AI 推薦:在地搜尋 × LocalBusiness 完整實作
網頁設計 餐飲網站 LocalBusiness 在地搜尋 元伸科技 · · 12 分鐘閱讀

餐飲業網站如何被 AI 推薦:在地搜尋 × LocalBusiness 完整實作

「附近的義式餐廳推薦」「適合家族聚餐的台菜」這類在地搜尋越來越多由 AI 回答。本文教餐飲業者用 LocalBusiness Schema 與在地優化讓 AI 主動推薦你的店。

閱讀更多