Shopify に製品スキーマを追加する方法

Shopify 製品スキーマでは、買い物客が実際に購入できる製品 (名前、画像、説明、ブランド、価格、通貨、在庫状況、URL、実際に表示される場合のレビュー シグナル) を記述する必要があります。

注意が必要な点は、Shopify テーマ、SEO アプリ、レビュー アプリ、バリアント アプリはすべて JSON-LD を出力できることです。さらにマークアップを追加する前に、既存のものを監査してください。

1.最初に既存の Shopify スキーマを監査します

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.亜種は慎重に扱ってください

Shopify 製品には、サイズ、色、素材、数量、サブスクリプションのバリエーションがあることがよくあります。バリアントによって価格や在庫状況が変更される場合、スキーマは、選択されたバリアントまたは正規のバリアントと矛盾する汎用オファーを要求してはなりません。

5. Shopify マーケット、通貨、hreflang

Shopify Markets を使用する場合、同じ商品が異なる通貨、URL、在庫状況、ローカライズされたコンテンツを表示する場合があります。商品スキーマは、クローラーと買い物客が見る市場固有のページと一致する必要があります。

6.レビューが実際に表示されている場合にのみレビュー スキーマを追加します

レビュー アプリは AggregateRating および Review マークアップを出力する場合があります。レビュー コンテンツが表示されない場合、またはアプリがすでにレビュー スキーマを出力している場合は、レビュー スキーマを手動で作成しないでください。レビュー マークアップが重複すると競合が発生する可能性があります。

7.製品コンテキストの BreadcrumbList を追加

ブレッドクラム スキーマは、製品階層を説明するのに役立ちます。 Shopify では、商品が複数のコレクションに表示される可能性があるため、予期せず切り替えるのではなく、表示されているページに一致する安定したブレッドクラム戦略を選択してください。

8.テーマとアプリの変更後に検証する