見出し構造とは？H1・H2・H3の正しい使い方とSEO・AI検索での考え方

1. 見出し構造とは

見出し構造とは、HTMLの<h1>〜<h6>を使い、ページ内の情報を階層的に表現することです。

MDNでは、<h1>〜<h6>を6段階のセクション見出しとして説明しており、<h1>が最上位、<h6>が最下位です。

本にたとえると分かりやすいでしょう。

重要なのは、見た目の文字サイズと見出しレベルは別物だという点です。

「文字を大きくしたいからH2」「小さく表示したいからH4」と選ぶのではなく、文書の中でその内容がどの階層に属するかによって見出しレベルを決めます。

MDNも、文字サイズを変更する目的で見出し要素を使わず、見た目はCSSで調整するよう案内しています。

W3C/WAIも、見出しを適切にマークアップすることで、ページの構造や意味を支援技術へ伝えられるとしています。

2. H1・H2・H3・H4〜H6の役割

H1はページ全体の主題を示す

H1は、そのページが何について書かれているのかを示す最上位の見出しです。

たとえばこの記事なら、次のような内容がH1にあたります。

<h1>見出し構造とは？H1・H2・H3の正しい使い方とSEO・AI検索での考え方</h1>

H1には、そのページの主題が分かる表現を使います。

一般的な記事ページでは、ページタイトルとH1が近い内容になるケースが多いですが、<title>タグとH1は別のHTML要素です。

H2はページを構成する主要な論点を示す

H2は、H1のテーマを大きな論点に分けるために使います。

<h2>見出し構造とは</h2>
<h2>H1・H2・H3・H4〜H6の役割</h2>
<h2>見出しタグはSEOにどのような役割を持つ？</h2>

H2だけを順番に読んだときに、記事全体で何を説明しているのか大まかに把握できる状態にすると、読者にとってもページを読み進めやすくなります。

W3C/WAIも、良い見出しはページ内容のアウトラインを提供し、必要な情報への移動を助けると説明しています。

H3はH2の内容をさらに分解する

H3は、原則として親となるH2の内容をさらに分解・説明するために使います。

<h2>H1・H2・H3の役割</h2>

<h3>H1はページ全体の主題を示す</h3>
<h3>H2は主要な論点を示す</h3>
<h3>H3はH2の内容を細分化する</h3>

「このH3は、上にあるH2の説明になっているか」を確認すると、見出しの親子関係が崩れていないか判断しやすくなります。

H4〜H6は必要な場合に使う

H4〜H6も正式なHTMLの見出し要素です。

ただし、一般的なブログ記事やサービスページでは、H2・H3までで十分な場合もあります。

H3の内容をさらに細分化する必要があればH4、その下にさらに階層が必要ならH5・H6を使います。

「H4以下はSEOに弱い」「H3までにするとAIに引用されやすい」といった公式ルールがあるわけではありません。

3. 正しい見出し構造を作る5つの基本ルール

ルール1：最初にページ全体の主題を決める

見出しを配置する前に、「このページでは何について説明するのか」を明確にします。

主題が曖昧なままH2やH3を増やしていくと、複数のテーマが無秩序に混在しやすくなります。

まずH1でページ全体の主題を示し、その主題を説明するために必要な論点をH2へ分解します。

ルール2：主要な論点をH2にする

H2は文章量ではなく、論点の違いで分けます。

H1：見出し構造とは？

H2：見出し構造とは
H2：H1〜H6の役割
H2：正しい見出し構造の作り方
H2：見出し構造とSEO
H2：見出し構造とAI検索

ルール3：H2を細分化するときにH3を使う

H3は、H2の内容をさらに整理するための下位見出しです。

H2：見出し構造とAI検索

　H3：AI向けの特別なHタグや文章形式はない
　H3：見出し構造だけでAI引用が決まるわけではない
　H3：疑問文と説明型の見出しを使い分ける

H2とH3の関係が明確になるよう設計します。

ルール4：デザインではなく意味で見出しレベルを選ぶ

見出しレベルと文字サイズは分けて考えます。

その項目が文書構造上H3に該当するなら、文字を小さく表示したい場合でもH3を使います。

<h3 class="small-heading">H1タグの注意点</h3>

デザインはCSS側で調整できます。見出しタグを装飾目的で使わないことは、HTMLとアクセシビリティの基本です。

ルール5：見出しだけでも内容を予測できるようにする

次のような見出しは、単体では内容を判断しにくくなります。

<h2>ポイント</h2>
<h3>その理由</h3>
<h3>注意点</h3>

できるだけ、次のように具体化します。

<h2>見出し構造を設計するときのポイント</h2>
<h3>見出しタグは装飾目的で使わない</h3>
<h3>見出しと本文の内容を一致させる</h3>

