本文說明設定產品資料時,應如何使用結構化資料標記。
- 開始前,請先參閱「Merchant Center 結構化資料標記簡介」一文,確認你的網站符合規定。
- 除了 Merchant Center 的產品資料規定之外,如要查看結構化資料的一般規範,請參閱 schema.org 的入門指南。此外,如需解決結構化資料相關問題,以及評估網站的搜尋流量與成效,建議使用 Search Console。
- 如需其他指引,請參閱「Product 結構化資料簡介」一文,尤其是商家資訊相關段落。
本頁面包含下列內容
開始使用
如要在網站新增結構化資料標記,你需要具備網站 HTML 或購物系統範本設定的存取與編輯權限。標記是一種 HTML 標記註解工具,可讓搜尋引擎檢索器和漫遊器偵測到網站上的產品資料,協助系統準確解讀資料。
如希望 Google 檢索器將結構化資料與產品資料進行配對,必須滿足下列條件:
- 到達網頁上只顯示一個供應項目。
- 如果整個網頁上有多個供應項目,每個供應項目都必須標註 SKU 或全球交易品項識別碼,而在 Google 購物產品資料中的相應供應項目也必須有相同的 SKU (ID
[id]
屬性) 或全球交易品項識別碼 (全球交易品項識別碼[gtin]
屬性)。如果想在同一到達網頁上顯示同一產品的多個子類,例如不同的尺寸、顏色或相關產品,建議使用這個方法。 - 結構化資料標記必須出現在網路伺服器傳回的 HTML 中。一旦載入網頁後,就無法透過 JavaScript 產生結構化資料標記。
- 到達網頁內容 (包含價格) 不得隨使用者的 IP 位址或瀏覽器類型等資訊動態變更。
- 結構化資料必須符合使用者看到的值。在產品到達網頁上提供不正確的資料,將違反網頁程式開發人員指南的規定。
如果無法滿足上述任一條件,到達網頁上的產品就不會符合產品資料。
另外請參閱 schema.org 上的 machine-understandable versions of information (機器可理解的資訊版本) 一節,進一步瞭解結構化資料。
新增結構化資料標記
JSON-LD 標記
在網站加入結構化資料標記時,建議使用 JSON-LD 格式新增至 HTML 標記。詳情請參閱「Google 搜尋中的結構化資料標記簡介」一文。
JSON-LD 標記有別於面向使用者的程式碼,因此較容易維護。如果是專供 Google 使用的結構化資料標記,新增時完全不必變更網站上的任何視覺元素。
如果你的網站使用的是電子商務平台,可能需要稍微變更平台範本或程式碼,才能新增結構化資料。另外,網站必須可支援 JavaScript 範本和網頁層級應用程式。
範例
JSON-LD
{
"@context": "https://schema.org/",
"@type": "Product",
"sku": "trinket-12345",
"image": "https://www.example.com/trinket.jpg",
"name": "Nice trinket",
"description": "Trinket with clean lines",
"gtin": "12345678901234",
"brand": {
"@type": "Brand",
"name": "MyBrand"
},
"offers": {
"@type": "Offer",
"url": "http://www.example.com/trinket_offer",
"itemCondition": "https://schema.org/NewCondition",
"availability": "https://schema.org/InStock",
"price": "39.99",
"priceCurrency": "USD"
}
新增的結構化資料標記可以顯示在 HTML 原始碼的任何位置,但若要取得最佳結果,我們建議將產品結構化資料放在初始 HTML 中。
產品與供應項目
到達網頁上必須包含下列兩個項目:
請注意,指定價格時必須使用半形句號 (而非半形逗號) 做為小數分隔符。假使您在到達網頁上以多種幣別顯示價格,可以使用多個 Offer 類型的物件。使用多個 Offer 物件時,你也必須透過 priceCurrency
屬性指定幣別。
如果到達網頁上顯示的特價是使用者購物當下實際要支付的金額,請務必在結構化資料中提供該價格。
重要事項:schema.org 不支援部分產品規格屬性,如要使用商品自動更新功能,請指定下列 schema.org 值:price
、priceCurrency
、availability
和 condition
。前往 Google 搜尋中心進一步瞭解商家資訊 (Product、Offer) 結構化資料
測試標記
你可以使用 Search Console 或 複合式搜尋結果工具測試 schema.org 的導入情形。如要進一步瞭解如何使用這項工具、排除錯誤,以及判讀工具執行結果,請參閱「複合式搜尋結果測試」一文,或前往 Google Search Console 說明中心。
提供店內供應情形的產品頁面所需的結構化資料
如果你已採用店面商品目錄廣告,並導入提供店內供應情形的產品頁面,你可以針對巢狀供應項目,從下列表格新增額外的結構化資料標記,顯示售出產品的實體商店:
注意:無論網頁是以何種程式語言撰寫,皆可使用 Schema.org 標記。標記 (如 HTML) 使用英文。Schema.org 值須區分大小寫。
Schema.org 值 | 產品或商品目錄動態饋給規格值 | 值類型 |
Product > offers > availableAtOrFrom > branchCode | store code |
每間本地商店都要有一組以英數字元組成的專屬 ID。使用的商店代碼必須符合你在商家檔案提供的代碼。 |
到店取貨供應項目所需的結構化資料
如果你已採用店面商品目錄廣告,並導入提供店內供應情形的產品頁面,以及稍後取貨和當日取貨,你可以針對巢狀供應項目,從下列表格新增額外的結構化資料標記,顯示可自取產品的實體商店:
注意:無論網頁是以何種程式語言撰寫,皆可使用 Schema.org 標記。標記 (如 HTML) 使用英文。Schema.org 值須區分大小寫。
schema.org 資源 | 產品或商品目錄動態饋給規格值 | 值類型 |
Product > offers > availableDeliveryMethod | -- | OnSitePickup 這個 schema.org 值代表產品可以到店取貨。 |
Product > offers > potentialAction | pickup method |
BuyAction 這個 schema.org 值代表產品可以在線上購買,然後到店取貨。ReserveAction 這個 schema.org 值代表產品可以在線上預訂,然後到店取貨。 |
Product > offers > deliveryLeadTime | pickup sla |
交貨前置時間的值只能設為 1 或 0。這項資訊是用來表示客戶預計應等待幾天才能取貨,值的定義如下: 0 = 當天取貨 1 = 次日取貨 |
進一步瞭解 Merchant Center 結構化資料。