Fetch & Render

Fetch & Render とは？

Fetch & Render は、検索エンジンのクローラーや AI ボットがページをどのように見るかを正確に確認する手法です。通常のブラウザでクッキーやログインセッション、キャッシュされたリソースを使用してページを開く代わりに、Fetch & Render ツールは特定の user-agent 文字列（Googlebot や GPTBot など）を使用してリクエストを送信し、生の HTML ソースを取得し、ヘッドレスブラウザ環境で全ての JavaScript を実行し、最終結果を取得します。

これにより、訪問者が見るものと検索エンジンがインデックスするものの重要な違いが明らかになります。一般的な問題として、クローラーからコンテンツを隠す JavaScript レンダリング失敗、ボットに異なるコンテンツを提供する user-agent ベースのクローク、適切なページレンダリングを妨げる ブロックされたリソース、リンクエクイティを希薄化したりボットを誤った先へ送る リダイレクトチェーン があります。

SEO における Fetch & Render の重要性

Google のクローラーはページを 2 段階で処理します。まず、生の HTML ソースコードをダウンロードしてインデックス化します。その後、ページの JavaScript をレンダリングして動的にロードされたコンテンツを検出します。React、Angular、Vue などのアプリケーションで一般的に見られるように、コンテンツが JavaScript 実行後にのみ表示される場合、レンダリングに失敗すると Google はそのコンテンツを確認できません。レンダリングが成功するまでです。

このツールでページをテストすることで、次のことを確認できます：

• すべての重要コンテンツが レンダリングされた HTML に表示され、JavaScript エラーで隠れていません。
• SEO タグが正しい — カノニカル URL、meta robots、タイトル、ディスクリプション、hreflang タグがすべて存在し、正しくフォーマットされています。
• レスポンスヘッダーが正しく設定されている — ステータスコード、X-Robots-Tag ヘッダー、コンテンツタイプが期待通りです。
• リソースが正常にロードされる — CSS、JavaScript、フォント、画像がすべて 200 ステータスコードで返され、robots.txt や CORS ポリシーでブロックされていません。
• 不要なリダイレクトがない — クローラーを混乱させたりクロール予算を浪費したりするリダイレクトが存在しません。

AI ボットアクセスのテスト

AI 検索が台頭する中、AI ボットがサイトとどのようにやり取りするかを検証することがますます重要になります。GPTBot（OpenAI）、ClaudeBot（Anthropic）などの AI クローラーは、Googlebot と異なるコンテンツをサーバーから受け取る可能性があります。一部の CDN やセキュリティサービスはデフォルトで AI ボットをブロックするため、コンテンツが AI 生成回答に表示されなくなります。

このツールを AI Bot Access Tester と併用して robots.txt のルールを確認し、SERP Previewer で最適化されたメタタグが検索結果にどのように表示されるかを確認してください。継続的な監視には、Local Rank Checker を使用して可視性の変化を追跡できます。