Shopifyに構造化データを実装する方法をご紹介。リッチリザルトでCTRの向上を目指します

Shopify（ショッピファイ）に構造化データを実装する方法を解説。Product・BreadcrumbList・FAQPageのLiquid実装手順、確認方法、メタフィールド連携、実装時の注意点までご紹介します。

Shopifyの構造化データの現状

Shopifyのテーマには、基本的な構造化データが組み込まれているものがあります。しかし、テーマによって出力内容が異なり、不足しているケースも多いです。

まず自社のテーマでどの構造化データが出力されているかを確認し、不足があれば追加実装します。

確認方法

Googleのリッチリザルトテストに自社サイトのURLを入力して確認します。

商品ページでProduct構造化データが出力されているか、パンくずリストのページでBreadcrumbListが出力されているか、FAQページでFAQPage構造化データが出力されているかを確認します。

Liquidでの実装方法

構造化データはJSON-LD形式で、テーマのLiquidファイルに追加します。

Product構造化データの場合、theme.liquidまたはmain-product.liquidのbodyタグ内に<script type=”application/ld+json”>で記述します。商品名、価格、在庫状況、画像URL、説明文などの値は、Liquidの変数（{{ product.title }}、{{ product.price | money_without_currency }}等）で動的に出力します。

メタフィールドの値も構造化データに含められます。素材や規格情報をメタフィールドで管理していれば、それらの値を{{ product.metafields.ネームスペース.キー }}で構造化データ内に動的に出力できます。

BreadcrumbListは、パンくずリストの構造をJSON-LDで記述します。トップページ→コレクション→商品の階層を動的に生成します。

FAQPageは、よくある質問のページに質問と回答の構造をJSON-LDで記述します。検索結果にFAQが展開表示されるため、表示面積が大きくなりクリック率が向上します。

実装時の注意点

ページ上に実際に表示されている内容と構造化データの内容が一致していることが必須です。表示されていない情報を構造化データに含めると、Googleのガイドライン違反になります。

実装後はリッチリザルトテストでエラーがないか確認し、Search Consoleの「拡張」レポートで継続的に監視します。

構造化データを追加しても、リッチリザルトが必ず表示されるわけではありません。Googleのアルゴリズムが表示するかどうかを判断するため、表示される可能性を高めるものと理解しておきます。

まとめ

Shopifyへの構造化データ実装は、Liquidの編集で対応できます。Product、BreadcrumbList、FAQPageの三つを優先的に実装し、メタフィールドとの連携で動的に値を出力する設計にすれば、全商品ページに一括で適用可能です。

構造化データの設計と実装は技術的な知識が必要です。SynQ Partners株式会社では、Shopifyの構造化データ実装に関する情報を発信するとともに、設計から実装まで対応しています。