開発者のためのSEO：レンダリング、HTTPステータスコード、タグ、パフォーマンス、AIクローラー

開発者のためのSEOは、検索最適化のうちコードの中にある部分です。テンプレート、ルーティング、レンダリング、ヘッダー、パフォーマンスがそれにあたります。キーワード選定や執筆はマーケティングが担いますが、誤ったステータスコード、クライアントだけでレンダリングされるルート、消し忘れたnoindexひとつで、その努力は一度のデプロイで消えてしまいます。GoogleのJavaScript SEOの基本は、クロール、レンダリング、インデックス登録の3段階を説明しており、各段階には開発者にしか直せない不具合があります。このガイドでは、それらを壊れやすい順に取り上げます。

SEOのどの部分を開発者が担うのか？

検索エンジン向けにページをどうレンダリングすべきか？

GooglebotはJavaScriptをレンダリングしますが、それは遅れる可能性のある第2段階で行われます。Google自身もサーバーサイドレンダリングやプリレンダリングは今でも優れた方法だと書いており、ユーザーにもクローラーにも速く、すべてのボットがJavaScriptを実行するわけではないことを理由に挙げています。この最後の点は、今かつてないほど重要です。2024年12月のVercelの分析The rise of the AI crawlerは、主要なAIクローラーはいずれも現時点でJavaScriptをレンダリングしていないと結論づけ、GPTBot、OAI-SearchBot、ChatGPT-User、ClaudeBot、PerplexityBotなどを挙げています。Googleの基盤を使うGeminiは例外です。

どのフレームワークでも守るべきルールが二つあります。リンクはhref属性を持つ<a>要素にすること。Googleはこの形式のリンクしか発見できないとしているため、クリックハンドラ付きのボタンやフラグメントベースのルートは行き止まりになります。そして、各ルートには#を含まない独自のURLを持たせ、そのURLで直接コンテンツを返すことです。JavaScript SEO、シングルページアプリケーションのSEO、Next.jsのSEOの各ガイドで、フレームワークごとの詳細を解説しています。

SEOで重要なHTTPステータスコードは？

ステータスコードはクローラーへの指示です。GoogleのHTTPステータスコードとネットワークエラーに関するドキュメントは、各グループの扱いを説明しています。

• 200：ページはインデックス登録の対象になります。内容がエラーや空ページのように見える場合、Search Consoleはソフト404として報告します。
• 301と308：恒久的なリダイレクトで、Googleは転送先への強いシグナルとして扱います。コンテンツの移動やドメイン変更に使います。
• 302と307：一時的なリダイレクトで、弱いシグナルです。恒久的な移転には使いません。
• 404と410：ページが存在しません。Googleは時間とともにそのURLを使わなくなります。「見つかりません」と書いた200ではなく、本物の404を返しましょう。
• 429と5xx：Googleのクローラーはクロールの速度を落とし、サーバーエラーを返し続けるURLは最終的にインデックスから削除されます。

サーバーが実際に何を返しているかはHTTPヘッダーチェッカーで確認し、リダイレクトチェーンは1回に収めましょう。移行時のパターンはSEOのリダイレクトの記事で解説しています。

HTMLのheadに必ず入れるべきタグは？

インデックス対象のページには、一意のtitleとdescription、自己参照のcanonical、そして多言語サイトではhreflangの指定が必要です。これらはサーバーのレスポンスに含めます。

<title>Running shoes for flat feet | Example</title>
<meta name="description" content="Tested picks, sizes and prices.">
<link rel="canonical" href="https://example.com/running-shoes-flat-feet">
<link rel="alternate" hreflang="fr" href="https://example.com/fr/chaussures-pieds-plats">
<meta name="robots" content="index, follow">

canonicalタグは、上位表示させたいURLを、サイトで使っているプロトコル、ホスト、末尾スラッシュの規則と完全に一致させて指定する必要があります。

URLと内部リンクはどう設計すべきか？

