Shopifyにスキーママークアップを追加する方法（テーマを壊さずに）

スキーママークアップとは何か、Shopifyにすでに含まれているものは

スキーママークアップとは構造化データのことです。ページの内容を検索エンジンやAI回答エンジンが推測なしに読み取れるよう、ラベルを付けたJSON-LDブロックです。商品ページでは「これはProductです、価格はこれ、評価はこれ、レビューはこれ」と伝えます。Googleはこれをもとに、検索結果に星評価、価格、在庫状況を表示します。

Shopifyのテーマにはすでにいくつかの構造化データが含まれており、通常は基本的なProductブロックがありますが、ReviewやaggregateRatingが含まれることはほとんどありません。テーマ自体にはレビューがないためです。ここが埋めるべきギャップです。レビューデータをProductマークアップと連携させることで、星評価の表示が可能になります。

商品レビューのリッチスニペット表示に必要なスキーマの種類とは

リッチスニペットを表示するために、GoogleはProductにReview、aggregateRating、またはその両方が含まれていることを必要とします。Productブロックにはname、image、offersが含まれます。aggregateRatingには平均スコアとレビュー数が含まれます。各Reviewにはauthor、rating、レビュー本文が含まれます。

多くのストア運営者が見落とすルールがあります。マークアップ内のレビューと評価は、商品ページ上に実際に表示されていなければなりません。200件のレビューで平均4.8というaggregateRatingをマークアップしても、ページにレビューが表示されていなければ、Googleはこれを誤解を招く情報として扱い、そのページ全体のリッチスニペットを非表示にします。

• Product: name（商品名）、image（画像）、offers（価格・通貨・在庫状況）。
• aggregateRating: ratingValueとreviewCount（商品ページの表示と一致していること）。
• Review: author（投稿者）、reviewRating（評価）、reviewBody（レビュー本文）。

テーマのJSON-LD編集・レビューアプリ・ジェネレーター、どれを選ぶべきか

三つの方法があり、それぞれコントロール性と安全性でトレードオフがあります。テーマのJSON-LDを手動で編集するとフルコントロールが得られますが、Liquidを触ることになり、コンマが一つずれるだけでブロックが無音で壊れます。レビューアプリにスキーマを自動挿入させると手間が最もかかりませんが、アプリが出力するスキーマの形式に依存し、一部のアプリはクライアントサイドで挿入するためクローラーが認識できない場合があります。スキーマジェネレーターはその中間に位置します。実際の値を貼り付ければ有効なJSON-LDが返ってくるので、クリーンなブロックをページに追加できます。

テーマのコードを編集することに慣れていない場合は、ジェネレーターから始めることを勧めます。正しいブロックをページに追加する最もリスクの低い方法であり、テーマを書き直さずにカスタムLiquidセクションへ出力を貼り付けることができます。

• テーマのJSON-LD: 最もコントロールが効くが、サイレントな構文エラーのリスクが最も高い。
• アプリによる自動挿入: 最も手間がかからないが、ブラウザだけでなくページのソースにもレンダリングされているかを確認すること。
• ジェネレーターツール: 実際の値を貼り付けて検証済みのJSON-LDを取得し、一つのブロックを追加する。

テーマを壊さずにスキーマを追加する手順

既存のJSON-LDブロックの途中にスキーマを貼り付けることは避けてください。自己完結した独立したscriptとして追加します。テーマエディタでカスタムLiquidセクションを追加するか（または商品テンプレートを編集し）、application/ld+jsonタイプの新しいscriptを一つ配置してProductブロックを含めます。独立したブロックとして追加することで、あなたのブロックのミスがテーマのブロックを壊したり、その逆が起きることを防げます。

保存前にテーマを複製してクリーンなロールバックを確保しておいてください。ブロックを追加して保存したら、商品ページのライブソースを確認して、JSON-LDがスクリプト実行後だけでなく生のHTMLに含まれていることを確認します。アプリがページロード後にレビューを挿入する場合、最も安全なパターンは、アプリをサーバーサイドでレンダリングさせるか、ページにすでに表示されている値にジェネレーターの出力を対応させることです。

構造化データの検証方法と失敗パターンの見分け方

すべての商品テンプレートを二つのツールでチェックします。GoogleのリッチリザルトテストとSchema.orgバリデーターです。リッチリザルトテストではProductが星評価の対象かどうかを確認でき、必須フィールドが欠けている場合は指摘されます。Schema.orgバリデーターはリッチリザルトテストが見逃す可能性のある不正なJSONを検出します。

最もよく見られる失敗は構文エラーではありません。評価に対応するレビューがページ上に表示されていない、またはマークアップの値がページと一致しないという警告です。これは先ほどの不一致ルールです。顧客が実際に見ることができる内容をマークアップが正確に説明するよう修正してから、再度検証してください。

• リッチリザルトテスト: Productの適格性を確認し、不足しているフィールドをリストアップする。
• Schema.orgバリデーター: リッチリザルトテストが見逃す可能性のある不正なJSONを検出する。
• ライブページのソースを確認: ブロックが生のHTMLに含まれていることを確認する。

スキーマが静かに無効化されるよくある間違い

無効化されるスキーマのほとんどは技術的には有効ですが、ページが表示していない内容を説明しているために却下されます。典型的なケースは、商品ページにレビューが一件も表示されていないのにaggregateRatingがある、マークアップのレビュー数や平均点が画面上の数字と一致しない、または単一商品ではなくカテゴリページやトップページにProductやReviewのマークアップが使われている場合です。

この問題のより深い側面は可読性です。多くのレビューアプリは商品ページの閲覧者向けに作られており、そこで止まります。ブラウザでは星評価が正しく表示されていても、レビュー本文と評価がクローラーやAI回答エンジンの読み取れないウィジェット内部に閉じ込められており、マークアップが機械には見えないコンテンツを説明することになります。既存のレビューを検索やAIから読み取り可能にし、引用できる状態にする、そのギャップを埋めるためにBeyondReviewsは作られました。

• aggregateRatingは存在するが、商品ページにレビューが実際に表示されていない。
• マークアップのレビュー数や平均点が表示されている数字と一致していない。
• 単一商品ではないページにProductまたはReviewマークアップが使われている。
• クローラーが読み取れないクライアントサイドのウィジェットにレビューが閉じ込められている。

整理すると

ShopifyのクリーンなスキーマはProductの自己完結したブロック、商品ページに実際に表示されているレビュー、そしてすべての値が顧客に見える内容と一致しているマークアップという三つの条件から成ります。テーマを壊さないよう独立したscriptとして追加し、手入力ではなく実際の数値から生成し、完了と呼ぶ前にすべてのテンプレートを検証してください。

これを実行すれば、星評価、価格、レビュー数がGoogle検索結果に表示される資格が生まれます。不一致ルールを無視すれば、マークアップは有効でも無視されます。作業はしたのに何も表示されない状態、これが最も避けるべき結果です。