テクニカル
JavaScript SEO
JS依存サイトを検索エンジンに正しく認識させるための技術領域。レンダリング対策が核心。
JavaScript SEOとは？
JavaScript SEOは、JavaScriptで動的にコンテンツを生成するサイトを、検索エンジンが正しくクロール・レンダリング・インデックスできるようにする技術領域です。
SPAの普及で重要性が増しています。
Googlebotはレンダリングを行いますが、JS実行は「クロール後の別工程」として遅延し、失敗することもあります。
本文がJS実行後にしか現れない構成は、インデックスの遅れや漏れを招きます。
JavaScript SEOの使い方・実践方法
JavaScript SEOの主な対策は次のとおりです。
- 重要コンテンツはSSR・プリレンダリングで初期HTMLに含める
- メタタグ・構造化データを各ルートで正しく出力
history APIで固有URLを付与（#遷移を避ける）- URL検査ツールで「レンダリング後のHTML」を確認
JavaScript SEOで押さえるべきポイント
JavaScript SEOの確認で最も有効なのは、Search ConsoleのURL検査で「Googleがレンダリングした後のHTML」を実際に見ることです。
本文や内部リンクが描画後HTMLに含まれているかを目視確認するのが、問題発見の近道です。
JavaScript SEOを実践するなら
Saguru なら、月額270円から、SEOキーワード調査・上位サイト分析・自サイトSEO診断のすべてが使えます。
「JavaScript SEO」を理解した上で、すぐに実践に移せます。
登録なしで1日5回まで無料 ／ メール登録で1日30回 ／ ベーシック月額270円 ／ 自サイトをSEO診断
JavaScript SEOについてよくある質問
GoogleはJavaScriptを実行する？
実行しますが、クロールとは別工程で遅延します。
失敗リスクもあるため初期HTMLに本文がある方が確実です。
失敗リスクもあるため初期HTMLに本文がある方が確実です。
確認方法は？
Search ConsoleのURL検査で、レンダリング済みHTMLとスクリーンショットを確認できます。
最も確実な対策は？
SSRやプリレンダリングで、初期HTMLに本文・メタ・内部リンクを含めることです。