W3C/WAIも、見出しは簡潔で、その後に続くセクションや文章の内容を説明するものにするよう案内しています。

4. HTMLで見る正しい見出し構造とNG例

正しい基本形

<h1>GEO対策とは</h1>

<h2>GEO対策が必要な理由</h2>

<h3>AI検索の利用が広がっている</h3>
<p>本文...</p>

<h3>SEO順位だけではAI上の露出を把握できない</h3>
<p>本文...</p>

<h2>GEO対策の進め方</h2>

<h3>AIからの認識状況を確認する</h3>
<p>本文...</p>

<h3>自社サイトの情報を整備する</h3>
<p>本文...</p>

H1→H2→H3という親子関係が明確です。

NG例1：見た目を変えるためだけにHタグを使う

<p>料金について</p>

<h3>月額10,000円</h3>

「月額10,000円」が独立したセクションの見出しではなく、単に金額を目立たせたいだけならH3にする必要はありません。

<p>料金は<strong>月額10,000円</strong>です。</p>

のように、意味に応じたタグを使用します。

NG例2：見出しと本文が対応していない

<h2>H1タグは複数使えますか？</h2>

<p>H2には記事の主要なキーワードを入れる方法があります。</p>

これでは、見出しで提示した問いに本文が答えていません。

<h2>H1タグは複数使えますか？</h2>

<p>H1が複数あること自体を理由にSEO上のペナルティを受けるわけではありません。ただし、一般的な記事ページでは主題を明確にするため、H1を1つにするのが分かりやすい設計です。</p>

のように、見出しと直下の本文を対応させます。

NG例3：キーワードを詰め込む

<h2>見出し構造 hタグ SEO 見出しタグ H1 H2 H3 SEO効果</h2>

検索キーワードを見出しへ大量に入れても、それだけでSEO上有利になるわけではありません。

ページの内容を正確に説明できる自然な表現を優先します。

5. H1は1ページに1つでなければならない？

結論からいうと、H1が複数あること自体を理由にSEO上のペナルティを受けるわけではありません。

MDNは、1ページで複数のH1を使用すること自体はHTML標準上許容される一方、現在のベストプラクティスとしては、ページ内容を説明するH1を1つにすることを推奨しています。

また、以前のHTMLでは、sectionやarticle内にH1を配置すると、入れ子の深さに応じて文書アウトラインが自動的に形成される考え方がありました。

しかし、その仕組みはブラウザに実装されず、現在では明示的にH1・H2・H3を使って階層を表現することが推奨されています。

「HTMLの絶対ルールだからH1は1つ」ではなく、「ページの主題と文書構造を明確にするため、一般的なページでは1ページ1H1を基本にする」と考えるのが適切です。

CMSによっては、ページタイトルがテンプレート側ですでにH1として出力されていることがあります。記事本文にさらにH1を設定していないか、公開後のHTMLを確認しておくと安全です。

6. H2の直後にH4を置いてもよい？

H2の直後にH4を置くような、下位方向への見出しレベルの飛びは、可能な限り避けます。

<h2>GEO対策の方法</h2>
<h4>自社サイトを改善する</h4>

この場合、H3に相当する階層がありません。

MDNは、見出しレベルを飛ばさず、H1→H2→H3と階層的に構成することを推奨しています。

W3C/WAIも、見出しレベルを飛ばすと利用者を混乱させる可能性があるため、可能な限り避けるよう案内しています。特にスクリーンリーダーでは、見出しがページ内を移動するための重要なナビゲーションとして利用されます。

<h2>GEO対策の方法</h2>
<h3>自社サイトを改善する</h3>

の方が論理的です。

ただし、下位の見出しから上位の見出しへ戻ることは問題ありません。

<h2>GEO対策の方法</h2>
<h3>自社サイトを改善する</h3>
<h4>見出し構造を見直す</h4>

<h2>GEO対策の効果測定</h2>

H4の後にH2が来ていますが、これは前のサブセクションを終了して、新しい上位セクションを開始しているためです。

重要なのは、番号を機械的に一つずつ増減させることではなく、ページ内の情報の親子関係を見出しレベルで正しく表現することです。

なお、H2の直後にH4を置いたこと自体がGoogle検索の順位低下につながる、という公式ルールは確認できません。

7. 見出しタグはSEOにどのような役割を持つ？

SEOにおいても、見出しはページの主題や各セクションの内容を理解する手がかりの一つになります。

ただし、Hタグそのものを検索順位を上げるための単独テクニックとして考えないことが重要です。

見出しには、主に次のような役割があります。

