產品 Schema

如何在 Shopify 中新增產品架構

實用的 Shopify 指南,用於添加產品和優惠 JSON-LD,而不與主題、SEO 應用、評論應用、變體或市場發生衝突。

ShopGox Editorial2026/5/23zh-TW
如何在 Shopify 中加入產品架構

Shopify 產品架構應描述購物者實際可以購買的產品:名稱、圖片、描述、品牌、價格、貨幣、可用性、URL 以及真實可見的評論訊號。

棘手的部分是 Shopify 主題、SEO 應用、評論應用和變體應用都可以輸出 JSON-LD。在新增更多標記之前,請審核已存在的標記。

1.先審核現有的 Shopify 架構

編輯 Liquid 之前

  • check_circle開啟產品頁面並檢查所有 JSON-LD 區塊。
  • check_circle檢查主題是否已輸出產品架構。
  • check_circle檢查 SEO 應用是否輸出另一個產品實體。
  • check_circle檢查評論應用是否輸出 Review 或 AggregateRating 標記。
  • check_circle將架構價格、貨幣、可用性和 URL 與可見頁內容進行比較。
  • check_circle測試有變體的產品、促銷產品和缺貨產品。

2.在 Shopify 中新增產品架構的位置

在大多數 Shopify 主題中,產品 JSON-LD 屬於有權存取產品 Liquid 物件的產品範本或產品部分。確切的文件取決於您的主題架構,但常見位置包括產品 JSON 範本、主要產品部分或僅包含在產品頁面上的片段。

3.基本 Shopify 產品 JSON-LD

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": {{ product.title | json }},
  "description": {{ product.description | strip_html | json }},
  "image": [
    {% for image in product.images limit: 6 %}
      {{ image | image_url: width: 1200 | prepend: "https:" | json }}{% unless forloop.last %},{% endunless %}
    {% endfor %}
  ],
  "brand": {
    "@type": "Brand",
    "name": {{ product.vendor | json }}
  },
  "sku": {{ product.selected_or_first_available_variant.sku | json }},
  "offers": {
    "@type": "Offer",
    "url": {{ shop.url | append: product.url | json }},
    "priceCurrency": {{ cart.currency.iso_code | json }},
    "price": {{ product.selected_or_first_available_variant.price | divided_by: 100.0 | json }},
    "availability": "https://schema.org/{% if product.available %}InStock{% else %}OutOfStock{% endif %}",
    "itemCondition": "https://schema.org/NewCondition"
  }
}
</script>

4.謹慎處理變異

Visual summary diagram for How to Add Product Schema in Shopify.

Shopify 產品通常有尺寸、顏色、材質、數量或訂閱的變體。如果變體改變了價格或可用性,您的架構不應要求提供與所選變體或規範變體相矛盾的通用報價。

4.謹慎處理變異

變體問題風險修復
所選型號價格不同架構價格與可見價格不符一致使用 selected_or_first_available_variant。
變體可用性不同缺貨款式可供選擇盡可能反映目前變體的可用性。
變體影像不同架構影像與所選產品不符包含代表性產品圖片和相關的具體型號圖片。
多個應用程式輸出優惠價格與貨幣衝突選擇一個權威架構來源。

5. Shopify 市場、貨幣與 hreflang

如果您使用 Shopify Markets,同一產品可能會呈現不同的貨幣、網址、可用性和在地化內容。產品架構應與抓取工具和購物者看到的特定市場頁面相符。

市場檢查

  1. 1架構貨幣與呈現的市場貨幣相符。
  2. 2架構 URL 與目前市場 URL 相符。
  3. 3在地化產品描述與規範語言訊號不衝突。
  4. 4hreflang 目標解析為可存取的本地化頁面。
  5. 5供貨狀況和運輸承諾對市場來說是準確的。

6.僅當評論真實且可見時才加入評論架構

評論應用程式可能會輸出 AggregateRating 和評論標記。如果評論內容不可見或應用程式已輸出,請勿手動建立評論架構。重複的評論標記可能會產生衝突。

麵包屑架構有助於解釋產品層次結構。在 Shopify 中,產品可以出現在多​​個集合中,因此請選擇與可見頁面相符的穩定麵包屑策略,而不是不可預測地切換。

8.主題和應用更改後驗證

驗證清單

  1. 1測試一種簡單產品、一種多變產品、一種促銷產品和一種缺貨產品。
  2. 2將渲染的 JSON-LD 與可見頁面進行比較。
  3. 3檢查 SEO 應用或評論應用是否創建重複的產品實體。
  4. 4確認產品圖片可抓取。
  5. 5確認產品、優惠、評論、AggregateRating 和 BreadcrumbList 內部一致。
  6. 6在主題更新、應用更新和市場變更後重新測試。

常見問題

Shopify 是否自動加入產品架構?keyboard_arrow_down

許多 Shopify 主題都會輸出一些產品架構,但品質各不相同。應用程式還可以添加架構。在新增另一個 JSON-LD 區塊之前,請務必檢查渲染的頁面。

產品架構應該放入 Shopify 主題還是 SEO 應用嗎?keyboard_arrow_down

兩者都可以,但一個來源應該是權威的。主题级架构通常更容易与 Liquid 产品数据保持一致,而应用程序对于非开发人员来说可能更容易,但可能会创建重复的输出。

Shopify 變體應如何在架構中表示?keyboard_arrow_down

架構至少不應與所選或規範變體相矛盾。價格、庫存情況、SKU、圖片和貨幣應與購物者所看到的一致。

評論應用程式會與 Shopify 產品架構衝突嗎?keyboard_arrow_down

是的。評論應用程式可能會注入 Review 或 AggregateRating 架構,而主題或 SEO 應用程式也會輸出評級資料。審核最終渲染的 JSON-LD,而不僅僅是應用設定。

相關工具

相關文章