Shopifyの商品ページに星評価を追加する方法
商品タイトル付近の星評価サマリーは、商品ページのなかで最も閲覧される要素のひとつです。Shopifyで正しく配置し、購入者だけでなくGoogleにも読み取れる状態にする方法を説明します。
星評価は商品ページのどこに配置すべきか
商品タイトルまたは価格の直下に星評価のサマリーを配置してください。購入者が最初に目を向ける場所です。平均評価の数値、星マーク、レビュー件数という最小限の要素だけをコンパクトな1行にまとめ、視線を奪う情報を加えません。購入者が次の行を読む前に心のなかで問う、「他に買った人はいるか、そして満足しているか」という問いに答えるためです。
星評価はタップまたはクリックでページ下部のレビューセクションへ移動するリンクにしてください。ラベルとして置くだけでは役割が半分しか果たせません。
- 平均評価は小数点第1位まで表示。例：4.7。
- ハーフスターを含む星マーク。
- 平均値に信頼性をもたせるレビュー件数。
- 下部レビューセクションへのアンカーリンク。
Shopifyのテーマエディタで星評価ブロックを追加する手順
多くのレビューアプリは、ページ上部に表示する星評価バッジとページ下部に配置するフルレビューウィジェットの2つのコンポーネントを提供しています。テーマエディタで商品テンプレートを開き、商品情報グループのなかにバッジ用のアプリブロックを追加して、タイトルまたは価格の上か直下に配置します。
セクションに対応していない旧形式のテーマを使用している場合は、商品テンプレートに小さなスニペットを手動で貼り付ける必要があります。バッジとフルウィジェットは別々のブロックとして配置し、それぞれを独立して位置調整できるようにしてください。
星評価はなぜサーバーHTMLに出力する必要があるか
JavaScriptで描画されただけの星評価は、購入者の目には見えますが、それ以外には届きません。GoogleやAI回答エンジンはサーバーが最初に送信するHTMLを解析します。星マークがページ読み込み後にスクリプトで描かれる仕組みの場合、クローラーが空のコンテナを読んで評価なしと記録する可能性があります。
サーバーHTMLに出力された星評価は、検索結果のリッチスニペット表示とAI回答での引用の対象になります。同じ1行の星マークが三つの役割を果たします。購入者を安心させること、Googleに星を届けること、そしてAI回答エンジンが引用できる情報を提供することです。
星評価にはレビューの裏付けが必要か
必要です。星評価がリッチスニペットの対象となるためには、同じページ上に可視化されてマークアップされたレビューが存在する必要があります。レビューのない平均スコアだけの表示は、Googleがポリシー違反として扱う種類のものであり、購入者に読むべきものを何も提供しません。
上部の星評価サマリーと下部のレビューセクションはひとつのシステムです。サマリーが見出しであり、レビューセクションがその根拠です。評価を有効なものとするためには、両方がページHTMLに含まれている必要があります。
- 商品ページ上に表示される個別のレビュー本文（スコアだけでなく）。
- サーバーHTMLに含まれるAggregateRatingとReviewのマークアップ。
- バッジの平均値とマークアップ上の平均値の一致。
Googleが星評価を認識しているかどうかを確認する方法
構造化データテストを実施してから確認完了としてください。ページのソース（レンダリング済みDOMではなく生のHTML）を表示し、評価値とレビュースキーマを検索します。ソース内に数値があれば、クローラーは読み取れます。スクリプト実行後のライブインスペクターでのみ表示される場合は、問題のサインです。
その後、URLをリッチスニペットプレビューとスキーマバリデーターにかけ、AggregateRatingが認識されていて警告がないことを確認します。Googleの検索結果への反映はGoogleのクロールスケジュールに依存するため、すべてが検証済みであっても、検索結果に星マークが表示されるまで数日から数週間かかることがあります。
ページには星評価が表示されているのにGoogleの検索結果に出ない理由
ほとんどの場合、星マークがサーバーHTMLに書き込まれるのではなく、ウィジェットによって描画されているためです。購入者には見えていても、クローラーには空のスロットが見えています。他によくある原因は、レビューマークアップの不在または無効化、そして個別のレビューが存在しない状態での平均値表示です。
多くのレビューアプリはページ上の購入者体験を対象に設計されており、そこで止まっています。ブラウザでは正しく見えていても、GoogleやAI回答エンジンが実際に読むHTMLには届いていない星評価です。手元のレビューを、検索とAI回答で読み取れ、裏付けられ、引用される状態にすることが、BeyondReviewsが解決しようとしている課題です。
まとめ：星評価が機能するための三つの条件
星評価がその役割を果たすのは、配置、リンク、読み取り可能性の三条件が揃ったときです。配置とは、購入者が最初に目にするタイトルまたは価格の直下に置くことです。リンクとは、タップするとレビューセクションへ移動することです。読み取り可能性とは、星評価とその背後にあるレビューが、一貫してマークアップされたサーバーHTMLに含まれることです。これにより、購入者を安心させるのと同じ星マークが、GoogleとAI回答エンジンにも届きます。
- Shopifyの商品ページで星評価を配置するのに最適な場所はどこですか。
- 商品タイトルまたは価格の直下に、下部のレビューセクションへリンクするコンパクトな1行として配置してください。購入者が最初に読む場所であり、タップするとレビューセクションへ移動することでサマリーがナビゲーションとしても機能します。
- ShopifyのストアでGoogleに星評価が表示されない理由は何ですか。
- 多くの場合、星マークがサーバーHTMLに書き込まれるのではなく、JavaScriptによって描画されているためです。クローラーには空のコンテナが見えています。他によくある原因は、レビューマークアップの不在または無効化、そしてページ上に個別のレビューが存在しない状態での平均値表示です。
- レビューアプリなしで星評価を追加できますか。
- 星マークを直接コーディングすることは可能ですが、実際のレビューが存在しない静的な平均値はリッチスニペットの対象にならず、購入者に読むべき内容を何も提供しません。正当な星評価には、収集されたレビューがページ上に表示されてマークアップされている必要があり、それがレビューアプリの提供するものです。
- 星評価にスキーママークアップは必要ですか。
- Googleの検索結果に星を表示させたい場合は必要です。AggregateRatingとReviewのマークアップがサーバーHTMLに含まれ、同じページ上に可視化されたレビューが存在する必要があります。有効なマークアップがなければ、星はページ内に留まり検索結果には届きません。