見出しタグ(h1〜h6)の正しい使い方｜SEO効果とAI検索対策を徹底解説

見出しタグ（h1〜h6）とは

HTMLの見出しタグは、Webページのコンテンツに階層構造を持たせるための要素です。<h1>から<h6>まで6段階あり、数字が小さいほど上位の見出しを表します。

見出しタグは単なるデザイン要素ではありません。ブラウザ、検索エンジン、スクリーンリーダー、そしてAIシステムに対して、ページの論理構造を正確に伝えるセマンティックな役割を持っています。書籍にたとえると、h1が書名、h2が章タイトル、h3が節タイトルに相当します。この階層関係は見た目の装飾ではなく、機械が依存する意味的な構造です。見出しタグを正しく使うだけで、SEO・アクセシビリティ・AI検索対策の3つを同時に改善できます。

<h1>書名に相当する大見出し</h1>
  <h2>第1章に相当する中見出し</h2>
    <h3>第1節に相当する小見出し</h3>
    <h3>第2節に相当する小見出し</h3>
  <h2>第2章に相当する中見出し</h2>
    <h3>第1節に相当する小見出し</h3>

なぜ見出し階層が重要なのか

見出しの階層構造が正しく設計されていると、3つの大きなメリットがあります。

検索エンジンがコンテンツを理解しやすくなる。 Googleのクローラーは見出しタグの階層関係を解析して、ページの主題やトピック間の関連性を判断しています。見出しが整理されたページは、検索エンジンにとって「何について書かれているか」が明確になり、適切な検索クエリに対して表示されやすくなります。

ユーザーが必要な情報を素早く見つけられる。 多くのユーザーはページ全文を読む前に、まず見出しをスキャンして全体の構成を把握します。見出しだけ読んでも記事の全体像がわかる構成にすることで、離脱率の低下と滞在時間の向上が期待できます。特にモバイルユーザーはスキャン的な読み方をする傾向が強く、見出しの質がページの滞在時間に直結します。

アクセシビリティが大幅に改善される。 スクリーンリーダーを使用するユーザーは、見出しタグをナビゲーションの手がかりにしてページ内を移動します。正しい階層構造があれば、全文を順番に読み上げなくても目的のセクションに直接ジャンプできます。これはWebアクセシビリティガイドライン（WCAG）でも明示的に求められている要件です。日本国内でも、2024年のアクセシビリティ関連法改正に伴い、Webサイトのアクセシビリティ確保の重要性は増しています。

h1タグのルール：1ページに1つだけ

h1タグはページの主題を表す最上位の見出しです。ほとんどの場合、記事のタイトルやページのメインテーマに使用します。

h1タグの基本ルール

• 1ページに1つだけ使用する
• ページの内容を的確に表す具体的な文言にする
• 対策キーワードを自然に含める
• titleタグと完全一致である必要はないが、伝えるテーマの方向性は揃える

<!-- 正しい例：h1は1つだけ -->
<h1>見出しタグの正しい使い方ガイド</h1>
<h2>見出しタグとは</h2>
<h2>正しい階層構造のルール</h2>

<!-- 誤った例：h1が複数ある -->
<h1>見出しタグガイド</h1>
<h1>SEO対策の基本</h1>
<h1>まとめ</h1>

HTML仕様上はh1を複数使用しても文法エラーにはなりませんが、SEOの観点からはh1を1つに絞り、ページの主題を明確にするのがベストプラクティスです。検索エンジンとAIに対して、そのページが何についてのページなのかを曖昧さなく伝えるためです。h1はそのページの「テーマ宣言」であり、すべての見出し階層の起点になります。

正しいネスト構造の設計方法

見出しの階層は飛ばさず、順番に使用するのが原則です。h2の直下にh4が来るような構造は、文書の論理構造が崩れていることを意味します。これは機械にもユーザーにも混乱を与え、特にスクリーンリーダーでは「h3が存在するはず」と期待してナビゲーションする利用者にとって深刻な問題になります。

<!-- 正しい例：階層が順番に並んでいる -->
<h1>Webサイトのパフォーマンス改善ガイド</h1>
  <h2>画像の最適化</h2>
    <h3>WebP形式への変換方法</h3>
    <h3>遅延読み込みの実装</h3>
  <h2>JavaScriptの最適化</h2>
    <h3>コード分割のやり方</h3>
    <h3>不要なライブラリの削除</h3>
  <h2>まとめ</h2>

<!-- 誤った例：h2の直下にh4があり、h3が飛ばされている -->
<h1>Webサイトのパフォーマンス改善ガイド</h1>
  <h2>画像の最適化</h2>
    <h4>WebP形式への変換方法</h4>
  <h2>JavaScriptの最適化</h2>
    <h5>コード分割のやり方</h5>

見出し設計のチェックポイント

