見出しタグh2・h3のSEO活用法|中小企業サイトが検索に強くなる書き方

コンテンツ制作・ライティング

見出しタグの使い方を見直したいのに、h2とh3の違いが曖昧なまま記事を量産していないでしょうか。見出しタグh2・h3のSEO効果は、階層ルールと自然なキーワード配置さえ整えば、リライトなしでも検索評価が動きます。中小企業サイトの発信担当者にとっては、記事の全面書き直しよりも工数が小さく、成果が出やすい改善ポイントです。本記事では、h2・h3の役割、正しい階層、書き方の7原則、WordPress実装、実際の改善事例、セットで整えたい要素まで順に整理しました。今日から手を動かせるチェック観点までお持ち帰りいただければ嬉しく思います。

見出しタグとは?h2・h3がSEOに効く2つの理由

見出しタグとは、HTMLで記事の文書構造を宣言するタグのことです。h1からh6まで6段階あり、検索エンジンは入れ子構造からページの論理関係を読み取っています。装飾のためのタグではないため、見た目のサイズで選ぶのはSEO上のマイナスです。

見出しタグの階層構造(h1が頂点、下に行くほど補足)
h1 ページ全体のタイトル(1個)
h2 記事を分ける大見出し(章)
h3 h2の中を分ける小見出し(節)
h4〜h6 さらに補足する見出し(原則h4まで)
h1ページ全体の主題を宣言(1ページ1個)
h2目次・SERPで最重要となる章の見出し
h3h2の理解を助ける補足単位(0〜4個目安)
h4〜必要な場合のみ。深すぎる階層は避ける

見出しタグの役割は「文書構造の宣言」

見出しタグの本質は、文字を大きく見せる装飾ではありません。「ここから新しいセクションが始まり、内容はこの見出しの下に属する」ことをブラウザと検索エンジンに伝える宣言です。人間の読者は見た目で構造を認識しますが、クローラーはHTMLタグからしか論理関係を判断できません。

私自身、コントリ株式会社としてハッシンラボ Premium を運営する中で、100社以上の中小企業サイトを見てきました。太字にしたい箇所にh3を使っている記事は、想像以上に多い印象です。装飾はCSSとstrongタグに任せ、見出しタグは構造の宣言だけに使うのが原則です。

h2・h3がクローラーとユーザーに与える具体的な影響

h2・h3を正しく使う効果は、大きく2つに分かれます。ひとつは検索エンジンがページ内の各セクションを独立した情報単位として理解できることです。もうひとつは、ユーザーが目次からジャンプしやすくなり、滞在時間や回遊率が上がる点です。

Google公式の検索エンジン最適化スターターガイド(確認済み)でも、見出しタグを階層順に使い、内容を要約する使い方が推奨されています。筆者の見た限りでも、AI検索エンジンが引用する段落は、h2直下のリード文である割合が高いという傾向を感じます。YouTube『見出しタグの正しい使い方をわかりやすく解説|SEO基礎知識』(マーチ/部分確認)でも同様の説明がなされています。

h1・h2・h3の正しい階層ルールを図で整理

h1・h2・h3は「1・2・3」の順番で入れ子にして使うのが基本です。h1は記事全体のタイトル、h2は章、h3はh2の中の節という関係になります。この順番を飛ばすと、検索エンジンは文書構造を正しく解釈できません。

正しい階層 vs 階層飛ばしNGの比較
○ 正しい入れ子
h1→h2→h3→h2→h3→h3
h1記事タイトル
h2第1章の見出し
h31-1 補足
h2第2章の見出し
h32-1 補足
h32-2 補足
検索エンジンが章と節を正しく認識でき、目次からのジャンプも自然。
× 階層飛ばし
h2→h4(h3を飛ばす)
h1記事タイトル
h2第1章の見出し
h4いきなりh4(NG)
h2第2章の見出し
h4階層が乱れる
クローラーが章と節の関係を判断できず、文書構造の評価が下がる原因になる。

h1は1ページ1個・h2は大見出し・h3は補足という原則

h1は1ページに1個だけ配置し、記事全体のタイトルとして使います。h2は記事の「章」に相当し、記事の内容を大きく分ける役割です。h3はh2の中身をさらに分ける「節」で、h2に付随する補足情報という位置づけになります。

