商品ページの星評価：タイトル直下に置くべき理由

星評価は商品ページのどこに置くべきか

タイトルの直下、価格ブロックの中かその横、スクロールせずに見える位置です。商品名と価格の周辺は商品ページの中で最も視線が集まる領域であり、星評価サマリーはそこにあるべきです。それより下に置くのは適切ではありません。購入を検討している顧客は、仕様を読む前に評価を確認したいと考えており、星評価はその判断材料です。

この位置はレビュー一覧を表示する場所ではありません。コンパクトなサマリー、つまり平均スコア、評価件数、そしてリンクを置く場所です。詳細はページの下部に置き、サマリーは意思決定が行われる場所に置きます。

• 商品タイトルの直下、価格ブロックの中またはその横。
• 平均スコア、星のグリフ、評価件数をセットで表示。
• フルレビューセクションへジャンプできるリンクとして件数を表示。
• デスクトップとモバイルの両方で、スクロールせずに見える位置に配置。

星評価サマリーに含めるべき要素は何か

3つの要素を、この順に表示します。平均スコア、星のグリフ、評価件数です。数値は星と同じくらい重要です。800件のレビューによる4.6と、4件による4.6では、顧客が受け取る信頼感はまったく異なります。日本の顧客は件数を見て、平均スコアと同じ速さで信頼性を判断します。

件数は装飾ではなくリンクにします。「412件のレビュー」をクリックすると、ページ内のフルレビューセクションまでスクロールされる設計にします。このアンカーひとつで二つの役割を果たします。証拠を求める顧客の導線になり、クローラーがサマリーと詳細レビューの関係を把握するための手がかりにもなります。

サマリーはページ下部のレビューにリンクすべきか

はい。そして、これを省略しているストアが多数あります。タイトル付近の星評価サマリーは、クローラーが読めるフルレビューセクションへリンクすべきです。顧客にとっては、件数をタップするだけで根拠に到達できる自然な導線になります。ページ自体にとっては、見出しの数字とそれを支えるレビューの関係を明示できます。

フルレビューセクションには実質的な内容が集まっています。個々のレビュー、投稿日、購入確認済みの表示などです。サマリーは約束であり、セクションはその証明です。顧客がスクロールして探すことに頼るのではなく、実際のページ内アンカーで両者をつなぎます。

評価をサーバーHTMLに含める必要がある理由

評価をサーバーHTMLに含めることで、検索スニペットとAI回答エンジンでの引用に対応できます。平均スコアと件数がスクリプト実行前のページソースに存在していれば、クローラーは最初のパスでそれを読み取ります。これがGoogleでの星評価リッチスニペットと、AI回答エンジンが引用できる数値を生成する仕組みです。

多くのレビューアプリは、ロード後にJavaScriptウィジェットを通じてサマリーを注入します。顧客には星が見えます。クローラーは空のコンテナを見ていることが多く、人の目には明確に見える評価が、機械が読むドキュメントには存在していません。画面上の表示が完璧であっても、数値がHTMLに含まれていなければ、検索で評価は反映されません。

読みやすい星評価の表示形式はどう整えるか

読みやすく、誠実で、レイアウトが安定している状態を維持します。グリフだけに頼らず、小数点1桁の数値平均を星の横に表示します。一部だけ塗られた星は一瞬では判断しにくいためです。サマリーが占める縦のスペースをあらかじめ確保し、ロード時に価格やボタンが押し下げられないようにします。これは購入体験を守るとともに、レイアウトシフトスコアの保護にもなります。

• 小数点1桁の数値平均を、星のグリフと並べて表示。
• 評価件数を平均の横に通常のテキストで表示（ホバーで出現する形式は避ける）。
• ロード時に価格がずれないよう、サマリーのスペースをあらかじめ確保。
• 星と件数に十分なコントラストを確保（薄いグレーは避ける）。

配置はスキーマとリッチスニペットにも影響するか

影響します。配置とマークアップは、同じ問題を二つの角度から見たものだからです。ページに表示されるサマリーと構造化データは、同じソースから得た同じ平均スコアと件数を示すべきです。ページ上の数値とAggregateRatingマークアップが一致しない場合、リッチスニペットが非表示になるリスクがあります。

これがコンバージョン最適化とスキーマが交差する点です。サマリーの配置、つまりタイトル直下にサーバーHTMLとして含めるという決定は、構造化データを信頼できるものにし、評価を引用可能にする決定でもあります。サマリーをページソースに正しく含めることで、スクロールせずに見える位置で顧客に届けながら、検索スニペットにも同時に対応できます。

まとめ

サマリーを視線が向かう位置に置き、平均スコアと件数が両方読めるよう整え、フルレビューセクションへリンクし、すべてをサーバーHTMLで描画します。これを実行することで、ひとつの要素が顧客、Googleのリッチスニペット、AI回答の三つに同時に対応します。多くのレビューアプリはページ上の顧客向けに設計されており、ウィジェットで完結しています。BeyondReviewsが解決しようとしているのはその差、つまりすでに持っているレビューを、検索とAIの両方で読まれ、裏付けられ、引用される状態にすることです。