「h1タグは1ページに1つだけ?」「h2の次にh4を使ってもいいの?」「見出しにキーワードはどれくらい入れるべき?」
見出しタグ(h1〜h6)の使い方について、このような疑問を持っている方は多いのではないでしょうか。
見出しタグは、SEOにおいて非常に重要な要素です。正しく使えば検索エンジンにページの構造を正確に伝えられ、上位表示につながります。一方、間違った使い方をすると、SEO効果が半減するだけでなく、ユーザビリティにも悪影響を与えます。
本記事では、見出しタグの正しい使い方を徹底解説します。各タグの役割と違い、SEO効果を最大化する階層構造の設計方法、具体的な書き方のコツまで、すぐに実践できるノウハウをお伝えします。
見出しタグ(h1〜h6)とは?基本を理解する
まず、見出しタグの基本的な仕組みと役割を理解しましょう。
見出しタグの定義
見出しタグとは、HTMLでページ内の見出し(見出し文)を定義するためのタグです。h1からh6まで6段階あり、数字が小さいほど重要度が高くなります。
HTMLでは以下のように記述します。
<h1>最も重要な見出し(大見出し)</h1>
<h2>2番目に重要な見出し(中見出し)</h2>
<h3>3番目に重要な見出し(小見出し)</h3>
<h4>4番目に重要な見出し</h4>
<h5>5番目に重要な見出し</h5>
<h6>6番目に重要な見出し</h6>
「h」はheading(見出し)の頭文字で、数字は階層レベルを表しています。
見出しタグの3つの役割
見出しタグには、主に3つの重要な役割があります。
役割1:検索エンジンへの構造伝達として、見出しタグは、検索エンジンのクローラーにページの構造と内容を伝える重要なシグナルです。Googleは見出しタグを分析して、そのページが「何についてのページか」「どのような構成になっているか」を理解します。
役割2:ユーザビリティの向上として、見出しは、読者がページの内容を素早く把握するための道標になります。多くのユーザーは、まず見出しをスキャン(流し読み)して、自分に必要な情報があるかを判断します。適切な見出しがあれば、読者は欲しい情報にすぐにたどり着けます。
役割3:アクセシビリティの確保として、スクリーンリーダー(視覚障害者向けの読み上げソフト)は、見出しタグを使ってページの構造を把握します。正しい見出し構造は、すべてのユーザーがコンテンツにアクセスできるようにするために重要です。
見出しタグとSEOの関係
見出しタグは、SEOのランキング要素として重要視されています。
キーワードの重要性シグナルとして、見出しに含まれるキーワードは、本文中のキーワードよりも重要度が高いと認識されます。特にh1やh2に含まれるキーワードは、そのページの主題を示す強いシグナルになります。
コンテンツの構造化として、適切な見出し構造は、コンテンツの論理的な流れを示します。これにより、検索エンジンはコンテンツの全体像を把握しやすくなり、適切な検索クエリに対してページを表示できます。
強調スニペットの獲得として、強調スニペット(検索結果の最上部に表示される回答ボックス)には、見出しとその直下の内容が採用されることがあります。適切な見出し構造は、強調スニペット獲得のチャンスを高めます。
h1〜h6タグの役割と違い
各見出しタグの役割と適切な使い方を詳しく解説します。
h1タグ:ページの最重要見出し
h1タグは、ページ全体の主題を表す最も重要な見出しです。
h1タグの特徴と役割として、ページのタイトル・テーマを示す、1ページに1つだけ使用する(原則)、ページ内で最も重要なキーワードを含めるなどがあります。
h1タグの配置場所として、通常、h1タグはページの最上部、コンテンツの冒頭に配置します。多くのWordPressテーマでは、記事タイトルが自動的にh1タグとして出力されます。
h1タグとtitleタグの関係として、h1タグとtitleタグ(タイトルタグ)は、似た役割を持ちますが別物です。titleタグは検索結果やブラウザタブに表示され、h1タグはページ内に表示されます。両者は同じ内容にすることが多いですが、必ずしも一致させる必要はありません。titleタグには文字数制限があるため、h1タグの方を長くする場合もあります。
h2タグ:主要セクションの見出し
h2タグは、ページ内の主要なセクション(章)を区切る見出しです。
h2タグの特徴と役割として、コンテンツを大きなブロックに分割する、各セクションのテーマを明確に示す、1ページに複数使用可能(通常5〜10個程度)などがあります。
h2タグの使い方の例として、本記事では「見出しタグとは?」「h1〜h6タグの役割と違い」「見出しタグの階層構造」などがh2に相当します。
SEOにおけるh2の重要性として、h2タグは、h1に次いで重要な見出しです。ターゲットキーワードや関連キーワードを自然に含めることで、SEO効果を高められます。
h3タグ:サブセクションの見出し
h3タグは、h2セクション内をさらに細分化するための見出しです。
h3タグの特徴と役割として、h2の内容をより詳細に分類する、1つのh2の下に複数のh3を配置できる、具体的なトピックやポイントを示すなどがあります。
h3タグの使い方の例として、「h1〜h6タグの役割と違い」(h2)の下に、「h1タグ:ページの最重要見出し」「h2タグ:主要セクションの見出し」(h3)を配置するような形です。
h4〜h6タグ:さらに細かい見出し
h4、h5、h6タグは、h3をさらに細分化する必要がある場合に使用します。
h4〜h6タグの特徴として、使用頻度は低い(通常の記事ではh3までで十分なことが多い)、長文の技術文書やマニュアルなどで使用されることが多い、h4以降も階層順に使用する必要があるなどがあります。
h4以降を使う場面として、非常に長い記事で細かく分類が必要な場合、技術ドキュメントやマニュアル、FAQ内の詳細な項目分けなどがあります。
一般的なブログ記事やコラムでは、h1〜h3で十分なことがほとんどです。無理にh4以降を使う必要はありません。
見出しタグの階層構造:正しい使い方
見出しタグは、正しい階層構造で使用することが極めて重要です。
階層構造の基本ルール
見出しタグの階層構造には、守るべき基本ルールがあります。
ルール1:h1は1ページに1つとして、h1タグはページ全体の主題を示すため、原則として1ページに1つだけ使用します。複数のh1があると、検索エンジンがページの主題を判断しにくくなります。
ルール2:階層を飛ばさないとして、h1の次はh2、h2の次はh3というように、順番に使用します。h1の次にいきなりh3を使ったり、h2の中にh4を直接入れたりするのはNGです。
ルール3:入れ子構造を守るとして、h3はh2の中に、h4はh3の中に、というように入れ子(ネスト)構造を守ります。h2の外にh3だけが存在する、といった構造は避けましょう。
正しい階層構造の例
正しい見出し階層の例を示します。
正しい例:
h1:SEO対策完全ガイド
h2:SEO対策とは
h3:SEO対策の定義
h3:SEO対策の重要性
h2:SEO対策の種類
h3:内部対策
h3:外部対策
h3:コンテンツSEO
h2:SEO対策の具体的な方法
h3:キーワード選定
h3:コンテンツ作成
h3:内部リンク最適化
h2:まとめ
このように、h1を頂点として、h2、h3が論理的な階層で配置されています。
間違った階層構造の例
避けるべき階層構造の例を示します。
NG例1:階層を飛ばしている
h1:SEO対策ガイド
h3:SEO対策とは(h2を飛ばしている)
NG例2:h1が複数ある
h1:SEO対策とは
h1:SEO対策の方法(h1が2つ)
NG例3:階層が逆転している
h2:SEO対策の方法
h1:キーワード選定(h2の中にh1)
NG例4:h2の外にh3がある
h3:はじめに(h2なしでいきなりh3)
h2:SEO対策とは
これらの間違いは、検索エンジンがページ構造を正しく理解する妨げになります。
階層構造の確認方法
自分のページの見出し階層が正しいかを確認する方法を紹介します。
ブラウザの開発者ツールとして、Chrome等のブラウザで「F12」キーを押して開発者ツールを開き、HTMLソースを確認します。h1〜h6タグが正しい順序で配置されているか確認できます。
SEOツールの活用として、Googleサーチコンソールや各種SEOツールで、見出し構造の問題を検出できることがあります。
見出し抽出ツールとして、Webページの見出しだけを抽出して表示するブラウザ拡張機能(HeadingsMapなど)を使うと、見出し構造を視覚的に確認できます。
SEO効果を最大化する見出しの書き方
正しい階層構造に加えて、見出しの「内容」もSEOに大きく影響します。
見出しにキーワードを含める
見出しには、ターゲットキーワードや関連キーワード・共起語を含めましょう。
h1にはメインキーワードを含めるとして、h1タグには、そのページで最も狙いたいターゲットキーワードを含めます。ただし、自然な文章として読めることが前提です。
h2には関連キーワードを含めるとして、h2タグには、メインキーワードに関連するキーワードや、各セクションのテーマを表すキーワードを含めます。すべてのh2にメインキーワードを入れる必要はありません。
h3以降は自然にとして、h3以降は、キーワードを意識しすぎず、内容を正確に表す見出しを優先します。無理にキーワードを詰め込むと不自然になります。
キーワードの詰め込みは避ける
見出しにキーワードを入れすぎると、逆効果になります。
悪い例:
h2:SEO対策のSEOに効果的なSEOキーワード選定方法
良い例:
h2:SEO対策で効果的なキーワード選定の方法
キーワードは1つの見出しに1〜2個程度にとどめ、自然な文章を心がけましょう。
見出しだけで内容がわかるようにする
良い見出しは、見出しだけを読んでも記事の全体像と各セクションの内容がわかるものです。
悪い例:
h2:ポイント1
h2:ポイント2
h2:まとめ
良い例:
h2:SEOに強いタイトルを付ける3つのポイント
h2:検索意図を満たすコンテンツの作り方
h2:まとめ:今日から実践できるSEO対策
ユーザーは見出しをスキャンして、自分に必要な情報を探します。「ポイント1」のような抽象的な見出しでは、何が書いてあるかわかりません。
具体的な数字を入れる
見出しに具体的な数字を入れると、内容の具体性が伝わり、読み進めてもらいやすくなります。
効果的な数字の使い方として、「3つのポイント」「5つのステップ」「10の方法」などがあります。
具体例:
h2:SEO対策を成功させる7つのステップ
h2:見出しタグでよくある5つの間違い
h2:クリック率が2倍になったタイトル改善事例
読者のベネフィットを含める
見出しに読者が得られるメリット(ベネフィット)を含めると、読み進めてもらいやすくなります。
ベネフィットを含む見出しの例:
h2:検索順位を上げる見出しの書き方
h2:初心者でも実践できるSEO対策
h2:時間を半減できる効率的なキーワード調査法
「〇〇できる」「〇〇が身につく」「〇〇を解決する」など、読者にとってのメリットを明示しましょう。
疑問形・問いかけを活用する
疑問形の見出しは、読者の興味を引き、回答を読みたいという欲求を生み出します。
疑問形見出しの例:
h2:なぜ見出しタグはSEOに重要なのか?
h2:h1タグは1ページに1つだけ?複数使っても良い?
h2:見出しにキーワードはどれくらい入れるべき?
特にFAQセクションや、読者の疑問に答える形式の記事で効果的です。
見出しタグのよくある間違いと対策
見出しタグの使い方で、よくある間違いとその対策を紹介します。
間違い1:デザイン目的で見出しタグを使う
問題:文字を大きく・太くしたいからという理由で見出しタグを使う
これは最もよくある間違いです。見出しタグはセマンティック(意味的)な要素であり、デザインのためのタグではありません。
対策:デザインはCSSで調整し、見出しタグは論理的な構造を示すために使用します。文字サイズや太さを変えたいだけなら、<span>や<strong>タグとCSSを使いましょう。
間違い2:見出しタグを使わずに見出し風デザインにする
問題:CSSで文字を大きくして見出し風にしているが、HTMLでは<p>タグや<div>タグを使用している
検索エンジンは、視覚的なデザインではなく、HTMLの構造を見ています。見出し風のデザインでも、見出しタグを使っていなければ、検索エンジンはそれを見出しとして認識しません。
対策:見出しとして機能させたいテキストには、必ず適切な見出しタグ(h1〜h6)を使用します。
間違い3:階層を飛ばして使う
問題:h2の次にh4を使う、h1の次にh3を使うなど、階層を飛ばしている
階層を飛ばすと、論理的な構造が崩れ、検索エンジンとユーザーの両方がコンテンツを理解しにくくなります。
対策:必ずh1→h2→h3→h4の順番で使用します。h4を使いたい場合は、その前に必ずh3が存在する必要があります。
間違い4:h1タグを複数使う
問題:1ページにh1タグを複数使用している
HTML5では技術的には複数のh1が許容されていますが、SEOの観点からは1ページ1つのh1が推奨されます。複数のh1があると、検索エンジンがページの主題を判断しにくくなります。
対策:h1タグは1ページに1つだけ使用し、それ以外の見出しはh2以下を使用します。
間違い5:見出しが長すぎる
問題:見出しが1〜2行以上の長文になっている
見出しは、内容を簡潔に示すものです。長すぎる見出しは読みにくく、スキャンしにくくなります。
対策:見出しは20〜40文字程度を目安にします。詳細な説明は本文で行いましょう。
間違い6:すべての見出しにキーワードを詰め込む
問題:SEOを意識しすぎて、すべての見出しにターゲットキーワードを入れている
キーワードの過剰な使用は、不自然な文章になり、キーワードスタッフィング(詰め込み)と判断される可能性があります。
対策:h1にはメインキーワードを含め、h2以下は自然な範囲で関連キーワードを使用します。すべての見出しにキーワードを入れる必要はありません。
間違い7:見出しの内容と本文が一致しない
問題:見出しで示した内容と、その下の本文の内容が異なる
これは、ユーザーの期待を裏切ることになり、直帰率の上昇や信頼性の低下につながります。
対策:見出しは、その下の本文の内容を正確に要約するものにします。本文を書いた後に、見出しが適切か再確認しましょう。
WordPressでの見出しタグの設定方法
WordPressで見出しタグを正しく設定する方法を解説します。
ブロックエディタ(Gutenberg)での設定
WordPressのブロックエディタでは、簡単に見出しを設定できます。
見出しブロックの追加として、記事編集画面で「+」ボタンをクリックし、「見出し」ブロックを選択します。または、本文入力中に「/見出し」と入力しても追加できます。
見出しレベルの変更として、見出しブロックを選択した状態で、ツールバーからH2、H3、H4などのレベルを選択できます。
注意点として、多くのWordPressテーマでは、記事タイトルが自動的にh1として出力されます。そのため、記事本文内ではh2から使い始めるのが一般的です。
クラシックエディタでの設定
クラシックエディタを使用している場合も、見出しの設定は簡単です。
見出しにしたいテキストを選択し、「段落」ドロップダウンから「見出し2」「見出し3」などを選択します。HTMLモードで直接<h2>タグを記述することも可能です。
テーマによる見出しの自動出力
WordPressテーマによっては、特定の場所に自動的に見出しタグが出力される場合があります。
確認すべきポイントとして、記事タイトルがh1として出力されているか、サイドバーのウィジェットタイトルに見出しタグが使われているか、フッターやヘッダーに不要な見出しタグがないかなどを確認します。
テーマのHTMLソースを確認して、意図しない見出しタグが使われていないかチェックしましょう。
見出しのデザインカスタマイズ
見出しのデザインは、CSSでカスタマイズできます。
多くのテーマでは、見出しのデフォルトスタイルが設定されています。追加CSSや子テーマで、フォントサイズ、色、背景、下線などをカスタマイズできます。
注意点として、デザインをカスタマイズしても、HTMLの見出しタグは変えないようにしましょう。見た目と構造は別物です。
見出しタグと他のSEO要素との関係
見出しタグは、他のSEO要素と連携させることで、より効果を発揮します。
タイトルタグとの関係
タイトルタグとh1タグは、どちらもページの主題を示す重要な要素です。
同じにするケースとして、多くの場合、titleタグとh1タグは同じか、ほぼ同じ内容にします。これにより、検索結果で表示されるタイトルとページ内の見出しが一致し、ユーザーに一貫性のある体験を提供できます。
異なるケースもあるとして、titleタグには30〜35文字という文字数制限がありますが、h1タグには明確な制限がありません。そのため、h1タグの方を長く、詳細にする場合もあります。
メタディスクリプションとの関係
メタディスクリプションは、見出しの内容と整合性を持たせることが重要です。
メタディスクリプションで示した内容が、実際の見出し構造と一致していると、ユーザーは期待通りの情報にアクセスできます。これにより、直帰率の低下とユーザー満足度の向上につながります。
目次との関係
多くのサイトでは、h2やh3の見出しを自動的に目次として表示しています。
目次のSEO効果として、目次があることで、ユーザーは記事の全体像を把握しやすくなります。また、目次のリンクは内部リンクとして機能し、ページ内ナビゲーションを改善します。
目次を意識した見出しとして、目次に表示されることを意識して、見出しだけで内容がわかるような具体的な見出しを心がけましょう。「ポイント1」「次に」のような抽象的な見出しは、目次としても機能しません。
構造化データとの関係
構造化データを使用する際、見出し構造と整合性を持たせることが重要です。
特にFAQ構造化データを実装する場合、FAQの質問と見出しの内容を一致させると、より明確な構造になります。
記事タイプ別の見出し構造設計
記事のタイプによって、最適な見出し構造は異なります。
How-to記事(方法・手順を解説)
方法やステップを解説する記事では、以下のような見出し構造が効果的です。
見出し構造例:
h1:〇〇のやり方完全ガイド|7ステップで解説
h2:〇〇とは?基本を理解する
h2:〇〇を始める前の準備
h3:必要なツール
h3:事前に確認すべきこと
h2:〇〇の具体的なやり方【7ステップ】
h3:ステップ1:〇〇する
h3:ステップ2:△△する
h3:ステップ3:□□する
(以下続く)
h2:〇〇でよくある失敗と対策
h2:まとめ
まとめ記事(おすすめ〇選)
複数の項目を紹介するまとめ記事では、以下のような構造が効果的です。
見出し構造例:
h1:〇〇おすすめ10選【2025年最新】
h2:〇〇の選び方
h3:ポイント1:△△を確認する
h3:ポイント2:□□を比較する
h2:〇〇おすすめ10選
h3:1. 商品A – 特徴を一言で
h3:2. 商品B – 特徴を一言で
(以下続く)
h2:比較表
h2:まとめ
用語解説記事(〇〇とは)
用語や概念を解説する記事では、以下のような構造が効果的です。
見出し構造例:
h1:〇〇とは?初心者にもわかりやすく解説
h2:〇〇とは
h3:〇〇の定義
h3:〇〇の歴史・背景
h2:〇〇の仕組み
h2:〇〇のメリット・デメリット
h3:〇〇のメリット
h3:〇〇のデメリット
h2:〇〇の活用例・具体例
h2:〇〇の始め方
h2:よくある質問(FAQ)
h2:まとめ
比較記事(A vs B)
2つ以上の選択肢を比較する記事では、以下のような構造が効果的です。
見出し構造例:
h1:AとBの違いを徹底比較|どちらを選ぶべき?
h2:AとBの基本情報
h3:Aとは
h3:Bとは
h2:AとBの比較①:機能
h2:AとBの比較②:料金
h2:AとBの比較③:使いやすさ
h2:比較表
h2:結論:どちらを選ぶべきか
h3:Aがおすすめの人
h3:Bがおすすめの人
h2:まとめ
事例・ケーススタディ記事
成功事例や実践例を紹介する記事では、以下のような構造が効果的です。
見出し構造例:
h1:〇〇で成果を出した事例|△△が□□を達成
h2:事例の概要
h3:会社・人物紹介
h3:課題・背景
h2:実施した施策
h3:施策1
h3:施策2
h2:結果・成果
h2:成功のポイント
h2:この事例から学べること
h2:まとめ
見出しタグのSEOチェックリスト
見出しタグを設定する際のチェックリストをまとめます。
構造チェックリスト
h1タグは1ページに1つだけか確認してください。h1→h2→h3の順番で階層が正しいか確認してください。階層を飛ばしていないか(h2の次にh4など)確認してください。見出しの入れ子構造が正しいか確認してください。見出しの数は適切か(多すぎ・少なすぎでないか)確認してください。
内容チェックリスト
h1にメインキーワードが含まれているか確認してください。h2に関連キーワードが自然に含まれているか確認してください。見出しだけで記事の全体像がわかるか確認してください。見出しが具体的で、抽象的すぎないか確認してください。見出しの内容と本文が一致しているか確認してください。見出しの長さは適切か(20〜40文字程度)確認してください。
NG要素チェックリスト
キーワードを詰め込みすぎていないか確認してください。デザイン目的で見出しタグを使っていないか確認してください。見出しタグを使わずに見出し風デザインにしていないか確認してください。すべての見出しに同じキーワードを入れていないか確認してください。
業種別:見出しの書き方のポイント
業種によって、見出しの書き方で意識すべきポイントが異なります。
BtoB企業の場合
BtoB企業のSEOでは、専門性と信頼性を示す見出しが効果的です。
効果的な見出しの特徴として、業界用語を適切に使用する、具体的な数字や実績を含める、課題解決を明確に示すなどがあります。
見出し例:
h2:製造業のDX推進で生産性30%向上を実現する方法
h2:導入企業100社の事例から見る〇〇システムの効果
ECサイトの場合
ECサイトのSEOでは、商品の魅力と購買を促す見出しが効果的です。
効果的な見出しの特徴として、商品カテゴリやブランド名を含める、選び方のポイントを示す、価格やお得感を示すなどがあります。
見出し例:
h2:【2025年最新】ビジネスバッグの選び方
h2:1万円以下で買えるおすすめビジネスバッグ5選
医療機関の場合
医療機関のSEOでは、E-E-A-Tを意識した信頼性の高い見出しが必要です。
効果的な見出しの特徴として、症状や治療法を正確に示す、専門医監修であることを示す、患者さんの不安に寄り添う表現を使うなどがあります。
見出し例:
h2:腰痛の主な原因と症状【整形外科医監修】
h2:腰痛の治療法と自宅でできるセルフケア
士業(弁護士・税理士等)の場合
士業のSEOでは、専門性と相談しやすさを示す見出しが効果的です。
効果的な見出しの特徴として、法律や制度を正確に示す、具体的な相談事例を示す、専門家としての解決策を示すなどがあります。
見出し例:
h2:相続放棄の手続きと期限【弁護士が解説】
h2:相続放棄すべきケースと判断基準
飲食店の場合
飲食店のSEOでは、魅力的なメニューやシーンを伝える見出しが効果的です。
効果的な見出しの特徴として、料理の特徴や魅力を伝える、利用シーンを具体的に示す、地域名やアクセス情報を含めるなどがあります。
見出し例:
h2:自家製パスタが自慢の渋谷イタリアン
h2:デート・記念日におすすめのコース料理
見出しタグに関するよくある質問(FAQ)
見出しタグに関するよくある質問にお答えします。
Q1. h1タグは1ページに複数あっても良いですか?
A. 技術的には可能ですが、SEOの観点からは1ページ1つを推奨します。
HTML5の仕様では、セクション要素(<article>、<section>など)ごとにh1を使用することが許容されています。しかし、Googleは1ページ1つのh1を使用することを推奨しており、複数のh1があるとページの主題が曖昧になる可能性があります。
Q2. 見出しにリンクを入れても良いですか?
A. 可能ですが、必要な場合に限定しましょう。
見出し全体をリンクにすることは技術的に可能です。ただし、見出しはコンテンツの構造を示すものであり、リンクは別の目的を持つため、両者を混同しないよう注意が必要です。必要な場合は、見出し内の一部の単語だけをリンクにする方が適切なケースが多いです。
Q3. 見出しの数に上限はありますか?
A. 明確な上限はありませんが、適切な数に収めましょう。
コンテンツの長さと内容に応じて、必要な数の見出しを使用します。一般的なブログ記事では、h2が5〜10個程度、各h2の下にh3が2〜5個程度が目安です。見出しが多すぎると読みにくくなり、少なすぎると構造が伝わりません。
Q4. 見出しに画像を使っても良いですか?
A. テキストとしての見出しを使用することを推奨します。
画像を見出しとして使用すると、検索エンジンが見出しの内容を正確に理解できない可能性があります。また、アクセシビリティの観点からも、テキストの見出しが推奨されます。画像を使用する場合は、alt属性に見出しの内容を記述しましょう。
Q5. 見出しの順番を入れ替えても良いですか?
A. 論理的な順序を守る限り、入れ替えは可能です。
記事の構成上、セクションの順番を入れ替えることは問題ありません。ただし、h1→h2→h3という階層の順序は必ず守る必要があります。
Q6. WordPressで記事タイトルがh2になっている場合はどうすれば?
A. テーマの設定またはコードを修正して、h1に変更することを推奨します。
多くのWordPressテーマでは、記事タイトルは自動的にh1として出力されます。しかし、一部のテーマではh2として出力される場合があります。この場合、テーマの設定で変更できるか確認するか、子テーマでコードを修正してh1に変更することをおすすめします。
Q7. h4、h5、h6はほとんど使わなくても良いですか?
A. 一般的な記事では、h3までで十分なことがほとんどです。
h4以降は、非常に長い記事や、複雑な構造を持つ技術文書などで使用します。通常のブログ記事やコラムでは、h1〜h3の3階層で十分な場合がほとんどです。無理にh4以降を使う必要はありません。
まとめ:見出しタグを正しく使ってSEO効果を最大化
本記事では、見出しタグ(h1〜h6)の正しい使い方を徹底解説しました。最後に、重要なポイントをまとめます。
見出しタグの基本ルール
h1タグは1ページに1つ、ページの主題を示します。h2〜h6は階層順に使用し、飛ばさないようにします。見出しは論理的な構造を示すために使用し、デザイン目的では使いません。
SEO効果を高める見出しの書き方
h1にはメインキーワードを、h2には関連キーワードを自然に含めます。見出しだけで記事の内容がわかるよう、具体的に書きます。数字やベネフィットを含めると、より効果的です。
避けるべき間違い
階層を飛ばす、h1を複数使う、キーワードを詰め込む、デザイン目的で使うなどは避けましょう。
見出しタグは、SEOの基本でありながら、正しく使いこなしているサイトは意外と少ないです。本記事で紹介したルールとテクニックを実践して、検索エンジンとユーザーの両方に伝わる記事構造を設計しましょう。
関連記事として、SEOに強い記事の書き方、タイトルタグの付け方、メタディスクリプションの書き方も合わせてご覧ください。
見出しタグとユーザー体験(UX)の関係
見出しタグは、SEOだけでなくユーザー体験にも大きく影響します。
スキャンリーディングへの対応
Webユーザーの多くは、ページを最初から最後まで読むのではなく、まず見出しをスキャン(流し読み)して、自分に必要な情報があるかを判断します。
研究データとして、ユーザビリティの研究によると、Webページの読者の約80%は見出しをスキャンし、約20%しか本文を詳しく読まないとされています。
スキャンしやすい見出しの特徴として、内容が具体的でわかりやすい、適度な長さ(20〜40文字程度)、視覚的に目立つデザインなどがあります。
見出しを適切に設計することで、スキャンリーディングでも読者が必要な情報を見つけやすくなります。
読了率への影響
適切な見出し構造は、記事の読了率を高めます。
見出しがない・少ない記事の問題として、テキストの壁のように見えて圧迫感がある、どこに何が書いてあるかわからない、途中で読むのをやめてしまいやすいなどがあります。
適切な見出しがある記事のメリットとして、内容の区切りが明確で読みやすい、興味のあるセクションに直接ジャンプできる、全体の流れを把握しながら読み進められるなどがあります。
モバイルユーザーへの配慮
モバイルフレンドリーなサイトでは、見出しの重要性がさらに高まります。
モバイル画面は小さいため、長文がより読みにくくなります。適切な見出しで内容を区切ることで、モバイルユーザーも快適に読み進められます。
モバイル向けの見出し設計のポイントとして、見出しを短めに設定する(画面幅に収まるように)、見出しの頻度を適度に保つ(2〜3段落ごとに見出し)、タップしやすい目次を設置するなどがあります。
アクセシビリティの確保
見出しタグは、アクセシビリティにおいても重要な役割を果たします。
スクリーンリーダーとの関係として、視覚障害のあるユーザーが使用するスクリーンリーダーは、見出しタグを使ってページの構造を把握します。正しい見出し階層があれば、スクリーンリーダーのユーザーも効率的にコンテンツをナビゲートできます。
キーボードナビゲーションとして、多くのスクリーンリーダーでは、見出しから見出しへジャンプするショートカットキーがあります。適切な見出し構造は、キーボードだけでページを操作するユーザーにとっても重要です。
見出しタグとコンテンツ戦略の連携
見出しタグは、サイト全体のコンテンツSEO戦略と連携させることで、より効果を発揮します。
トピッククラスター戦略との連携
トピッククラスター戦略とは、メインテーマに関する包括的な「ピラーコンテンツ」と、詳細を掘り下げる「クラスターコンテンツ」を内部リンクで結びつける手法です。
ピラーコンテンツの見出しとして、幅広いトピックをカバーするため、h2見出しが多くなる傾向があります。各h2は、クラスターコンテンツへの入口としても機能します。
クラスターコンテンツの見出しとして、特定のトピックを深掘りするため、h3やh4まで使用して詳細に構造化することがあります。
キーワード戦略との連携
キーワード選定の結果を、見出し構造に反映させましょう。
メインキーワードは、h1とページタイトルに配置します。
関連キーワードは、h2見出しに自然に含めます。
ロングテールキーワードは、h3以下の見出しや本文で使用します。
ラッコキーワードなどのツールで関連キーワードを調べ、見出しに活用しましょう。
検索意図との連携
検索意図に応じた見出し構造を設計しましょう。
情報収集意図(Know)の場合、「〇〇とは」「〇〇の仕組み」「〇〇のメリット・デメリット」といった見出しが効果的です。
行動意図(Do)の場合、「〇〇の方法」「ステップ1:〇〇」「〇〇のコツ」といった見出しが効果的です。
購買検討意図(Buy)の場合、「〇〇の選び方」「おすすめ〇選」「〇〇比較」といった見出しが効果的です。
見出しタグの分析と改善方法
既存コンテンツの見出しを分析し、改善する方法を解説します。
見出し構造の分析方法
自分のサイトや競合サイトの見出し構造を分析する方法を紹介します。
ブラウザ拡張機能の活用として、「HeadingsMap」「Detailed SEO Extension」などのブラウザ拡張機能を使うと、ページの見出し構造を視覚的に確認できます。見出しの階層、数、内容を一覧で把握できます。
HTML確認として、ブラウザの開発者ツール(F12キー)でHTMLソースを確認し、見出しタグが正しく使用されているか確認できます。
SEOツールの活用として、Screaming FrogなどのクローラーツールやAhrefs、SEMrushなどのSEOツールで、サイト全体の見出し使用状況を分析できます。
競合の見出し分析
競合キーワード分析の一環として、競合サイトの見出し構造を分析しましょう。
分析すべきポイントとして、見出しの階層構造(h1〜h3の使い方)、見出しの数と頻度、見出しに含まれるキーワード、見出しの具体性・抽象度、見出しだけで記事内容がわかるかなどがあります。
競合の良い点は取り入れ、改善できる点で差別化を図りましょう。
見出し改善のPDCAサイクル
見出しの改善は、継続的に行うことが重要です。
Plan(計画)として、見出し構造を分析し、改善点を特定します。Do(実行)として、見出しを改善します。Check(確認)として、順位やCTR、滞在時間などの指標を確認します。Act(改善)として、結果を踏まえてさらなる改善を行います。
リライト時の見出し見直し
記事のリライトを行う際は、見出しも見直しましょう。
見直すべきポイントとして、検索意図に合っているか、キーワードが適切に含まれているか、見出しだけで内容がわかるか、階層構造が正しいか、競合と比較して改善点はないかなどがあります。
見出しの改善だけでも、検索順位やユーザー体験が向上することがあります。
見出しタグと強調スニペットの関係
強調スニペットの獲得において、見出しタグは重要な役割を果たします。
強調スニペットとは
強調スニペットとは、Googleの検索結果の最上部に表示される回答ボックスのことです。「Position Zero(0位)」とも呼ばれ、通常の検索結果よりも上に表示されるため、大きなトラフィックを獲得できます。
見出しが強調スニペットに与える影響
強調スニペットには、見出しとその直下の内容が採用されることがあります。
パラグラフ型の強調スニペットでは、質問形式の見出し(h2やh3)の直下にある回答テキストが採用されることがあります。
リスト型の強調スニペットでは、h2見出しの下にある複数のh3見出しがリストとして採用されることがあります。
テーブル型の強調スニペットでは、表形式のデータが採用されることがあります。
強調スニペットを狙う見出し設計
強調スニペット獲得を狙うための見出し設計のポイントを紹介します。
質問形式の見出しを使うとして、「〇〇とは?」「〇〇の方法は?」「〇〇はなぜ重要か?」のような質問形式のh2やh3を使用します。
見出し直下に簡潔な回答を配置として、質問形式の見出しの直下に、40〜60文字程度の簡潔な回答を配置します。その後に詳細を解説します。
リスト形式の構造を作るとして、「〇〇の5つのステップ」のようなh2の下に、各ステップをh3として配置すると、リスト型の強調スニペットに採用されやすくなります。
具体例:
h2:メタディスクリプションとは?
メタディスクリプションとは、HTMLの<meta name=”description”>タグで指定される、Webページの概要説明文のことです。検索結果でタイトルの下に表示され、クリック率に影響します。
(以下、詳細な解説)
このような構造は、強調スニペットに採用されやすくなります。
見出しタグのテクニカルSEOとの関係
見出しタグは、テクニカルSEOの観点からも重要です。
クローラビリティへの影響
検索エンジンのクローラーは、見出しタグを使ってページの構造を理解します。
適切な見出し構造のメリットとして、クローラーがページの主題を正確に把握できる、コンテンツの論理的な流れが伝わる、重要なキーワードを認識しやすいなどがあります。
ページ表示速度との関係
見出しタグ自体は、ページ表示速度に大きな影響を与えません。
ただし、見出しのデザインに大きな画像や複雑なCSSアニメーションを使用している場合は、読み込み速度に影響する可能性があります。シンプルなCSS装飾にとどめることをおすすめします。
コアウェブバイタルとの関係
コアウェブバイタルの指標の1つであるCLS(Cumulative Layout Shift)に、見出しが影響することがあります。
見出しのフォントがWebフォントで、読み込みに時間がかかる場合、レイアウトシフトが発生する可能性があります。フォント表示の最適化(font-display: swap など)を行いましょう。
構造化データとの連携
構造化データを実装する際、見出し構造と整合性を持たせることが重要です。
例えば、Article構造化データのheadline(記事の見出し)は、h1タグの内容と一致させるのが一般的です。
見出しタグの国際化・多言語対応
多言語サイトを運営している場合、見出しタグにも注意が必要です。
言語ごとの見出し最適化
多言語サイトでは、各言語版のページで、その言語に最適化された見出しを設定することが重要です。
注意点として、単に見出しを翻訳するだけでなく、その言語で検索されるキーワードを含める、その言語の読者に自然に読める表現にする、文化的な違いに配慮するなどが必要です。
hreflangタグとの連携
多言語サイトのSEOでは、hreflangタグを使用して、各言語版のページを紐づけます。
見出しタグ自体にはhreflang属性はありませんが、各言語版のページでそれぞれ適切な見出しを設定することで、各言語の検索結果で最適な表示が可能になります。
見出しタグの将来展望
検索エンジンの進化に伴い、見出しタグの役割も変化していく可能性があります。
AI検索時代の見出しタグ
AI検索(SGE)の普及に伴い、検索結果の表示形式が変化しています。
AI検索では、見出しとその下のコンテンツが「回答」として抽出・表示されることがあります。明確で具体的な見出しと、それに対応する簡潔な本文を持つ構造は、AI検索時代でも重要性が高いと考えられます。
セマンティックHTMLの重要性
見出しタグを含むセマンティックHTMLの重要性は、今後も高まると予想されます。
検索エンジンがコンテンツの意味をより深く理解するようになるにつれ、正しいHTML構造でコンテンツの意味を伝えることがますます重要になります。
ユーザー体験重視の傾向
Googleは、ユーザー体験をますます重視する傾向にあります。
見出しは、ユーザー体験を向上させる重要な要素です。スキャンしやすく、理解しやすい見出し構造を持つページは、今後も高く評価されると考えられます。
見出しタグの実践チェックシート
見出しタグを設定する際の実践的なチェックシートをまとめます。
設定前チェック
記事の構成案(アウトライン)を作成したか確認してください。見出しの階層構造を設計したか確認してください。各見出しに含めるキーワードを決めたか確認してください。見出しだけで記事の全体像がわかるか確認してください。
設定時チェック
h1タグは1ページに1つだけか確認してください。h1→h2→h3の順番で階層を飛ばしていないか確認してください。各見出しが本文の内容を正確に表しているか確認してください。見出しの長さは適切か(20〜40文字程度)確認してください。キーワードを自然に含めているか確認してください。デザイン目的で見出しタグを使っていないか確認してください。
設定後チェック
ブラウザや拡張機能で見出し構造を確認したか確認してください。モバイル表示でも見出しが適切に表示されているか確認してください。目次が正しく生成されているか(目次を使用している場合)確認してください。
改善時チェック
検索順位やCTRを定期的に確認しているか確認してください。競合の見出し構造を分析したか確認してください。ユーザーからのフィードバックを収集しているか確認してください。リライト時に見出しも見直しているか確認してください。
本記事で紹介したルールとテクニックを実践して、SEO効果を最大化する見出し構造を設計しましょう。見出しタグは、比較的簡単に改善でき、効果も実感しやすいSEO施策です。まずは既存記事の見出しを見直すところから始めてみてください。
見出しタグに使える表現・フレーズ集
見出しを作成する際にすぐ使える表現・フレーズをカテゴリ別にまとめます。
導入・定義系のフレーズ
「〇〇とは?基本を理解する」「〇〇の意味と重要性」「なぜ〇〇が必要なのか」「〇〇を始める前に知っておくべきこと」「〇〇の基礎知識」などがあります。
記事の冒頭で、基本的な概念を説明するセクションに使えるフレーズです。
方法・手順系のフレーズ
「〇〇のやり方【△ステップで解説】」「〇〇を成功させる方法」「〇〇の具体的な手順」「初心者でもできる〇〇の始め方」「ステップ1:〇〇する」「まずは〇〇から始める」などがあります。
How-to記事や手順解説に使えるフレーズです。
メリット・効果系のフレーズ
「〇〇のメリット△選」「〇〇で得られる効果」「〇〇を導入すべき△つの理由」「〇〇がもたらすビジネスインパクト」「〇〇の活用で実現できること」などがあります。
メリットや効果を説明するセクションに使えるフレーズです。
注意点・デメリット系のフレーズ
「〇〇の注意点・デメリット」「〇〇でよくある失敗と対策」「〇〇で気をつけるべきポイント」「〇〇を避けるべき△つの理由」「〇〇の落とし穴」などがあります。
注意点やリスクを説明するセクションに使えるフレーズです。
比較・選択系のフレーズ
「〇〇と△△の違い」「〇〇の比較・選び方」「〇〇を選ぶポイント」「目的別の〇〇の選び方」「〇〇と△△はどちらを選ぶべき?」などがあります。
比較記事や選び方を解説するセクションに使えるフレーズです。
事例・実践系のフレーズ
「〇〇の成功事例」「実際に〇〇してみた結果」「〇〇の活用例・具体例」「〇〇を導入した企業の声」「〇〇のケーススタディ」などがあります。
事例や実践例を紹介するセクションに使えるフレーズです。
まとめ・結論系のフレーズ
「まとめ:〇〇のポイント」「〇〇を成功させるために」「今日から始める〇〇」「〇〇で成果を出すために大切なこと」「次のステップ」などがあります。
記事の締めくくりに使えるフレーズです。
FAQ・質問系のフレーズ
「〇〇に関するよくある質問」「Q. 〇〇は△△ですか?」「〇〇についてよく聞かれること」「〇〇の疑問を解消」などがあります。
FAQセクションや疑問に答える形式のセクションに使えるフレーズです。
見出しタグと記事の読みやすさ
見出しタグは、記事の読みやすさに直結する重要な要素です。
見出しの頻度と間隔
見出しの頻度が適切でないと、読みやすさに影響します。
見出しが少なすぎる場合として、テキストが壁のように見えて圧迫感がある、どこに何が書いてあるかわからない、読者が途中で離脱しやすいなどの問題があります。
見出しが多すぎる場合として、細切れで内容が薄く見える、スクロールが多くなる、全体の流れが把握しにくいなどの問題があります。
適切な頻度の目安として、一般的に2〜4段落(200〜400文字程度)ごとに見出しを入れると、読みやすくなります。ただし、内容の区切りを優先し、機械的に入れる必要はありません。
見出しと段落のバランス
見出しの下の段落(本文)の長さも、読みやすさに影響します。
段落が長すぎる場合として、1つの見出しの下に1000文字以上の本文があると、読みにくくなります。内容を分割して、新しい見出しを追加することを検討しましょう。
段落が短すぎる場合として、見出しの下に1〜2文しかないと、内容が薄く見えます。複数の短いセクションをまとめることを検討しましょう。
見出しのビジュアルデザイン
見出しのビジュアルデザインも、読みやすさに影響します。
効果的なデザインの特徴として、本文との視覚的な差別化(サイズ、太さ、色など)、適度な余白(見出しの上下にスペースを確保)、一貫性(同じレベルの見出しは同じデザイン)などがあります。
ただし、デザインに凝りすぎて読み込み速度が遅くなることは避けましょう。
CMS別の見出しタグ設定ガイド
WordPress以外のCMSでの見出しタグ設定方法も簡単に紹介します。
Wixの場合
Wixのエディタでは、テキストを選択して「見出し1」「見出し2」などを選択することで、見出しタグを設定できます。デザインはテーマ設定で統一的に管理できます。
Shopifyの場合
Shopifyのブログ記事エディタでは、リッチテキストエディタで見出しを設定できます。商品ページのタイトルは自動的にh1として出力されることが多いため、テーマの設定を確認しましょう。
はてなブログの場合
はてなブログでは、Markdown記法またはリッチエディタで見出しを設定できます。「#」の数で見出しレベルを指定します(# = h1、## = h2、### = h3)。
Noteの場合
Noteのエディタでは、テキストを選択して「見出し」を選択することで見出しを設定できます。見出しは自動的にh2として出力されます。
見出しタグのトラブルシューティング
見出しタグに関するよくあるトラブルと解決方法を紹介します。
見出しが正しく表示されない
問題:設定した見出しがページ上で正しく表示されない
原因と対策として、CSSで見出しのスタイルが上書きされている可能性があるため、開発者ツールでスタイルを確認します。テーマやプラグインの設定で見出しの表示が変更されている可能性があるため、設定を確認します。HTMLが正しく出力されているか、ソースを確認します。
目次に見出しが表示されない
問題:目次プラグインを使用しているが、一部の見出しが目次に表示されない
原因と対策として、目次プラグインの設定で表示する見出しレベルを確認します。見出しタグが正しくHTMLとして出力されているか確認します。見出し内に特殊文字や長すぎるテキストがないか確認します。
構造化データのエラー
問題:構造化データのテストでエラーが出る
原因と対策として、h1タグが複数ある場合、1つに修正します。見出しの階層構造が正しくない場合、修正します。構造化データのheadline属性とh1の内容が大きく異なる場合、整合性を取ります。
本記事で紹介した内容を参考に、見出しタグを正しく使いこなして、SEO効果を最大化しましょう。見出しは、検索エンジンとユーザーの両方にコンテンツの構造を伝える重要な要素です。基本ルールを守りつつ、読者にとって価値のある見出しを作成してください。
関連記事として、SEOに強い記事の書き方、タイトルタグの付け方、メタディスクリプションの書き方も合わせてご覧ください。