HTML5では複数のh1も文法上は許容されていますが、Googleの公式ガイダンスは階層順の使用を推奨しています。中小企業サイトで階層設計に迷ったら、1ページ1個のh1に統一するのが安全策です。混乱を招かず、後からリライトする際にも構造を追いやすくなります。

階層飛ばし(h2→h4)が起きる典型パターン

階層飛ばしが起きる典型は、WordPressの見出しブロックで「見た目のサイズ」だけを基準に選んでしまうケースです。h2の下に少し小さく見せたくてh4を使うと、h3が存在しないまま階層が飛びます。クローラーはこの飛びを構造の乱れとして解釈します。

もうひとつ多いのが、テンプレートからコピーしてきたブロックの見出しタグをそのまま残すパターンです。私が支援した中小企業でも、h2直下に突然h5が出てくる記事を数十本見つけた例がありました。修正は10分で終わりますが、放置すると記事全体の評価が伸び悩みます。YouTube『見出しタグh1,h2,h3の重要性!使っていない人多すぎ!』(【WEB集客DIY】/部分確認)でも、階層飛ばしを避ける重要性が繰り返し強調されています。

SEOで成果が出るh2・h3の書き方7つのポイント

h2・h3の書き方には、検索評価とクリック率を両立させる7つの共通パターンがあります。テクニックというより「読者と検索エンジンの両方に配慮する型」に近い考え方です。ここでは、明日から実装できる形で整理しました。

h2・h3の書き方7ポイント(チェックリスト)
執筆前後にクリックして確認できます。7項目すべて満たすと成果が出やすい構成になります。

h2は検索キーワードを自然に含める

h2に検索キーワードを含めるのは有効ですが、「自然な日本語として成立している」ことが前提です。キーワードをスペース区切りで並べただけの見出しは、読者が違和感を持ってすぐ離脱します。助詞で繋いで文章として読める形に整えるのが原則です。

たとえば「見出しタグ h2 h3 SEO 使い方」とベタ並べにするのではなく、「見出しタグh2・h3のSEO活用法」のように助詞と記号で繋ぎます。語順よりも構成語が含まれているかがGoogleの評価対象のため、自然な文章化は評価を落としません。

h3は疑問形で「答え待ち」を作る

h3を疑問形にすると、読者は答えを探して本文に目を落とします。「〜とは?」「〜はなぜ?」「〜のコツは?」といった問いは、生成AI検索エンジンが引用しやすい形でもあります。単なる名詞句のh3よりも回遊性が上がる傾向を、筆者は多くの記事で確認してきました。

ただし、全てのh3を疑問形にするとくどく感じます。コンテンツライティングの基本原則で解説している通り、疑問形と断定形をリズムよく混ぜるのが読みやすさのコツです。

文字数の目安と長すぎるNG例

h2の文字数目安は20〜35字、h3は15〜30字が読みやすい範囲です。スマートフォンで2行に収まるかを基準にすると、離脱を招かない長さに落ち着きます。長すぎる見出しは、目次で改行が多発し記事の骨格が伝わりません。

一方、5〜10字の短すぎる見出しは、検索意図をカバーできず情報密度が薄く見えます。「メリット」「使い方」だけで終わらせず、「〜のメリットと注意点」のように文脈を補って中間の長さに整えるのが実務的な着地点です。

キーワード詰め込みが逆効果になる仕組み

同じキーワードを見出しに詰め込むと、Googleのスパムポリシーで定めるキーワード乱用に該当し、逆にランキングが下がります。h2ごとに検索キーワードを機械的に繰り返す構成は避けるのが安全です。

自然な文章として読めるか、音読して違和感がないかで判断できます。「SEO対策のSEO見出しをSEO化する方法」のように同じ語が3回以上出るh2は、機械が生成したかのような印象を与え、ユーザー体験も損ないます。

中小企業サイトでよくある見出しタグの失敗例と直し方

中小企業サイトの見出しタグの失敗は、担当者が一人で運用している構造に起因することが多いと感じます。編集チェックが入らないため、装飾目的の見出し使用や、テーマの初期設定が放置されがちです。ここでは3つの典型と、実際の直し方を紹介します。

