III-D1 AIボットとJavaScriptレンダリング問題

「Googleでは順調にインデックスされているのに、ChatGPTに聞いても自社サイトの名前が一切出てこない」。この違和感の正体は、多くの場合AIクローラーがJavaScript(JS)を実行しないという、地味だが決定的な技術仕様に行き着きます。仕組みの見当がついたら、あとは自社サイトが実際にこの穴にはまっていないかを、自分の目で確かめるだけです。

Googleには見えて、AIには見えないという断絶

まず前提として、AIクローラー(GPTBot・ClaudeBot・PerplexityBotなど。詳しい分類は編III-A参照)は、サーバーから最初に返ってくるHTML(初期HTML)しか読みません。JavaScriptを実行してDOM(画面に表示される最終的なHTML構造)を組み立てる処理は行わない、というのが2026年時点での実態です。料金表やFAQの回答文、事例の本文などをReactやVue等でクライアントサイドレンダリング(ブラウザ側でJSを実行して画面を作る方式)しているサイトは、人間の目にもGoogleの目にも正常に表示されていて、AIの目には空白のページとして扱われている可能性があります。

「JSファイルは取れるが実行しない」という中間地点

誤解しやすいのが「AIクローラーはJSに一切触れない」という思い込みです。実際には、GPTBotのリクエストの11.50%、Claudeのリクエストの23.84%がJSファイル自体の取得に使われています(出典: Vercelブログ「The Rise of the AI Crawler」, 2026年)。つまりJSファイルは取りに行くが、実行してDOMを組み立てるところまではしていないというのが正確な理解です。対照的にGooglebotはヘッドレスブラウザ(画面を持たないブラウザ)でJSを実行してからインデックスするとされ、Apple Intelligence等に連なるAppleBotもレンダリングを行うと報告されています。

なぜAIクローラーはレンダリングを省略するのか

理由は単純にコストです。ヘッドレスブラウザでのフルレンダリングは1ページあたりの計算コストが高く、テキストを大量かつ高速に収集したいAIクローラーの目的には不向きです。レンダリングを行うとクロール速度が10〜100倍程度低下するとされ(出典: Vercelブログ「The Rise of the AI Crawler」, 2026年)、Web全体を相手にするAI企業にとってはスケールしません。要するに、AI企業側が「手を抜いている」のではなく、大量収集という目的に合わせた合理的な選択として初期HTMLのみの取得を選んでいる、と捉えるのが実態に近い見方です。

自社サイトのJS依存を自分で確認する方法

エンジニアでなくても、自社サイトがこの問題を抱えているかは簡易チェックできます。もっとも手軽なのは、ブラウザで対象ページを開き右クリックから「ページのソースを表示」を選び、実際に見えている文言(料金・FAQの回答本文など)がそのソースの中に文字として存在するかをCtrl+Fで検索する方法です。より厳密には、curlコマンドで同じURLを取得し同様に確認します。

curl -s "https://example.com/pricing/" | grep -o "円"

ブラウザでは料金が表示されているのに、この結果が空(何もヒットしない)であれば、そのページの核心コンテンツはJS依存でAIクローラーには見えていない可能性が高いと判断できます。

実践ステップ

1. 1
   自社サイトの中で「引用してほしい」重要ページ(料金・FAQ・事例・会社概要)を3〜5枚リストアップする
2. 2
   各ページをブラウザで開き、右クリック→「ページのソースを表示」で初期HTMLを確認する
3. 3
   表示されている核心的な文言をCtrl+Fでソース内検索し、文字として存在するか確認する
4. 4
   存在しない場合はcurlコマンドで同じURLを取得し、同様に文言を検索する
5. 5
   React・Vue・Next.js等のSPA構成になっていないか技術担当に確認する
6. 6
   JS依存が疑われるページを優先度順(料金・事例・FAQの順)にリスト化する
7. 7
   リストは次のIII-D2で対応策を検討する際の材料としてそのまま保存しておく

このレッスンはテキストとスライドで学べます。スライドは上のビューアからご覧ください。