ページを公開する前に、以下の点を確認しましょう。

• h1がページ内に1つだけ存在するか
• h2 → h3 → h4 の順番が守られているか（階層の飛ばしがないか）
• 見出しだけを並べて読んだとき、記事の流れが理解できるか
• デザイン目的でフォントサイズを変えるために見出しタグを使っていないか（CSSで対応すべき）

このチェックリストは、CMSで記事を投稿する際に特に重要です。WordPressやNotionからのコンテンツ移行では、見出しレベルが意図せず変わってしまうケースが頻繁に発生します。記事の公開前に必ず見出し構造を確認する習慣をつけましょう。Chrome拡張の「HeadingsMap」などを使えば、ページの見出し階層を視覚的に確認できます。

見出しタグのSEO効果

Googleは見出しタグを「ページの内容理解のシグナルの一つ」として使用していることを公式に認めています。具体的には以下のような効果があります。

• キーワードの重み付け: 見出しに含まれるキーワードは、本文中のキーワードよりも強いシグナルとして扱われます。検索エンジンは見出しを使って、そのページで扱われている主要なトピックを判断します。
• フィーチャードスニペットへの採用: Googleはh2やh3の見出しとその直後の段落を、検索結果の最上部に表示されるフィーチャードスニペット（強調スニペット）として採用することがあります。フィーチャードスニペットに採用されると、検索結果の最上位に大きく表示されるため、CTRが飛躍的に向上します。
• ページ内リンクの生成: 見出し構造が明確なページでは、検索結果にジャンプリンク（サイトリンク）が表示されることがあり、ユーザーが関連するセクションに直接アクセスできるようになります。

ただし、見出しにキーワードを無理に詰め込むのは逆効果です。あくまでユーザーにとって自然で理解しやすい見出しを心がけ、その中に対策キーワードを自然に含めるのが正しいアプローチです。可読性と明確さを最優先にしてください。

たとえば、h2に「SEO対策 メタタグ 内部リンク 見出し」のようにキーワードを羅列するのは、ユーザー体験を損なうだけでなく、Googleからスパムと判断されるリスクもあります。「SEOに効果的な見出しの書き方」のように、自然な文章としてキーワードが含まれている状態が理想です。

AI検索における見出しタグの役割

GoogleのAI OverviewやChatGPT、Perplexityなどのai検索エンジンは、Webページの見出し構造をコンテンツ理解の重要な手がかりにしています。見出しタグは、AIシステムが各セクションの内容を識別するためのセマンティックマーカーとして機能します。

質問形式の見出しでGEO対策

AI検索で自サイトのコンテンツが引用されやすくするためには、見出しを質問形式にすることが効果的です。ユーザーがAI検索に質問を入力したとき、その質問と一致する見出しがあるページは引用されやすくなります。

<!-- GEO対策に効果的な質問形式の見出し -->
<h2>見出しタグはSEOにどんな効果がありますか？</h2>
<h2>h1タグは1ページに何個まで使えますか？</h2>
<h2>見出しの階層を飛ばすとどうなりますか？</h2>

<!-- 通常の見出し（悪くはないが、AI検索での引用率は劣る） -->
<h2>見出しタグのSEO効果</h2>
<h2>h1タグの個数制限</h2>
<h2>見出し階層のルール</h2>

質問形式の見出しは、IndexReadyのGEOスコアでも「質問形式の見出し」として8点満点で評価される項目です。すべての見出しを質問形式にする必要はありませんが、記事内のいくつかのh2やh3を質問形式にすることで、AI検索での引用率向上が期待できます。

見出し構造がAIのコンテンツ理解を助ける

AI検索エンジンはページ全体のテキストを解析しますが、見出しタグに含まれるテキストに対して特に高い重みを置いています。明確で説明的な見出しが論理的な階層で整理されているページは、AIにとって各セクションのスコープとコンテキストが判断しやすくなります。その結果、ユーザーの質問にマッチした場面で、適切な文脈で正確に引用される可能性が高まります。

見出しの設計で意識すべきなのは、「この見出しだけを読んで、セクションの内容が推測できるか」ということです。「詳細」「補足」のような抽象的な見出しよりも、「WebP画像への変換手順」のように具体的な表現を使うと、AIが正確にコンテンツを理解し、適切な場面で引用できるようになります。

また、見出しの直後の1〜2文がAI検索で引用されやすい傾向があります。見出しに続けて、その セクションの結論や要点を簡潔にまとめる書き方を心がけると、GEO対策として効果的です。

IndexReadyで見出し構造をチェックする

IndexReadyのSEOスコアリングでは、見出し構造を8点満点で評価しています。チェック内容は以下のとおりです。

• h1タグが存在するか
• h1タグが1つだけか（複数あると減点）
• h2以降の見出し階層が正しいか（階層の飛ばしがないか）