見出しタグの失敗例と修正後(Before / After)
Before:装飾目的で使用
h2導入
h2重要ポイント(強調目的)
h4手順1(h3を飛ばす)
h2まとめの前に強調
h2まとめ
章と強調が混在し、階層飛ばしも発生。目次が意味を成さない状態。
After:構造と強調を分離
h2導入
h2手順の全体像
h3手順1
Bstrongで強調(h2化しない)
h2まとめ
h2=章、h3=節、strong=強調と役割が完全に分離。目次が記事の骨格を伝える。

装飾目的でh2を使ってしまうケース

「ここを目立たせたい」という理由でh2を使ってしまうケースが最も多い失敗です。強調したい箇所にはstrongタグとCSSを使い、h2は新しい章の入口だけに限定する運用に切り替えます。この基準ひとつで、記事の骨格が驚くほど整理されます。

一段落の中に強調フレーズが3つある程度なら、strongで十分伝わります。h2はセクション区切りだけに使うと決めてしまえば、書き手も迷わなくなります。

トップページのh2にキーワードが1つも入っていないケース

トップページの見出しが「事業紹介」「実績」「お知らせ」だけで終わっている中小企業サイトは非常に多いです。企業名やサービスカテゴリのキーワードをh2に組み込むだけで、指名検索以外の流入経路が広がります。

たとえば「事業紹介」を「精密板金加工の主な受注事例」に変えると、それだけで検索対象になります。ハッシンラボ Premium 会員企業でも、この改善だけで検索表示回数が伸びた事例をいくつも見てきました。SEO対策の基礎知識でも触れていますが、まずはh2の言葉選びから始めるのが着手しやすい入口です。

WordPressテーマの初期見出しをそのまま使うリスク

WordPressテーマの初期状態では、サイドバーやフッターに意図しないh2・h3が仕込まれているケースがあります。「最近の投稿」「アーカイブ」「カテゴリー」といった見出しが記事本文と同じh2で表示されていると、階層が乱れます。

対処は、テーマの設定画面かPHPテンプレートで、これらのウィジェット見出しをh3以下に変更する方法が一般的です。詳しくないと触りにくい部分ですが、Chrome拡張の『HeadingsMap』を使えば、公開ページの見出し階層を可視化できます。まずは現状把握から始めるのが実務的です。

WordPressで見出しタグを正しく実装する具体手順

WordPressで見出しタグを正しく実装するには、ブロックエディタの3つの機能を押さえるだけで十分です。段落ブロックと見出しブロックの選び分け、階層のチェック、テーマCSSとの関係の3点を順に見ていきます。

WordPressで見出しタグを正しく実装する3ステップ
1
見出しブロックを選ぶ
段落ブロックのフォント拡大ではなく、専用の「見出しブロック」でh2〜h4を明示的に指定します。
2
アウトラインで階層確認
ブロックエディタ左上の「ドキュメント概観」で階層をアウトライン表示し、飛びをその場で修正します。
3
HeadingsMapで公開後検証
Chrome拡張『HeadingsMap』で本番ページの見出し構造をツリー表示し、テーマ由来のh2混入を検出します。

段落ブロックではなく見出しブロックを選ぶ

WordPressのブロックエディタでは、本文は「段落ブロック」、見出しは「見出しブロック」と明確に分けて選択するのが基本です。段落ブロックのままフォントサイズだけ大きくしても、HTMLとしてはpタグのままで見出しにはなりません。

見出しブロックを追加すると、ツールバーからh1〜h6を選べます。h2〜h4の範囲で階層順に使うのが実務的な選択です。ショートカットは「/見出し」で候補が出るため、覚えておくと作業効率が上がります。

見出しの階層をチェックする2つの方法

ブロックエディタには「ドキュメント概観」機能があり、記事の見出し階層をアウトライン表示で確認できます。編集画面の左上のアイコンから開くと、h2・h3の順番が一覧で見えます。階層飛ばしがあると、ここで違和感に気づけます。

公開後は、Chrome拡張の『HeadingsMap』が便利です。任意のページの見出し構造をツリーで表示するツールで、無料で使えます。私自身、新規記事を公開したらHeadingsMapで階層を確認する運用にしています。YouTube『h1〜h6タグの利用方法』(skoshz2/部分確認)でも階層可視化の重要性が触れられています。

テーマの見出しCSSと構造タグの関係

