SEO

見出しタグSEOの完全比較ガイド|H1〜H6の使い分け・設定ルール・効果を徹底解説

見出しタグSEOの完全比較ガイド|H1〜H6の使い分け・設定ルール・効果を徹底解説

見出しタグのSEO効果を最大化するには、H1〜H6の役割の違い正しい使い分けの基準を理解することが出発点です。タグの種類・配置・テキスト内容の三つが揃って初めて、Googleのクローラーとユーザーの双方にとって価値ある構造になります。この記事では、H1〜H6それぞれの機能比較・SEOへの影響度・実務で迷いやすい判断基準を体系的に解説します。

単なる「見出しタグの書き方入門」にとどまらず、どのタグを選ぶか・テキストに何を含めるか・間違いやすいパターンをどう回避するかという実務的な選択基準まで踏み込みます。読み終えると、自社サイトの見出し構造を今日から見直す具体的な手順が手に入ります。

見出しタグとは何か|SEOにおける構造的な役割を整理する

見出しタグ(hタグ)は、HTMLの文書構造を定義するマークアップ要素です。視覚的なデザインではなく、コンテンツの意味的な階層をGoogleとユーザーに伝えることが本来の機能です。

Googleが見出しタグをどう使うか

Googleのクローラーは、ページをクロールする際に見出しタグを「目次」として読み取り、ページ全体のトピックと各セクションの関係性を把握します。H1がページの主題を宣言し、H2以下がその補足・展開を担う構造になっていると、クローラーはトピックを正確に分類しやすくなります。

また、見出しテキストはGoogleの強調スニペット(ゼロクリック結果)の抽出候補にもなります。「H2直後の段落」が強調スニペットに選ばれるケースが多く、見出しの質がSERPでの露出にも間接的に影響します。

  • クローラーはH1を「ページの主題」として最重視する
  • H2〜H3の見出しテキストは検索クエリとのマッチングに使われる
  • 見出し構造が乱れているページはクロールの深度が下がるリスクがある

ユーザー体験(UX)への影響

見出しタグはスクリーンリーダー利用者のナビゲーション手段でもあります。H2とH3で論理的な階層が組まれていると、視覚障害者がページ内を目次ジャンプで移動できます。Googleはアクセシビリティをランキング要因の一部として評価するため、UX面での整備がSEOにも波及します。

また、スマートフォンユーザーの大半はページを「斜め読み」します。見出しが適切に設置されていると離脱率が下がり、滞在時間が伸びるため、Googleが行動指標としてシグナルを受け取る際に有利に働きます。

見出しタグとmetaタグ・titleタグの違い

混同されやすいのが、titleタグ(SERPに表示されるページタイトル)とH1タグです。両者は別物で、それぞれ独立した役割を持ちます。

titleタグとH1の違い(重要)
  • titleタグ:SERPの青いリンクテキスト。60文字前後が推奨。ページ外部のシグナル。
  • H1タグ:ページ本文の最上位見出し。ページ内部の構造シグナル。
  • 完全一致でなくてよい。titleは検索クエリを意識したテキスト、H1はページ内容を一文で要約するテキストが理想。

H1〜H6の機能比較|SEO影響度・使用頻度・配置ルールを数値で見る

H1からH6まで6段階ありますが、SEOに実質的な影響を持つのはH1〜H3の三層です。それぞれの役割・推奨使用数・SEO影響度を比較します。

H1〜H6の比較表

タグ 役割・意味 推奨使用数 SEO影響度 主な設置場所
H1 ページの主題宣言 1ページに1回のみ 最高(直接的) 本文最上部
H2 主要セクションの区切り 4〜8個(記事長に応じて) 高(間接的) 各大セクション冒頭
H3 H2の補足・詳細展開 H2あたり2〜4個 中(構造補強) H2内の小項目
H4 H3のさらなる詳細 必要な場合のみ 低〜微小 技術系・マニュアル系
H5・H6 深い階層の細分化 ほぼ不要 実質ほぼなし 法律文書・仕様書など

H1が「1ページ1回」である技術的な理由

H1を複数設置すること自体はHTMLとして文法違反ではありません。しかしGoogleは、複数のH1が存在するとページの主題が分散していると判断します。Googleの公式情報でも「H1は1ページに1つが推奨」と示されており、複数H1のページはキーワードシグナルが希薄化します。

WordPressでは、投稿タイトルが自動でH1に変換されるテーマが多いため、本文内にH1を追加設置するとダブルH1になります。テーマの設定を確認し、本文エディタ内ではH2以下から始めることがルールです。

