Next.js がクローラーに返すべきもの
正しいメタデータ、クロール可能な経路、更新したサイトマップ、最適化画像、有効な構造化データが必要です。
ルートの設定からタイトルと説明文を提供します。
出典 · Next.js
画面には見えない誤り
内容がよくても、正規URL、hreflang、robots、性能の設定が誤れば、サイトは成果を逃すことがあります。
メタデータ、経路、レンダリングをそろえる方法
一覧、詳細、ランディング、法的ページ、非公開経路を、種類別テンプレートとして確認します。
実施チェックリスト
- 経路ごとにタイトル、説明、正規URLを設定する。
- 実際の日付と画像でサイトマップを生成する。
- robotsとヘッダーで非公開経路を制限する。
- 見える内容に一致したJSON-LDを使う。
- Core Web Vitals と画像サイズを測る。
デプロイごとの確認
インデックス可能なページの網羅率、クロールエラー、サイトマップ内の有効なページ、表示性能、テンプレート別の自然検索流入を測定します。
クローラーが受け取るHTMLを確認する
ブラウザーでは完璧に見えるアプリでも、メタデータが不完全だったり、canonicalが誤っていたり、コンテンツの出力が遅れたりすることがあります。ハイドレーション後のDOMだけでなく、レンダリングされたレスポンスを確認しましょう。Next.jsは変化が速いため、実装ではインストール済みバージョンのドキュメントを基準にする必要があります。
メタデータ、サイトマップ、構造化データは、同じコンテンツデータから生成するものとして扱います。画面のタイトルを更新しても、Open Graphやスキーマ内の日付を忘れることは珍しくありません。自動テストでこれらの項目を比較し、食い違いがあれば失敗するようにします。
手軽だからといって、すべてを動的にしてはいけません。リクエストごとに必要なデータ、再検証できるページ、静的生成すべきページを見極めます。この選択は、性能、費用、編集内容が利用者やクローラーに届くまでの速さに影響します。
記事ページの技術チェック
- JavaScriptを使わずにURLへアクセスし、タイトル、canonical、本文を確認します。
- 言語間の代替URL、サイトマップ、リダイレクトを検証します。
- スキーマの内容を、ページに実際に表示される情報と照合します。
- 公開予定の記事と、存在しないURLをそれぞれ1つテストします。
サイトマップは、本文と同じデータソースを利用できます。
出典 · Next.js
簡潔な実行マップ
| 要素 | 確認すること | 品質の兆候 |
|---|---|---|
| 意図 | 正しいメタデータ、クロール可能な経路、更新したサイトマップ、最適化画像、有効な構造化データが必要です。 | 数秒で答えがわかる。 |
| 実装 | 一覧、詳細、ランディング、法的ページ、非公開経路を、種類別テンプレートとして確認します。 | 具体的で担当を割り当てられる行動が1つある。 |
| 測定 | インデックス可能なページの網羅率、クロールエラー、サイトマップ内の有効なページ、表示性能、テンプレート別の自然検索流入を測定します。 | データは判断を変えるべきです。行動のない報告は仕事を増やします。 |
よくある質問
Next.jsのテクニカルSEOとは、具体的に何ですか？
正しいメタデータ、クロール可能な経路、更新したサイトマップ、最適化画像、有効な構造化データが必要です。
Next.jsのテクニカルSEOは、何から始めればよいですか？
ルートごとにタイトル、説明文、canonical URLを設定します。次に、実際の日付と画像を含むサイトマップを生成します。
Next.jsのテクニカルSEOで防ぐべき問題は何ですか？
内容がよくても、正規URL、hreflang、robots、性能の設定が誤れば、サイトは成果を逃すことがあります。
Next.jsのテクニカルSEOの進捗は、どう測定しますか？
インデックス可能なページの網羅率、クロールエラー、サイトマップ内の有効なページ、表示性能、テンプレート別の自然検索流入を測定します。