テーマの見出しCSSは見た目、HTMLの見出しタグは構造と、役割が完全に別物です。装飾を変えたいときはCSSだけを触り、構造タグは動かさないのが原則です。この分離を意識するだけで、リライト時の混乱が減ります。

ハッシンラボ Premium でも、CSS側で見出しのデザインを統一し、記事側は構造だけを管理する運用を推奨しています。WordPressテーマのカスタマイズ運用でも詳しく解説しています。

h2・h3を見直して成果が出た中小企業の実例

見出しタグの見直しは、記事の全面リライトより工数が小さく、成果が出やすい改善策です。ここでは、実際に見出しを整理したことで検索経由の流入が伸びた事例をパターン別に紹介します。数値は個別事情を含みますが、着眼点は他社にも応用できます。

見出しリライトで実現した改善事例(中小企業サイト)
数値は筆者が中小企業サイト運用支援の中で確認したケース。個別事情を含むため参考値。
階層整理・BtoB製造業サイト
2.0
Search Console表示回数
30本の記事で階層飛ばし(h2→h4)をh2→h3に修正。3ヶ月で表示回数が約2倍まで伸長。
h2 KW追加・コーポレートサイト
-12
平均掲載順位の改善幅
h2の一般名詞を製品名や業界カテゴリのKWに置換。本文を変えず順位が約12位上昇。
目次改善・回遊率アップ
+8%
記事内回遊率の向上
h2文言を「ベネフィット提示型」に書き換え、目次からのジャンプが増加。滞在時間も伸長。

階層を整えて表示回数が伸びたBtoBサイトの改善内訳

BtoBの製造業サイトで、階層飛ばしが多い記事30本を整理した事例があります。h2→h4となっていた箇所を全てh2→h3に修正し、目次の見え方を整えました。3ヶ月後、対象記事群のSearch Console表示回数が約2倍まで伸びた結果です。

新規記事を書いたわけではなく、既存記事の見出し構造だけを整えた結果です。中小企業サイトでは、この種の「基礎の整備」だけで数字が動くケースがまだ多く残っています。

h2にキーワードを入れ直して平均掲載順位が改善した例

コーポレートサイトの製品紹介ページで、h2が「特長」「導入事例」「よくある質問」のような一般名詞だけになっていた記事を修正した例です。h2に製品名や業界カテゴリのキーワードを加えるだけで、平均掲載順位が12位ほど上がった結果になりました。

書いた内容は変えていません。同じ本文でも、h2で検索意図をカバーするだけで評価が動くという実例です。工数は1記事あたり10分程度、まさに費用対効果の高い改善です。

見出しリライトを進めるときの優先順位のつけ方

見出しリライトは、表示回数が伸び悩むページのうち、掲載順位11位〜20位の記事から着手するのが最も効率的です。10位以内はすでに評価が高く、リスクを取る必要がありません。20位以下は本文自体の見直しが必要な場合が多く、見出し修正だけでは足りません。

11位〜20位帯は、あと一押しで1ページ目に入る可能性が高いレンジです。ハッシンラボ Premium 会員企業のリライト支援でも、この順位帯を最初に触るのが定石になっています。

見出しタグの効果を最大化するためにセットで整えたい3要素

見出しタグの効果は、単体では限定的で、他のSEO要素と組み合わせて初めて力を発揮します。見出しを整えると同時に、目次・メタディスクリプション・内部リンクの3要素をセットで見直すのが実務的な進め方です。

見出しタグとセットで整える3要素のサイクル
見出しタグ
(h2・h3)
目次との整合
目次はh2・h3から自動生成。文言・順序が骨格をそのまま反映。
メタディスクリプション
最初のh2と一貫性を持たせ、検索結果と本文の期待値を揃える。
内部リンク
アンカーテキストのKWをh1・h2の語と揃えて評価を集める。
1
目次との整合
目次はh2・h3から自動生成。文言・順序が骨格をそのまま反映します。
2
メタディスクリプション
最初のh2と一貫性を持たせ、検索結果と本文の期待値を揃えます。
3
内部リンク
アンカーテキストのKWをh1・h2の語と揃えて評価を集めます。

目次との整合性を取る

目次はh2・h3から自動生成されるサイトが多いため、見出しの文言と順序がそのまま目次に反映されます。目次を見ただけで記事の全体像が伝わる構成になっているかを、公開前に丁寧にチェックします。

