iframeレビューとサーバーレンダリング型レビュー:失われているSEO評価
iframeや外部スクリプトで読み込まれたレビューは、あなたのページの資産にはなりません。レンダリング方式が、SEO評価・リッチスニペット・AI引用のすべてを左右します。
レビューが商品ページに表示される3つの方法
レビューが商品ページに到達する経路は、誰が評価を受け取るかを決める「帰属のスペクトル」に沿って分布しています。そのスペクトル上には三つの地点があります。iframe、クライアントサイドのスクリプト注入、そしてサーバーレンダリングHTMLです。
買い物客には、どれもほぼ同じように見えます。星評価、レビュー文、評価件数。違いはブラウザ上では見えませんが、検索とAIにとっては決定的です。レビューの本文があなたのものか、クローラーのものか、誰のものでもないかが変わるからです。
- iframe:レビューは別ドメインに存在し、あなたのページにウィンドウとして埋め込まれます。
- クライアントサイド注入:スクリプトがページ読み込み後にレビューを取得し、DOMに書き込みます。
- サーバーレンダリング:スクリプトが実行される前のページHTMLにレビューが含まれており、ご自身のURLから配信されます。
iframeはなぜレビューの価値を漏らすのか
iframeとは、ベンダーのドメインにホストされた別のドキュメントを、あなたのページにフレームとして埋め込んだものです。クローラーにとって、iframe内のレビューテキストはその別のドキュメントの一部であり、あなたのページのものではありません。コンテンツはiframeの配信元に帰属するため、レビューが持ちうる検索評価はベンダーのドメインに蓄積され、あなたの商品ページには来ません。
これが静かな漏洩です。あなたがレビューを集め、買い物客があなたのストアで読む一方、検索面での価値は別の場所に流れていきます。リッチスニペットへの対応も不安定になります。検索エンジンが整合させたい構造化データと表示テキストが、二つの異なるドキュメントに分かれてしまうためです。
クライアントサイド注入されたレビューがクロールされない理由
クライアントサイド注入はレビューをご自身のドメインに置くため、iframeよりは優れています。しかし、ページが届いた後に書き込む方式のため、クローラーが最初に受け取るHTMLはプレースホルダーです。レビューが表示されるはずの空のコンテナだけが存在します。
クライアントサイドで注入されたレビューテキストは、クロール済みHTMLに含まれていないことが多いです。レンダリングにはクローラーがJavaScriptを実行することが必要ですが、それはクローラー自身のスケジュールで行われ、保証はありません。レビューは存在し、買い物客には見えても、インデックスには何も残らない可能性があります。この場合、評価が他所に漏れるわけではありません。ただ、認識されないのです。
サーバーレンダリングが実際にもたらすもの
サーバーレンダリングとは、サーバーが返すHTMLにスクリプトが一行も実行される前からレビューテキストが含まれていることを意味します。クローラーは初回のパスで、ご自身のドメイン上で、JavaScriptへの依存も別のドキュメントへの参照もなく、レビューを読み取ります。
サーバーレンダリングされたレビューHTMLはクロール可能であり、あなたのページに帰属します。それがすべての要点です。コンテンツはあなたのものであり、URLはあなたのものであり、構造化データはそれが説明する表示テキストのすぐ隣にあります。検索エンジンがリッチスニペットを確信を持って付与するために必要な条件が揃っています。
- JavaScriptの実行に依存せず、最初のリクエストでクロール可能です。
- ご自身の商品URLに帰属するため、評価はご自身のドメインに蓄積されます。
- マークアップと表示テキストが同じ場所に存在し、リッチスニペットの対象を維持します。
- ブラウザだけでなく、AI回答エンジンが参照するシステムからも読み取り可能です。
自分のストアのレビュー表示方法を確認するには
確認にベンダーのドキュメントは不要です。デベロッパーツールのインスペクターではなく、ページのソースコードを表示してください。ソースコードはサーバーが送信した生のHTMLを示しますが、インスペクターはスクリプト実行後のライブDOMを示します。
その生のソースコードで、実際のレビューの一文を検索してください。レビューテキストが見つかればサーバーレンダリングです。iframeタグがレビューを囲んでいればiframe方式です。レビューブロックが空のコンテナで、テキストがインスペクター上にしか表示されなければ、クライアントサイド注入です。
- インスペクターではなくページのソース表示を開き、サーバーの生HTMLを確認します。
- 実際のレビューから特徴的なフレーズを検索します。
- テキストが見つかった:サーバーレンダリング。iframeタグが見つかった:iframe方式。どちらもない:注入方式。
- フェッチツールやキャッシュ表示でクローラーが受け取るHTMLをクロスチェックして確認します。
iframeや注入を使う合理的な理由はあるか
あります。そうでないと言えば不誠実になります。iframeと注入は導入がシンプルで、ベンダーのコードをご自身のコードから分離でき、テーマに触れることなくベンダーがウィジェットを更新できます。検索やAIの可視性を重視しないストアにとって、これらのトレードオフは合理的です。
失うものは限定的であり、全てではありません。クロール可能で、自分に帰属し、引用可能なレビューコンテンツを、利便性と引き換えにします。レビューが購買判断において重要な役割を果たしており、AI検索においても同様に重要性が高まっている今、そのトレードオフが割に合うことは少ないでしょう。大切なのは、デフォルトではなく意識的に選択することです。
まとめ:レンダリング方式がソーシャルプルーフの帰属先を決める
レンダリング方式の選択が、ソーシャルプルーフの帰属先を決めます。iframeはベンダーに渡し、注入方式は多くの場合誰にも渡りません。サーバーレンダリングはレビューをあなたのページに置き、クロール可能な状態で、あるべき場所に帰属させます。
多くのレビューアプリはページ上の買い物客のために作られており、そこで止まっています。それがまさにBeyondReviewsが埋めようとしているギャップです。すでに集めたレビューを、検索とAIが読み取り、裏付け、引用できるHTMLに変換すること。レビューはどの方式でも本物です。レンダリング方式が、それがあなたにとって価値を持つかどうかを決めます。
- iframeはSEOに悪影響を与えますか。
- ペナルティを受けるわけではありませんが、得られるはずの価値を失います。iframe内のレビューはベンダーのドメインに帰属するため、コンテンツと検索評価はそちらに蓄積され、あなたの商品ページには来ません。買い物客向けの表示は維持しながら、検索面での評価を失う形になります。
- Googleはいずれクライアントサイド注入されたレビューをレンダリングしますか。
- 場合によってはそうなりますが、安定した保証はありません。GoogleはJavaScriptを実行でき、後続のパスで注入されたレビューを取得することもあります。しかし、クライアントサイドで注入されたテキストはクロール済みHTMLに含まれないことが多く、レンダリングはクローラーのスケジュールで行われ保証がありません。サーバーレンダリングHTMLはその不確実性を取り除きます。
- レビューがサーバーレンダリングされているか確認するにはどうすればよいですか。
- インスペクターではなくページのソースコードを表示し、実際のレビューの一文を検索してください。ソースコードはサーバーが送信した生のHTMLです。レビューテキストがあればサーバーレンダリングです。iframeタグの中にあればiframe方式です。ブロックが空でテキストがインスペクターにしか表示されなければ注入方式です。
- iframeにレビューがある場合、検索結果に星評価は表示されますか。
- 不安定な表示になります。リッチスニペットの星評価は、検索エンジンが同じURLの構造化データと表示されているレビューテキストを照合することで機能します。iframeでは、マークアップとテキストが二つの異なるドキュメントに分かれているため、その照合、ひいては星評価の表示が、サーバーレンダリング型よりもはるかに不安定になります。