• ページ全体の主題を伝える
• 各セクションで何を説明しているかを示す
• ページを読みやすく整理する
• ユーザーが必要な情報を探しやすくする

Googleの生成AI検索向け公式ガイドでも、読者のためにコンテンツを段落やセクションへ整理し、明確な構造を示す見出しを使うことが紹介されています。

一方で、「H1にキーワードを入れれば順位が上がる」「H2を増やせばSEOに強くなる」「H2からH4へ飛ばすとSEO評価が下がる」といった単純な因果関係がGoogleから示されているわけではありません。

見出しには、そのセクションで扱う内容を正確に表す言葉を使います。その結果として検索ユーザーが使う言葉が自然に含まれることはありますが、キーワードを入れること自体を目的に不自然な文章へ変える必要はありません。

SEOとGEOの違いについてはGEOとSEOの違いとはでも詳しく整理しています。

8. section・article・mainと見出しタグの関係

H1〜H6とあわせて、<main>、<article>、<section>などのセマンティックHTMLを利用することがあります。

それぞれ役割が異なります。

記事ページなら、たとえば次のように記述できます。

<main>
  <article>
    <h1>見出し構造とは？</h1>

    <section>
      <h2>見出し構造の基本</h2>
      <p>...</p>
    </section>

    <section>
      <h2>SEOとの関係</h2>
      <p>...</p>
    </section>
  </article>
</main>

ただし、sectionで囲めばSEO評価が上がる、articleを使えばAIに引用される、といったものではありません。

Googleも、セマンティックHTMLはユーザーやスクリーンリーダーにとって有益である一方、Google検索のために完全なセマンティックHTMLを追求する必要はないと説明しています。

HTMLの意味に沿って適切な要素を使いつつ、「特定のタグを使えばSEO・AI検索で有利になる」という考え方には寄りすぎないことが重要です。

9. 見出し構造と構造化データは別物

見出し構造と構造化データは、どちらも「構造」という言葉が使われるため混同されやすいですが、役割が異なります。

構造化データは、ページに書かれている情報を機械が解釈しやすい形式で明示するために使います。

一方、H1〜H6は本文そのものの文書階層を表します。

構造化データを入れれば見出し構造が不要になるわけでも、正しい見出し構造を作れば構造化データが不要になるわけでもありません。

また、Googleは生成AI検索について、特別なSchema.orgマークアップは必要なく、構造化データも生成AI検索への表示要件ではないと明記しています。

したがって、「Articleを入れればAIに引用される」「FAQPageを実装すればChatGPTに引用されやすくなる」といった単純な説明はできません。

Genviewでも、構造化データはAIや検索システムにページの情報を分かりやすく伝えるためのサイト整備の一つとして位置づけています。

Genviewの機能を見る

10. AI検索時代の見出し構造の考え方

AI検索が普及すると、「AIに引用されるための新しい見出しルール」が必要になったように感じるかもしれません。

しかし、少なくともGoogle検索では、AI検索向けの特殊な見出しハックは必要ありません。

Googleは生成AI検索向けの公式ガイドで、従来のSEOの基本原則がAI OverviewsやAI Modeでも引き続き有効であり、AI専用の文章形式や細かなコンテンツ分割、特別なSchema.orgマークアップは必要ないと説明しています。

AI向けの特別なHタグや文章形式はない

「AI向けH2」「ChatGPT向けH3」といった特別なHTML要素はありません。

また、すべての見出しを疑問文にしたり、検索されそうな質問の言い回しを大量に盛り込んだりする必要もありません。

Googleは、生成AI検索のためだけに特定の文章形式へ書き換える必要はなく、AIシステムは同義語や一般的な意味も理解できるとしています。

見出しはまず、ユーザーがそのセクションの内容を理解できる表現になっているかを基準にします。

見出し構造だけでAI引用が決まるわけではない

見出し構造を整えれば、AI回答への引用が保証されるわけではありません。

Googleの生成AI検索機能も、検索インデックスやランキング・品質システムを利用して関連情報を取得しています。Googleは、独自性があり、有用で信頼できるコンテンツを作ることを重要な要素として挙げています。

ChatGPT Searchについても、OpenAIが公式に案内しているのは、公開ページを検索結果で発見・表示・引用できる状態にするため、OAI-SearchBotをブロックしないことなどです。「特定のHタグ構成にすれば引用される」といったルールは公開されていません。

つまり、見出し構造はAI引用を直接増やす単独施策ではありません。

Genviewでも、見出し構造はAI引用を直接増やす単独施策ではなく、AIや検索システムがページ内の情報を理解しやすくするための土台の一つと位置づけています。

AI引用そのものについてはAI引用とはで詳しく解説しています。

疑問文と説明型の見出しを使い分ける

