JavaScript を切ると、あなたのサイトには何が残りますか｜30 秒でできる確認

なぜ「JavaScript を切る」ことに意味があるのか

ChatGPT・Claude・Perplexity のような AI サービスは、それぞれ自前のプログラムでサイトを読みに来ます。ここに、ふつうのブラウザとの決定的な違いがあります。

あるネットワーク実測の調査では、これらのプログラムは JavaScript のファイルを取得はするものの、実行はしていませんでした（取得の割合は 11.5%・23.8% など）※1。ブラウザは JavaScript を実行して画面を組み立てますが、これらのプログラムはそこまでやらない、ということです。

さらに、各社の公式ドキュメントを確認しても、JavaScript を実行するともしないとも書かれていません（OpenAI・Anthropic・Perplexity・Google の 4 社を確認）※2。つまり「今どきのプログラムなら対応しているはず」と期待する根拠が、公式には存在しません。

だから、JavaScript を切った状態のページこそが、これらのプログラムから見えている姿に近いのです。

ここは正直に書いておきます

「JavaScript で本文を組み立てるサイトは引用されにくい」を直接測ったデータは、探しましたが見つかりませんでした。あるのは「クローラが JavaScript を実行していない」という実測までで、そこから先は理屈による推論です
そしてこの実測は、事実上 1 社の調査に依存しています。その調査元は、サーバー側で HTML を組み立てる仕組みを提供している会社でもあります（当社もその仕組みを使っています）。自分に都合のよいデータが単一ソースであることは、書いておきます

ただし Google だけは、話が別です

先に誤解を解いておきます。Google の「AI による概要」や「AI モード」は、専用のプログラムが別に読みに来ているわけではありません。従来の検索用プログラムがすでに読み取った内容を使っています。Google の公式ドキュメントにも、AI 向けの識別子は「独立した取得のための識別子を持たず、制御のためだけに使われる」と明記されています ※3。

Google の検索用プログラムは JavaScript を処理できます。ですから、Google に対しては「JavaScript で組み立てたサイトは読まれない」という問題は起きません。

つまりこれから行う確認は、「Google 以外の AI から見た、自分のサイト」を見る作業です。ここを一緒くたにして「AI に読まれません」と不安をあおる説明は、正確ではありません。

手順 —— 実際にやってみましょう

方法 A：ページのソースを見る（どのブラウザでも使えて、いちばん確実）

ページ上で右クリックして「ページのソースを表示」を選びます。あるいは、アドレスバーの URL の先頭に view-source: と付けて開いても同じです。

ここに表示されるのが、サーバーが最初に返した生の HTML です。プログラムが最初に受け取るものと、ほぼ同じものです。

そのうえで、Ctrl + F（Mac は Command + F）でページ内検索を開き、自分のページにしかない一文を検索してみてください。

見つかった → その文章は、JavaScript なしでも読める状態にあります
見つからない → その文章は、あとから JavaScript が描いています

ひとつコツがあります。検索する文字列は、必ずそのページ固有の一文にしてください。会社名やメニュー項目は、JavaScript で組み立てるタイプのサイトでも HTML に載っていることがあり、それだけでは判断できません。サービス紹介の本文や、代表挨拶の一節など、そのページの中身そのものを選んでください。

方法 B：JavaScript を切って、見た目で確かめる

見た目で確かめたい場合は、こちらのほうが分かりやすいです。

Chrome の場合 ※4

ページ上で右クリック →「検証」でデベロッパーツールを開きます
Command + Shift + P（Windows・Linux は Control + Shift + P）を押します
javascript と入力し、「Disable JavaScript」を選んで Enter
そのままページを再読み込みします

JavaScript は、デベロッパーツールを開いている間だけ無効のままになります。ツールを閉じれば元に戻ります。

Safari の場合 ※5

メニューバーの「開発」→「JavaScript を無効にする」を選びます。「開発」メニューが見当たらない場合は、「Safari」→「設定」→「詳細」から、Web 開発者向けの機能を表示する設定をオンにしてください。こちらは自動では戻りませんので、確認が終わったら忘れずに元に戻してください。

見るべきポイントは 3 つです

① 本文は残っていますか

トップページと、いちばん見てほしいページ（サービス紹介、商品説明など）の 2 つで確認してください。文章がごっそり消えるなら、そのページは JavaScript が描いています。

② h1（大見出し）はいくつありますか

ソース表示の画面で <h1 を検索してください。原則は 1 ページに 1 つです。複数あると、機械から見て「このページは何の話か」を決められません。継ぎ足しで更新されてきたサイトで、よく起こります。

③ title は、そのページ固有の内容になっていますか

<title> を検索してください。全ページが「お知らせ - 会社名」のように同じになっていないでしょうか。これは実際によくあります。

結果の読み方 —— だいたい 3 パターンに分かれます

パターン① 本文も見出しも、そのまま残っている

いちばん良い状態です。この件について、いま急いですることはありません。サーバー側や公開時に HTML を組み立てる作り方になっているか、もともと静的なページかのどちらかです。

パターン② 本文は残るが、h1 が複数あったり、title が使い回されている

実は、これがいちばん多いパターンです。文章そのものは読めているのに、「何の話のページか」が機械から特定できない状態です。