URLを入力するだけで自動的にこれらの項目をチェックできます。見出し構造の問題は目視では見落としがちなため、ツールによる自動チェックが特に有効です。特に記事数が多いサイトでは、すべてのページの見出し構造を手動で確認するのは現実的ではないため、自動チェックツールの活用が欠かせません。

よくある間違いと修正方法

デザイン目的での見出しタグの使用

フォントサイズを大きくしたいだけの理由でh2やh3を使うのは、最もよくある間違いの一つです。見出しタグは文書構造を示すためのセマンティック要素であり、見た目のスタイルはCSSで制御すべきです。

<!-- NG：デザイン目的でh3を使用 -->
<h3>お問い合わせはこちら</h3>

<!-- OK：CSSでスタイルを制御 -->
<p class="text-xl font-bold">お問い合わせはこちら</p>

見出しタグの省略

コンテンツのセクションに見出しを付けず、太字のテキストや大きなフォントサイズだけで済ませてしまうケースも多く見られます。これでは検索エンジンやAIに構造情報が伝わりません。

<!-- NG：見出しタグを使わず太字で代用 -->
<p><strong>画像の最適化について</strong></p>
<p>画像は...</p>

<!-- OK：見出しタグを使用 -->
<h2>画像の最適化について</h2>
<p>画像は...</p>

非セマンティック要素内での見出しのネスト

見出しを <div> や <span> タグでラップしても機能は壊れませんが、<section> や <article> などのHTML5セマンティック要素と組み合わせて使うことで、検索エンジンやAIに対してコンテンツ構造についてより多くのコンテキストを提供できます。セマンティック要素は見出しタグと同様に、ページの論理構造を機械に正確に伝えるための重要な手段です。

<!-- より望ましい構造 -->
<article>
  <h1>記事タイトル</h1>
  <section>
    <h2>セクション見出し</h2>
    <p>本文...</p>
  </section>
</article>

まとめ

見出しタグの正しい使い方は、SEO対策の基本中の基本でありながら、多くのサイトで改善の余地が残されている項目です。ルールはシンプルです。h1を1ページに1つだけ設定し、h2 → h3 → h4と階層を飛ばさずにネストすること。見出しだけで記事の構造がわかるように設計すること。各セクションの内容を的確に表す見出しを書くこと。GEO対策としては、一部の見出しを質問形式にすることで、AI検索での引用率を高める効果も見込めます。

IndexReadyの無料スコアリングツールで自サイトの見出し構造をチェックし、改善点を把握するところから始めてみてください。見出しの修正は、検索エンジン、AIシステム、そしてユーザーすべてに恩恵をもたらす、手軽でありながらインパクトの大きい改善です。既存記事の見出しを見直すだけでも、検索順位やAI引用率に目に見える変化が現れることがあります。

よくある質問（FAQ）

見出しタグは検索順位に直接影響しますか？

はい、見出しタグはGoogleが公式に認めているランキングシグナルの一つです。ただし、見出しタグ単体で大きく順位が変動するわけではなく、コンテンツの質、被リンク、技術的なパフォーマンスなど、より広範なシグナルの一部として機能します。見出し構造を正しくすることで、検索エンジンがページの内容を正確に理解し、適切な検索クエリに対して表示されやすくなります。

h1タグがないページはどうなりますか？

h1タグがなくてもページは正常に表示され、インデックスもされます。しかし、検索エンジンとAIシステムにとってページの主題が不明確になります。Googleはh1がない場合でもtitleタグなどの要素から主題を推定しますが、明示的にh1を設定するほうが常に望ましいです。IndexReadyのSEOスコアでも、h1の欠落は減点対象になります。h1がないページを見つけたら、優先的に修正することをおすすめします。

サイトロゴやナビゲーションタイトルにh1を使うべきですか？

一般的には、h1はサイト名やロゴではなく、メインコンテンツの見出しに使うのが望ましいです。多くのモダンなフレームワークでは、ヘッダー内のサイト名には通常のHTML要素を使い、h1はコンテンツエリア内に配置する設計になっています。こうすることで、h1がすべてのページで同じサイト名を繰り返すのではなく、各ページ固有のトピックにフォーカスでき、検索エンジンがページごとの主題を正確に判断しやすくなります。

見出しの文字数に制限はありますか？

HTML仕様上、見出しの文字数に厳密な制限はありません。ただし、見出しは簡潔であるほどユーザーにも機械にもわかりやすくなります。目安として、h2は20〜40文字程度、h3は15〜30文字程度に収めると読みやすい構成になります。「詳細情報」のような曖昧な見出しは避け、各セクションで扱う内容を具体的に表現しましょう。長すぎる見出しはスキャンの妨げになるだけでなく、目次の表示でも見づらくなるため、簡潔さを意識してください。