商品ページがJavaScriptで空っぽに見えていないか確認する方法
#SSR#CSR#AI可読性
AIクローラーの多くは JavaScriptを実行しません。商品情報がクライアントサイドレンダリング(CSR)でしか描画されないと、AIにはページが空っぽに見えてしまいます。
簡単な確認方法
- ブラウザでJavaScriptを無効化して商品ページを開く
- 「ページのソースを表示」で本文・商品情報が含まれているか確認する
本文が表示されない・ソースに含まれない場合は、AIから見て空ページの可能性が高いです。
対策
SSR(サーバーサイドレンダリング)や静的化、プリレンダリングを導入し、サーバーが返すHTMLに主要な本文を含めましょう。
まとめ
「人には見えているのにAIには見えていない」は、AI検索で最も致命的な落とし穴です。まず自社の商品ページを確認してみてください。
自社サイトが本記事のポイントを満たしているかは、客観的にスコアで把握するのが近道です。AI検索対応診断なら、URLを入れるだけで30秒・無料で項目別に現状と改善点を確認できます。
よくある質問
Q. どうやって確認しますか?
A. JavaScriptを無効にしてページを開く、または「ページのソースを表示」で本文テキストが含まれているか確認します。
Q. SPAだと必ずダメですか?
A. SSRやプリレンダリングを導入すれば問題ありません。重要なのはサーバーが返すHTMLに本文があることです。
Q. 対策は大がかりですか?
A. フレームワークによってはSSR/SSGの設定で対応できます。難しい場合は専門家に相談しましょう。