当社が実際に手がけた案件でも、これが起きていました。作り直す前のサイトは、JavaScript なしで読める日本語が 1,330 文字あり、本文自体はきちんと読める状態でした。ところが h1 が 8 個ありました。作り直した新しいサイトでは、1,681 文字・h1 は 1 個です ※自社実測（2026 年 8 月）。

文字数はほとんど変わっていません。変わったのは「主題が特定できるかどうか」です。問題は「読めない」ことではなく、「読めるけれど、何の話か決められない」ことでした。

パターン③ 本文が消える

この場合は、対策以前の話になります。どれだけ良い文章を書いても、Google 以外の AI からは、そこに何も書かれていないのと同じに見えている可能性があります。

よくある誤解 —— 「React だから弱い」ではありません

「JavaScript のフレームワークを使っているサイトはダメなんですね」と言われることがありますが、これは正確ではありません。

当社のサイトは React（Next.js）で作っていますが、公開時にあらかじめ HTML を組み立てる方式にしているため、JavaScript を切っても読めます。実測では、トップページで 1,914 文字、製品紹介ページで 9,635 文字の日本語が JavaScript なしで読めました ※自社実測（2026 年 8 月 6 日、本番環境）。

一方、同じサイト内でも管理画面はブラウザ側で組み立てる方式なので、静的な HTML を持ちません。同じ技術でも、両方が起こりうるということです。

分かれ目は、使っているライブラリではなく、どこで HTML を組み立てるかです。ですから「うちは React だから」でも「うちはホームページ作成サービスだから」でもなく、実際に切って見てみるのがいちばん確実です。

ついでに、もうひとつ見ておきたいこと

同じ調査で、AI のクローラは「ページが見つかりません」に当たる割合が 34% 台でした。Google の検索クローラは 8.22% です ※1。

巡回の効率が悪い相手ほど、切れたリンクの損失は大きくなります。せっかく読みに来たのに、行き止まりに当たって帰っていく回数が多い、ということです。リンク切れの放置は、Google に対してよりも、こちらに対して効いてくる可能性があります。

なお、Perplexity は公式ドキュメントで、利用者の求めに応じて取得する場合は「利用者が要求した取得なので、このフェッチャーは基本的に robots.txt のルールを無視します」と明記しています ※6。読みに来るかどうかを、こちら側で完全に制御できるわけではない、ということです。

最後に —— 「見えている」と「選ばれる」は別の話です

ここまでの確認で全部が問題なしだったとしても、それで AI に引用されるようになる、という話ではありません。ここは正直にお伝えしておきます。

45 本の研究を横断した学術サーベイに、この分野を要約する一文があります。「完璧に整形されたページも、候補に入っていなければ何も貢献できない」※7。同じサーベイでは、最初に引用されるかを主に決めているのは、質問への適合性と、AI に渡された文脈の中での位置だと整理されています ※7。

実際のネットワーク計測でも、あるクローラは 23,951 ページを読み込んで、そこから発生した参照は 1 件でした ※8。読まれることと、選ばれることと、人が訪れることは、それぞれ別のことです。

（なお、「引用されるかを左右するのはサイトの外の要因、たとえば他メディアでの言及の多さだ」という調査もあります。ただ当社が追跡した限り、その数値の原典に辿り着けなかったため、この記事には数字を載せていません。）

ですから、今日やっていただいた確認で分かるのは「見えているか」までです。それでも、この確認には意味があります。見えていなければ、その先の話に入れないからです。土台であって、魔法ではありません。

そしてこの土台は、Google に対しても同時に効きます。Google 自身が公式ガイドで「SEO のベストプラクティスは引き続き有効です」と述べています ※9。AI 向けの特別な何かではなく、これまでの取り組みがそのまま効く、という立場です。だから、ここに手間をかけても無駄になりません。

当社がお伝えしたいことは、ひとつだけです。「AI に選ばれるサイトを作ります」ではなく、「AI から見えていない状態を解消しましょう」。前者は Google 公式に否定されていますし、実測にも支えられていません。後者は、今日 30 秒で確かめられます。

よくある質問

JavaScript を切ると本文が消えました。すぐに作り直さないといけませんか？

いいえ、すぐにという話ではありません。まず、Google からは問題なく読めています。Google の AI 機能も、従来の検索用プログラムが読み取った内容を使っているためです。影響があるのは ChatGPT・Claude・Perplexity など Google 以外のサービスからの見え方で、日本ではこれらの経由の訪問はまだ全体のごく一部です。サイトを更新する予定ができたときに、あわせて直すのが現実的だと考えています。

h1 が複数ありました。減らすだけで効果はありますか？

「効果が出ます」とは申し上げられません。この分野で流入への因果が検証された研究は 1 本しか見つかっておらず、その著者自身が「示唆的であって決定的ではない」と書いています。ただ、h1 を 1 つにして見出しの階層を整えることは、Google に対しても、AI に対しても、そして音声読み上げを使う方に対しても同じ方向に働きます。低コストで、副作用が考えにくい部類の作業です。

自分で測るのが難しいのですが、見てもらえますか？

はい。この記事の確認内容を含む 9 項目を機械で測る無料診断を承っています。測定項目と判定基準は、診断のページに事前に全部公開しています。問題がなければ「問題ありません」とお伝えしますし、当社サイト自身の診断結果も、未実装の項目を含めて公開しています。

出典