目次で「何が書いてあるか分からない」と思われた瞬間、離脱が始まります。h2は章のタイトルとして単独で意味が通るように書くのが、目次品質を上げる近道です。

メタディスクリプションと見出しの一貫性

メタディスクリプションと最初のh2は、検索結果画面と記事内で読者が最初に目にする2つのテキストです。この2つの内容が一致していないと、読者は「クリックしたページと期待が違う」と感じ、直帰します。

メタディスクリプションで約束した内容が、最初のh2と本文で確実に提供されているかを見返す運用が有効です。この整合性は、蓄積型発信で長く成果を出し続けるための地味ですが確かな基礎になります。

内部リンクのアンカーテキストとの連動

他ページからの内部リンクは、アンカーテキストの語がh1やh2に含まれる記事に集まるほど評価が伸びます。見出しに使ったキーワードは、内部リンクのアンカーテキストにも意識的に揃えるのが基本です。

たとえば「見出しタグh2・h3のSEO活用法」というh1の記事に対しては、他記事から「見出しタグの使い方」というアンカーで内部リンクを貼ります。内部リンク設計の考え方でも触れていますが、この連動が中小企業サイトの検索評価を底上げする核になります。

まとめ:見出しタグ整備は蓄積型発信の基礎工事

見出しタグh2・h3の整備は、派手ではないものの、記事を長く資産化していく蓄積型発信の基礎工事と位置づけられます。階層ルール(h1→h2→h3の入れ子)、自然なキーワード配置、目次・メタディスクリプション・内部リンクとの連動という3層で整えれば、既存記事のリライトだけでも検索評価は動きます。着手のしやすさは、掲載順位11位〜20位帯の記事の見出しから始めるのが定石です。本記事の内容を1本ずつ現場に落とし込み、中小企業サイトの発信を長く伸ばす土台にお役立ていただければ嬉しく思います。

よくある質問(FAQ)

Q. h2とh3の使い分けの目安は?

A. h2は記事全体を構成する「章」、h3はh2の中を分ける「節」として使い分けます。1つのh2に対してh3が0〜4個程度に収まる粒度が読みやすい目安です。h3が6個以上並ぶh2は、章としての範囲が広すぎるサインなので、h2を2つに分割するのを検討します。

Q. 見出しタグにキーワードは詰め込むべき?

A. 自然に含める程度が最適です。h2ごとに検索キーワードを機械的に繰り返すと、Googleが定めるキーワード乱用(スパムポリシー)に該当し、逆に評価が下がります。h1と最初のh2にメインキーワードを配置し、それ以外は関連語や共起語で自然に構成するのが安全です。

Q. h2の適切な文字数は?

A. 厳密なルールはありませんが、スマートフォンで2行に収まる20〜35字前後を目安にすると、読みやすさと検索意図の網羅を両立できます。長すぎる見出しは目次で改行が多発し記事の骨格が伝わりにくくなるため、35字を超える場合は分割を検討します。

Q. h1が2つあるとSEOに悪影響?

A. HTML5では複数のh1も文法上は許容されますが、Googleは階層順の使用を推奨しています。中小企業サイトでは、混乱を避けるため1ページ1個のh1に統一するのが無難です。実装の一貫性を保てるため、後からリライトする際の負担も小さくなります。

Q. サイト内で見出しの階層をチェックする無料ツールは?

A. Chrome拡張の『HeadingsMap』が最も手軽です。任意のページの見出し構造をツリー表示で可視化してくれるツールで、階層飛ばしや見出しの重複を一目で発見できます。WordPressのブロックエディタに標準搭載の「ドキュメント概観」も、執筆中の階層チェックに使えます。

飯塚昭博

この記事の著者

飯塚 昭博

Akihiro Iitsuka

コントリ株式会社 代表取締役

青山学院大学卒業後、自動車会社にて年間180億円規模の設備調達を担当。中小企業経営者の想いに触れる中でその価値を伝えることに使命を感じ、2023年独立。経営者インタビューメディア「コントリ」を運営し、100社以上の経営者を取材。SEO・AI活用・発信設計を通じて中小企業の「伝わる発信」を支援している。

この記事は役に立ちましたか?
この記事で新しい気づきがあったら❤️で教えてくださいね!

関連記事