H4以下が「不要」な理由と例外

一般的なブログ・サービスページにH4以下は不要です。H4を設置したくなる場合、それはH2〜H3の構造が設計段階で破綻しているサインである可能性が高い。セクションを分割するか、箇条書きで代替する方が読者にとっても Googleにとっても明快です。

例外は、APIリファレンス・法令解説・製品仕様書のような深い階層構造が必然的に生じるコンテンツです。この場合はH4まで使用する合理的な理由があります。

見出しテキストの書き方比較|SEOに効く表現・効かない表現

見出しタグ SEO

見出しタグのSEO効果は「タグ選択」だけでなく、テキストの内容・キーワードの配置によって大きく変わります。ここでは具体的な文例を使って「効く表現」と「効かない表現」を対比します。

H1テキストの設計基準

H1に含めるべき要素は以下の三つです。これを満たさないH1は、ページの検索順位を底上げするシグナルとして機能しません。

  1. メインキーワードを前半(理想は冒頭15文字以内)に配置
  2. 検索者が解決したい課題・得たい情報を明示
  3. 30〜40文字程度でSERPでの表示を最適化
H1テキストの具体例(比較)
【効かない例】「こんにちは。私たちのサービスページへようこそ」
→ キーワードなし。主題不明。

【効く例】「見出しタグSEOの完全比較ガイド|H1〜H6の使い分け・設定ルール・効果を徹底解説」
→ メインKW「見出しタグ SEO」が前半に来ており、読者の検索意図(使い分け・設定・効果)を全て包含している。

H2テキストの設計基準

H2は関連キーワード・LSI(潜在的意味索引)キーワードを自然な形で含めることでSEO効果が出ます。「何が分かるか」を読者に明示する疑問形または体言止めが使いやすいフォーマットです。

  • 関連KWをH2に自然に盛り込む(例:「H2 役割」「H3 使い方」など派生語)
  • 各H2は独立したトピックを担う。一つのH2が二つ以上のテーマを扱わない
  • 20〜35文字が読みやすい目安。長すぎると意味が散漫になる

H3テキストの設計基準と「証拠・手順・例外」の担わせ方

H3はH2の補足・詳細を担うため、具体性・粒度の細かさが求められます。H2が「何か」を説明するなら、H3は「どのように」「なぜ」「例外はどこか」を答える構成にします。

  • H3には手順番号(「ステップ1:」)、具体的な数値(「30文字以内」)を含めると検索意図への適合度が上がる
  • H3のテキストだけを読んでもH2のサブトピックと分かる情報量を持たせる
  • スニペット狙いの場合、H3直後の段落に「〜は〇〇です。その理由は〜」という定義文を置く

見出し構造の失敗パターン比較|よくあるミスと正しい設計の差

見出しタグの設定でSEO効果が出ない原因の大半は、構造的な設計ミスです。実務で頻出する失敗パターンを対比形式で整理します。

失敗パターン1:見出し階層のスキップ

H2の次にH4を置く「階層スキップ」は、Googleのパーサーが構造を誤解するリスクがあります。アクセシビリティ基準(WCAG)でも階層の連続性が要求されており、スクリーンリーダーの動作に支障が出ます。

階層スキップの例と修正方法
【NG構造】H2 → H4 → H2
【OK構造】H2 → H3 → H3 → H2
H4を使いたくなったら、その内容が「H3として独立した見出しになれるか」を先に検討する。なれる場合はH3に昇格、なれない場合は本文段落または箇条書きに変換する。

失敗パターン2:キーワードの過剰詰め込み(キーワードスタッフィング)

一つのH2に複数のキーワードを羅列することは、Googleのスパム判定基準に抵触する可能性があります。過去のアルゴリズム(Panda・Penguin)以降、不自然なキーワード反復は評価を下げる要因として明確に位置付けられています。

  • H2一つにつき、狙うキーワードは一つ(または自然に含まれる関連語のみ)
  • 「見出しタグ SEO 対策 方法 初心者 完全」のような羅列はペナルティリスクがある
  • 自然な日本語として読める文になっているかを音読で確認する

失敗パターン3:装飾目的のhタグ使用

「文字を大きく太くしたい」という理由だけでhタグを使うのは、HTMLの意味論的な誤用です。これにより、Googleはページ構造を正確に把握できなくなります。デザイン目的の文字変更はCSSのfont-sizeやfont-weightで行い、hタグは必ず構造的な意味を持つ見出しにのみ使用します。

WordPress・CMSごとの見出しタグ設定方法の比較