検索エンジンはURLをインデックスするため、URL設計はSEO上の判断です。小文字でハイフン区切りの読みやすいパスを使い、末尾スラッシュの規則を一つに決めてもう一方はリダイレクトし、一つのコンテンツには一つのURLを保ちます。絞り込み、並べ替え、計測用パラメータはコンテンツを増やさずにURLだけを増やします。それらのcanonicalはクリーンなURLに向け、クロールさせたくないパラメータの組み合わせにはリンクしないようにしましょう。

内部リンクは発見と重要度の両方を伝えます。ナビゲーション、パンくずリスト、関連コンテンツのブロックはサーバーでレンダリングし、ページ分割された一覧には各ページへの通常のリンクを設け、背後にページ分割URLのない無限スクロールは避けましょう。サイト内検索やJavaScriptの絞り込みでしかたどり着けない商品や記事は、クローラーにとっては孤立ページです。

robots.txtとサイトマップの役割は？

robots.txtが制御するのはクロールであり、インデックス登録ではありません。ブロックしたURLでも、他のページからリンクされていれば検索結果に表示されることがあります。ページをインデックスから外したい場合は、クロールを許可したうえでnoindexを返します。XMLサイトマップはルートやデータベースから生成し、200を返す正規URLだけを載せ、lastmodはコンテンツが実際に変わったときだけ更新しましょう。リリースのたびにrobots.txtチェッカーでルールを確認し、「Disallow: /」を含むステージング用のrobots.txtを本番にデプロイすることは絶対に避けてください。

パフォーマンスは順位にどう影響するか？

GoogleはCore Web Vitalsをページエクスペリエンスのシグナルの一部として使っています。web.devによると、モバイルとデスクトップそれぞれで、実際のページ読み込みの75パーセンタイルが次のしきい値を満たせば「良好」です。

INPは2024年にFirst Input Delayに代わる安定版のCore Web Vitalとなりました。評価はフィールドデータ（Search Console、Chrome UX Report）で行い、デバッグはラボツールで行いましょう。Core Web Vitalsの用語集ページでツールを紹介しています。

構造化データはどう追加するか？

scriptタグ内のJSON-LDをサーバーでレンダリングし、ページに表示されている内容を記述します。

<script type="application/ld+json">
{"@context": "https://schema.org", "@type": "Article",
 "headline": "Running shoes for flat feet",
 "datePublished": "2026-10-01",
 "author": {"@type": "Person", "name": "Jane Doe"}}
</script>

ページと同じデータから生成して両者がずれないようにし、CIで検証し、タグマネージャー経由での挿入は避けましょう。schemaジェネレーターを使えば、よく使う型のひな形が得られます。

AIアシスタントが読めるサイトにするには？

AIでの可視性はアクセスから始まります。どのAIユーザーエージェント（GPTBot、OAI-SearchBot、ClaudeBot、PerplexityBotなど）を許可するかを決め、robots.txtに明示的なルールを書きましょう。AIクローラー向けrobots.txtのガイドでは、学習用ボットと検索用ボットの違いを説明しています。次に、本文、価格、仕様、よくある質問が初期HTMLにあることを確認し、画像内の文字ではなく意味のある見出しや表を使い、すばやく取得できる軽さを保ちます。llms.txtファイルでAIツール向けに主要ページを要約することもできますが、主要なアシスタントでこれを利用していると公表したものはまだないため、任意の対応と考えてください。

Sorankは私たちの製品で、autopilotで動くSEO・GEOソフトウェアです。開発者が接するのは主に連携機能で、インストールページにあるとおり、WordPress、Shopify、Webflow、Wixに、あるいはwebhookで任意の独自スタックに記事を公開します。SEO Chatはあなたのサイトに関する質問に対話形式で答え、AIでの言及トラッキングはChatGPT、Claude、Geminiがあなたのブランドに言及しているかを毎週確認します。

まとめると、サーバーから完全なHTML、正直なステータスコード、正しいタグを配信し、そのうえで実際のユーザーでパフォーマンスを測ることです。これはGooglebotにも、JavaScriptを実行しないAIクローラーにも効きます。よく作られたサイトを上位表示されるコンテンツで満たしたい場合は、Sorankのプランをご覧ください。月額$49から、3日間の無料トライアル付きです。