SSRが必要な理由とAIクローラーのJS非実行

AIクローラーはJavaScriptを実行するのか

主要なAIクローラーの多くはJavaScriptを実行しません。そのため、初期HTMLに本文が無いサイトは、AIには空のページに見えます。

Vercel と MERJ の共同分析では、5億件を超えるGPTBotの取得を追跡し、JavaScript実行の痕跡がゼロだったと報告されています。GPTBotは.jsファイルを約11.5%の頻度で取得していますが、実行までは行いませんでした。Anthropic の ClaudeBot や PerplexityBot も同様に、生のHTMLからテキストを直接抜き出します(出典: The rise of the AI crawler)。

クライアントサイド描画だと何が起きるか

ReactなどでブラウザにHTMLを組み立てるCSR構成では、本文はレンダリング後のDOMにしか存在せず、AIには見えません。つまり、robots.txt で許可していても引用の土俵に乗れないということです。

JavaScriptを描画しないAIクローラーが読むのは初期応答のHTMLだけで、後から動的に挿入される本文は無視されます。Googlebot は描画まで行うのに対し、ChatGPT や Claude のクローラーは行いません。ここがGoogle以外を狙うときの落とし穴です。

SSRでの具体的な対策

サーバー側で本文込みのHTMLを返すSSR、または静的生成(SSG)にして、初期HTMLに本文を完全に含めます。Next.js などのフレームワークで実現できます。

確認方法は単純で、ブラウザでJavaScriptを無効にして主要記事を開き、本文がそのまま表示されるかを見るだけです。表示されなければ、AIにも見えていないということです。なお、製品ページ、FAQ、主要記事から優先してSSR化するのが現実的です。

Geo Index の「AI最適化ページ」は、SSR本文と構造化データJSON-LDを全User-Agentに同一URLで返す設計です。人間とクローラーで出し分けるクローキングは採用せず、確実に読まれる土台を作ることだけを担います。

SSRで本文が確実に読まれる土台ができたら、あとはその本文をLLMに読まれ引用される記事構成の作り方に沿って引用されやすい形に整えるだけです。到達面の点検はAIクローラーの誤ブロックを防ぐとrobots.txtでAIクローラーを制御する方法も合わせてどうぞ。