同じ「見出しタグを設定する」操作でも、使用するCMSや編集環境によって手順と注意点が異なります。環境別に整理します。

WordPressブロックエディタ(Gutenberg)での設定

Gutenbergでは、「見出しブロック」を追加した後に右サイドバーの「レベル」ドロップダウンからH2〜H6を選択します。投稿タイトルがH1になるため、本文内ではH2から始めます。

  1. 「+」ボタン → 「見出し」ブロックを追加
  2. 右サイドバー「ブロック」タブ → 「見出しレベル」でH2〜H4を選択
  3. テキストをHTML直接編集する場合:エディタ右上「…」メニュー → 「コードエディタ」でhタグを直接記述

注意点として、一部のWordPressテーマはH1のスタイルをページタイトルに当てているため、ウィジェットエリアや固定ページでH1が二重にレンダリングされることがあります。テーマのpage.php・single.phpを確認し、H1の出力箇所を把握しておきます。

クラシックエディタでの設定

クラシックエディタでは、ビジュアルモードの「段落」ドロップダウンから見出しレベルを選択します。テキストモードに切り替えると、<h2>〜</h2>の形で直接入力・編集できます。

HTMLコーディングで直接設定する場合の注意点

静的HTMLサイトや独自テンプレートで見出しを設定する際、id属性の付与を同時に行うことでページ内リンク(アンカーリンク)が機能します。目次プラグインや内部リンクのジャンプ先として活用でき、ユーザー体験の向上につながります。

  • 例:<h2 id="h-tag-types">見出しタグの種類比較</h2>
  • id値は英数字とハイフンのみ。ページ内で一意(重複禁止)
  • 目次の自動生成ツール(Yoast SEO・Table of Contents Plus等)はこのid属性を読み取って動作する

見出しタグのSEO効果を高める上級テクニック|基本設定との差を生む4つの施策

基本的な階層構造が整ったあと、さらに検索順位と検索流入を伸ばすための上級施策があります。単なる設定ルールではなく、競合サイトと差がつく実践的な最適化ポイントを解説します。

強調スニペット獲得を狙った見出し設計

Googleの強調スニペットは、「定義を問う」「手順を問う」「リストを問う」の三タイプに分類されます。それぞれに対応する見出し設計があります。

  • 定義型:「〇〇とは何か」というH2を設け、直後の段落に40〜60文字の定義文を置く
  • 手順型:「〇〇の手順」「〇〇のやり方」というH2の下にolタグで番号リストを設置する
  • リスト型:「〇〇の種類」「〇〇の比較」というH2の下にulタグまたはtableを設置する

検索クエリと見出しテキストの表現を揃えることがポイントです。例えば「見出しタグ 種類」と検索されることを狙うなら、H2に「見出しタグの種類」と含め、直後にリストを配置する構成が有効です。

People Also Ask(他のユーザーも質問)への対応設計

SERPに表示される「他のユーザーも質問」ボックスに取り上げられると、クリック数が増加します。この枠に入りやすい見出しの特徴は、疑問詞で始まるH2・H3です。「なぜ〜か」「〜はいつか」「〜の違いは何か」という形式の見出しを、本文の疑問解決の起点として設置します。

モバイルでの見出し可読性最適化

スマートフォン表示ではH2の文字が大きくレンダリングされるため、20文字を超える見出しは折り返しが起きやすく視認性が下がります。CSSのword-break設定に加え、見出しテキスト自体を20〜25文字以内に収める設計が実用的です。特にH3は小さく表示されるため、15〜20文字が読みやすい目安です。

見出しの一貫性チェックとツールの活用

公開済み記事の見出し構造を一括で確認するには、ブラウザの開発者ツール(Ctrl+Shift+I → Elements)か、Chrome拡張機能の「headingsMap」が便利です。ページの全hタグをツリー形式で表示するため、階層スキップや複数H1を視覚的に発見できます。

SEOコンテンツ制作を大量に行う場合、記事ごとの見出し設計チェックに工数がかかります。株式会社BELLが提供するAI記事自動生成・WordPress自動投稿SaaS「BELL POST」は、記事構造を設計段階でAIが最適化した上で自動投稿する仕組みを持ちます。月5万円からのプランで、コンテンツ量産時の品質一貫性の担保に活用できます。

見出しタグSEO設定の優先度チェックリスト|公開前・リライト時の判断基準

新規記事の公開前とリライト時では、チェックすべき項目の優先順位が異なります。両方の場面で使えるチェックリストを示します。

