Shopifyのトップページにレビューを表示する方法
トップページのレビューセクションは、訪問者の信頼を即座に確立するか、重要なスペースを無駄にするかの分かれ道です。Shopifyへの追加方法、引用文の選び方、テキストをクロール可能な状態に保つ方法を解説します。
Shopifyのトップページにレビューを表示するには？
方法は2つあり、多くのストアはどちらか一方を選んでいます。1つ目はネイティブのテーマエディタを使う方法です。ストアを開き、「オンラインストア」から「テーマ」→「カスタマイズ」へ進み、ホームテンプレートで「セクションを追加」を選択します。多くの現代的なShopifyテーマには、手動で入力できるお客様の声セクションまたは引用文セクションが用意されています。2つ目はレビューアプリを利用する方法で、トップページ用のブロックまたは埋め込みコードをアプリが提供しており、同じ「セクションを追加」の手順で設置できます。
手動で構築したテーマセクションは文章を完全に管理でき、常にHTMLに含まれます。アプリブロックは最新のレビューを自動的に取得できますが、スクリプトを介してレンダリングされることがあり、その影響については後ほど説明します。
- テーマエディタ: 「カスタマイズ」→「セクションを追加」でお客様の声または引用文ブロックを選択し、引用文を入力する。
- アプリブロック: 「セクションを追加」でレビューアプリを選択し、フィーチャードまたはトップページ用レイアウトを選ぶ。
- どちらの場合も、ほとんどの画面でファーストビューに収まるよう、ヒーローセクションの直下にドラッグする。
トップページのどこにレビューを配置すべきか
ヒーローセクションの直下、商品グリッドや特集ブロックより前の位置が適切です。最初の画面がブランドの約束を伝え、次の画面がそれを証明する構造にします。見出しを読んだ直後の訪問者は信頼するかどうかを判断しており、そのタイミングに置かれた1件の具体的な引用文は、ページ下部にある星評価の羅列よりも大きな効果を発揮します。
レビューをページ全体に散らばらせたくなる衝動は抑えてください。ページ上部への一箇所の丁寧な配置と、全レビューへの明確なリンクを組み合わせる方が、3か所に分散させた半端なストリップよりも効果的です。
カルーセルと厳選した引用文、どちらを選ぶべきか
引用文を厳選することをお勧めします。「とても良い商品で星5つです」が並ぶ回転するカルーセルは装飾として認識され、どのストアにでも当てはまる内容のため無視されます。汎用的なカルーセルより、厳選された具体的な引用文のほうが信頼を構築します。具体的な利用シーンについて語る実名の顧客の言葉は、壁紙ではなく証拠です。
異なる購入への不安にそれぞれ答える2〜3件のレビューを選び、実際の名前を付記し、静かに固定しておきます。動きは広告を連想させますが、静止した控えめな引用文は事実を連想させます。
- 一般的な印象ではなく、具体的な利用シーンに言及したレビューを選ぶ。
- 品質、サイズ感や使い心地、配送速度、サポートなど、異なる不安をカバーする。
- 実際の名前を付記し、可能であれば購入確認済みのマークを添える。
レビューテキストは検索エンジンやAI回答エンジンに読み取られるか
ページ内の実際のテキストであれば読み取られますが、テキストの画像では読み取られません。サーバーHTMLでレンダリングされたレビューは検索エンジンとAI回答エンジンの両方に読まれるため、トップページの引用文がコンバージョン率だけでなく検索上の視認性にも貢献します。トップページのレビューテキストはクロール可能な状態にする必要があり、レビューのスクリーンショットを証拠として貼ることは避けてください。
この点でアプリブロックの確認が必要です。一部のアプリはページ読み込み後にJavaScriptウィジェットを介してレビューを注入するため、訪問者には表示されますが、クローラーには空のコンテナとして認識されることがあります。手動入力したテーマセクションは常にHTMLに含まれます。アプリブロックを使用する場合は、トップページのソースを表示し、引用文テキストが実際に記載されていることを確認してください。
トップページの引用文から詳細レビューへリンクするには
トップページの各引用文は目的地ではなく、入口として捉えてください。さっと閲覧している訪問者が引用文をタップするか、隣に表示された「全レビューを見る」リンクをタップすると、評価、写真、レビュー件数が揃ったページに遷移できる設計にします。トップページは最良の2〜3件を見せ、リンク先でそれらが厳選であって恣意的な抜き出しではないことを証明します。
訪問者を閉じ込めるモーダルではなく、実際のレビューページや商品ページのレビューブロックへリンクしてください。全員に無理強いすることなく、必要に応じて信頼を深められる設計が目標です。
コンバージョンにつながるトップページのレビューストリップとは何か
重要な要素は3つあります。引用文が具体的であること、出典が信頼できること、テキストが実際のHTMLに含まれていることです。具体的とは、訪問者が見覚えのある利用シーンが書かれているということです。信頼できるとは、実名と購入確認済みのシグナルがあるということです。実際のHTMLとは、その文章がページ内に存在し、検索エンジンとAI回答エンジン、そして目の前の訪問者の三者に届くということです。
多くのレビューアプリはストア内の訪問者向けに設計されており、そこで止まっています。見栄えのするストリップをレンダリングして終わりです。すでに持っているレビューを読み取られやすく、裏付けがあり、引用可能な状態にすること、つまり検索でもAI回答でも活用される状態にすることが、BeyondReviewsが解決しようとしているギャップです。訪問者を安心させる引用文が、AI回答エンジンに質問する顧客にも言及される形になります。
- アプリなしでShopifyのトップページにレビューを追加できますか？
- 追加できます。多くの現代的なテーマには、「カスタマイズ」からセクションを追加してレビューを手動で入力できるお客様の声セクションが含まれています。この方法は完全にコントロールでき、常にページのHTMLにレンダリングされますが、ライブレビューを自動取得するのではなく手動で更新する必要があります。
- トップページには星評価と文章の引用文、どちらを表示すべきですか？
- 文章の引用文を表示し、星評価を補足として添えてください。実際の利用シーンについての具体的な一文は、数字だけよりも初めての訪問者をはるかに説得します。証拠として読まれるためです。星評価は、訪問者が比較検討している商品ページに残しておくとよいでしょう。
- トップページにレビューのスクリーンショットを使うのは問題がありますか？
- 証拠として使う場合は問題があります。レビューの画像は検索エンジンにもAI回答エンジンにも読まれず、スクリーンリーダーにも対応しません。ページ内の実際のテキストを使用し、画像は文章の引用文に添える写真のために残しておいてください。
- トップページにはレビューをいくつ表示すべきですか？
- 2〜3件表示し、残りへのリンクを添えます。トップページのストリップは全アーカイブではなく、クリックを促すサンプルです。ヒーロー付近に少数の厳選されたレビューを配置し、全レビューへの明確な導線を組み合わせることで、強いレビューを埋もれさせる長いストリップより高い効果を発揮します。