IndexReady
見出しタグhtmlseogeoアクセシビリティ

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

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

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

見出しタグは単なるデザイン要素ではありません。ページの論理構造を検索エンジン、AI、スクリーンリーダーなどの機械に正確に伝える役割を持っています。書籍にたとえると、h1が書名、h2が章タイトル、h3が節タイトルに相当します。

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

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

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

1. 検索エンジンがコンテンツを理解しやすくなる

Googleのクローラーは見出しタグの階層関係を解析して、ページの主題やトピック構造を判断しています。見出しが整理されたページは、検索エンジンにとって「何について書かれているか」が明確になるため、適切なキーワードで検索結果に表示されやすくなります。

2. ユーザー体験が向上する

多くのユーザーはページ全文を読まず、見出しをスキャンして必要な情報を探します。見出しだけ読んでも記事の全体像がわかる構成にすることで、離脱率の低下と滞在時間の向上が期待できます。

3. アクセシビリティが改善される

スクリーンリーダーを使用するユーザーは、見出しタグをナビゲーションの手がかりにしています。正しい階層構造により、視覚に頼らずページ内を効率的に移動できるようになります。これはWebアクセシビリティガイドライン（WCAG）でも求められている要件です。

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つに絞り、ページの主題を明確にするのがベストプラクティスです。

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

見出しの階層は飛ばさず、順番に使用するのが原則です。h2の直下にh4が来るような構造は、文書の論理構造が崩れていることを意味します。

<!-- 正しい例：階層が順番に並んでいる -->
<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で対応すべき）

見出しタグのSEO効果

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

  • キーワードの重み付け：見出しに含まれるキーワードは、本文中のキーワードより強いシグナルと見なされる傾向がある
  • フィーチャードスニペットへの採用：h2やh3の見出しとその直後の段落が、検索結果のフィーチャードスニペットとして採用されることがある
  • サイトリンクの生成：見出し構造が明確なページでは、検索結果にページ内リンク（サイトリンク）が表示されることがある

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

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

GoogleのAI OverviewやChatGPT、Perplexityなどのai検索エンジンは、Webページの見出し構造をコンテンツ理解の重要な手がかりにしています。

質問形式の見出しで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点満点で評価される項目です。すべての見出しを質問形式にする必要はありませんが、記事内のいくつかの見出しを質問形式にすることで、AI検索での引用率向上が期待できます。

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

AI検索エンジンはページ全体のテキストを解析しますが、見出しタグに特に高い重みを置いています。明確な階層構造を持つページは、AIにとって「このセクションはこのトピックについて述べている」という判断がしやすくなり、適切な文脈で引用される可能性が高まります。

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>

まとめ

見出しタグの正しい使い方は、SEO対策の基本中の基本でありながら、多くのサイトで改善の余地が残されている項目です。h1を1ページに1つだけ設定し、h2 → h3 → h4と階層を飛ばさずにネストすること。見出しだけで記事の構造がわかるように設計すること。これらの基本を押さえるだけで、検索エンジンとAIの両方からの評価向上が期待できます。

さらにGEO対策として、一部の見出しを質問形式にすることで、AI検索での引用率を高める効果も見込めます。IndexReadyの無料スコアリングツールで自サイトの見出し構造をチェックし、改善点を把握するところから始めてみてください。

よくある質問（FAQ）

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

見出しタグはGoogleが公式に認めているランキングシグナルの一つです。ただし、見出しタグ単体で大きく順位が変動するわけではなく、コンテンツの質やその他の要因と総合的に評価されます。見出し構造を正しくすることは、検索エンジンのコンテンツ理解を助け、結果的に適切な検索クエリでの表示につながります。

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

h1タグがなくてもページは正常に表示されますが、検索エンジンとAIにとってページの主題が不明確になります。Googleはh1がない場合でもtitleタグなどから主題を推定しますが、明示的にh1を設定することが推奨されます。IndexReadyのSEOスコアでも、h1の欠落は減点対象です。

CMSやブログサービスでも見出し構造を意識する必要がありますか？

はい。WordPressやはてなブログなどのCMSでは、記事タイトルが自動的にh1として出力される場合がほとんどです。記事本文内ではh2から使い始め、h3、h4と順番に階層を構成してください。エディターの「見出し」機能を使えば、HTMLの知識がなくても正しい見出し構造を作れます。

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

HTML仕様上、見出しの文字数に制限はありません。ただし、見出しは簡潔であるほどユーザーにも機械にもわかりやすくなります。目安として、h2は20〜40文字程度、h3は15〜30文字程度に収めると読みやすい構成になります。長すぎる見出しは要点がぼやけるため、簡潔に主題を表現しましょう。