新規記事公開前のチェックリスト

  1. H1はページ内に1個のみか(WordPressではタイトル確認も含む)
  2. H1テキストにメインキーワードが冒頭15文字以内に含まれているか
  3. H2→H3の順番で、階層スキップ(H2→H4等)がないか
  4. 各H2が独立したトピックを担っているか(一つのH2に二つのテーマが混在していないか)
  5. H2・H3テキストが自然な日本語として読めるか(KW羅列になっていないか)
  6. 装飾目的のhタグが使われていないか(デザインはCSSで処理)
  7. 強調スニペット狙いのH2直後に定義文・リスト・番号リストが設置されているか

リライト時の追加チェック項目

リライト時に追加で確認すること
  • Search Consoleでページがどのクエリでインプレッションを獲得しているか確認し、そのクエリが既存H2に含まれているかを照合する
  • 競合上位記事のH2・H3を抽出して、自社記事が扱えていないトピックを特定する(headingsMapなどで確認)
  • 既存H2のなかでCTR(クリック率)が低いセクションを特定し、見出しテキストをよりクリックしたくなる表現に改訂する
  • ページ内の見出し数が多すぎて読者が疲弊していないか(H2の数が10以上なら統合を検討)

SEO施策全体の中での見出しタグの位置付け

見出しタグの最適化はSEOの「基盤整備」に位置します。これ単体で劇的な順位変動が起きるわけではありませんが、コンテンツ品質・被リンク・ページ速度といった他の要素の効果を引き出す土台として機能します。見出し構造が整っていないと、良質なコンテンツを書いてもGoogleが正確にトピックを評価できません。

SEO全体をワンストップで改善したい場合、株式会社BELLはSEOコンテンツ制作からSNS運用まで一括で対応しています。YouTube年間総再生数3.1億回を4年以上維持してきた実績のあるチームが、コンテンツ戦略の設計から実行まで担います。詳細は株式会社BELLの公式サイトでご確認ください。

よくある質問

QH1タグが複数あると本当にSEOに悪影響が出るのか?

A: Googleの公式立場は「H1が複数あっても問題ない」とした発言もありますが、実務では1ページに1個に統一することを推奨します。複数H1があると、Googleがページ主題を特定する際のシグナルが分散するため、競合サイトと比較したときに主題の明確なページが有利になります。特に競合が多いキーワードで上位を狙う場合は、H1の一意性を保つことが安全策です。

Q見出しタグを後から変更したら、すでに上位表示している記事の順位が落ちる可能性はあるか?

A: 可能性はゼロではありませんが、見出し構造を改善する方向の変更(キーワードを適切に含める・階層を正しくする)はリスクより効果が上回るケースが大半です。リスクを最小化するには、変更前にSearch Consoleで現在の検索クエリを記録し、変更後に同クエリのインプレッション・順位を2〜4週間モニタリングします。変更が原因で順位が下がった場合は、元のテキストに戻す判断基準として使えます。

Q見出しにキーワードを含めるとき、「完全一致」と「部分一致」のどちらが有効か?

A: 現在のGoogleは「完全一致」にこだわる必要はなく、意味的に同義な表現(部分一致・同義語)を正確に理解します。例えば「見出しタグ SEO」と「hタグ 検索順位」は意味的に同一トピックとして評価されます。むしろ完全一致を無理に詰め込んで不自然な日本語になる方が評価を下げるリスクがあるため、自然な表現を優先した上でキーワードを含める設計が正解です。

Qランディングページ(LP)では見出しタグをどう設計すべきか?

A: LPはブログ記事と異なり、1つのCV(コンバージョン)に特化した構造が求められます。H1にはメインキーワードと価値提案を1文で凝縮し、H2はユーザーの不安・疑問を解消する順番で設置します(「なぜ選ばれるか」→「サービス内容」→「料金」→「よくある質問」の流れが典型)。LPはSEO集客よりも広告経由の流入が多いため、H1〜H3の設計はSEOよりもCVR最適化を優先しますが、オーガニック流入も狙う場合は検索クエリを含めることが重要です。

Q画像のalt属性と見出しタグはSEOで役割が重複するか?

A: 役割は重複しません。見出しタグはページのテキスト構造・トピック分類を伝えるシグナルで、alt属性は画像の内容を検索エンジンと視覚障害者に説明するシグナルです。両者を連携させることで効果が高まります。例えば、H2「見出しタグの種類比較」の直下に配置する図解画像のaltに「H1からH6までの階層構造を示す図」と記述すると、テキストと画像のコンテキストが一致してトピックシグナルが強化されます。

お気軽にご相談ください

お問い合わせはこちら
まずは無料相談する →
BELLキャラクター