質問に答える内容なら、疑問文の見出しは自然です。

<h2>H1は複数使えますか？</h2>

一方、次のような説明型の見出しでも問題ありません。

<h2>見出しタグのHTML実装例</h2>

これを無理に、

<h2>見出しタグのHTML実装例とは何ですか？</h2>

と疑問文へ変える必要はありません。

重要なのは疑問形であることではなく、見出しを読めば、そのセクションで何を説明するのか分かることです。

ユーザーが実際に質問するテーマなら疑問文、説明型の方が自然なら説明型と使い分けます。

Answer-First（結論先出し）は読者の理解を助ける

見出しの直後に結論を書くAnswer-First（結論先出し）は、読者が短時間で答えを把握するうえで有効です。

たとえば、

<h2>H1は1ページに1つ必要ですか？</h2>

<p>HTML上の絶対条件ではありませんが、一般的な記事ページでは1ページ1H1を基本にするのが分かりやすい設計です。</p>

と書けば、質問に対する答えを最初の段落で把握できます。

一方で、「40〜60文字で答える」「必ず2文以内にする」「結論を直下に置けばAI引用率が上がる」といった固定ルールがGoogleやOpenAIから示されているわけではありません。

Answer-Firstは、まず読者が必要な情報を早く理解できる文章設計として活用するのが適切です。

Googleも生成AI検索向けのガイドで、AIのためにコンテンツを細かなチャンクへ分割する必要はないと説明しています。

つまり、「AIに読ませるために短くする」のではなく、読者にとって理解しやすい単位で情報を整理することが基本です。

GEO全体についてはGEOとは？も参考にしてください。

11. 公開前に確認したい見出し構造チェックリスト

公開前には、見た目だけでなく、実際のHTMLとして見出しが正しく出力されているかも確認します。

ブラウザの開発者ツールやページソースを使ってH1〜H6を確認すると、CMSのテンプレートが意図しないH1を出力しているケースなども発見できます。

よくある質問

まとめ

見出し構造の基本は、AI検索が登場したから大きく変わったわけではありません。

H1でページ全体の主題を示し、H2で主要な論点へ分け、必要に応じてH3・H4へ細分化します。見た目ではなく情報の意味に沿って階層を設計し、見出しと本文を対応させることが基本です。

H1が複数あることや見出しレベルを飛ばしたことだけを理由に、SEOペナルティや順位低下が発生すると考える必要はありません。一方で、ページの主題を明確にし、アクセシビリティや読みやすさを保つためには、1ページ1H1を基本とし、論理的な見出し階層を作ることが実務上分かりやすい設計です。

AI検索についても同じです。

Googleは、AI検索のためだけに文章を細かく分割したり、特殊な文章形式に書き換えたり、専用の構造化データを追加したりする必要はないと説明しています。

重要なのは「AIに引用されるHタグ」を探すことではありません。読者がページの構造を理解しやすく、各見出しの下に必要な情報が正確に書かれている状態を作ることです。

そのうえで、一次情報、情報の正確性、クロール・取得可能性、内部リンク、外部情報との整合などを総合的に整えていくことが、AI検索を含むWeb上の情報発信では重要です。

Genviewでは、こうしたサイト内部の整備だけでなく、実際にChatGPTやGeminiなどの回答で自社がどのように認識・言及・引用されているかを確認しながらGEO対策を進めます。

Genviewの機能を見る

参考サイト

公式ドキュメント・ガイドライン

• Google Search Central｜Optimizing your website for generative AI features on Google Search — Googleの生成AI検索向け公式ガイド。従来のSEOが引き続き有効であること、AI向けの細かなチャンク化や特殊な文章形式、専用Schema.orgが不要であることなどを参照。
• Google Search Central｜AI features and your website — AI OverviewsやAI Modeへの表示に、追加要件や特別な最適化が必要ないことを参照。
• MDN Web Docs｜<h1>–<h6>: The HTML Section Heading elements — H1〜H6の役割、装飾目的で使用しないこと、見出しレベルを飛ばさないこと、H1のベストプラクティスを参照。
• W3C / WAI｜Headings — 見出し階層、下位方向への見出しレベルの飛びを避ける理由、支援技術によるナビゲーションについて参照。
• W3C / WAI｜Writing for Web Accessibility — 見出しを使って意味と構造を伝えること、簡潔で内容を説明する見出しの考え方を参照。
• OpenAI｜Publishers and Developers - FAQ — ChatGPT SearchへのWebサイト掲載、OAI-SearchBotによるクロールについて参照。

Genview 関連記事

• AI検索とは？
• AI引用とは
• GEOとSEOの違いとは
• GEOとは？
• Genviewの機能一覧