見出しタグ(<h1> から <h6>)は、Webページの見出しを示します。本の章や節のように、ページに骨組みを与えます。その構造は、同時に3種類の読み手を助けます。
- 必要な部分を探すために見出しを流し読みする読者
- 見出しから見出しへ移動してページを把握するスクリーンリーダーの利用者
- 各セクションの内容を理解するために見出しを使う検索エンジンと AI システム
見出しを正しく整えることは、最も手軽にできる内部SEOの改善の一つです。
見出しレベルの仕組み
- H1 – ページ全体のテーマを表すメインの見出し
- H2 – 主要なセクション
- H3 – H2 の中の小セクション
- H4〜H6 – さらに深い階層。ほとんどのWebページではめったに必要ありません
よい構成は目次のように読めます。
H1 家庭でコンポストを始める方法
H2 コンポストにできるもの・できないもの
H3 グリーン素材:窒素が豊富なもの
H3 ブラウン素材:炭素が豊富なもの
H2 コンポスト容器の選び方
H2 ステップごとに:最初の山を作る
H2 よくあるトラブルの解決
H3 コンポストが臭う
H3 コンポストが分解されない
H2 よくある質問
この構成を見れば、ページが何を扱っているか誰でもすぐにわかります。検索エンジンも同じです。
任意のページの H1〜H6 のアウトラインを表示し、欠けている見出しや飛ばされたレベルを見つけます。
ページの H1 は1つだけにすべきか
HTML5 は技術的には複数の H1 要素を認めており、Google も H1 が複数あってもシステム上の問題はないと述べています。それでも、1ページに H1 は1つにするのが最も明確な選択です。主要テーマを曖昧さなく示し、スクリーンリーダーにとって論理的な構成を保ち、SEOツールを混乱させません。
H1 が複数になるよくある原因は、すべてのページでロゴを H1 で囲むテーマや、デザインのために H1 を使うページビルダーです。テンプレートを確認しましょう。
H1 は title タグと同じにすべきか
同じテーマを表すべきですが、まったく同じである必要はありません。title タグは検索結果向けに書かれ、30文字前後に収める必要があります。H1 は訪問者がページに来たときに見る見出しなので、少し長くしたり、話し言葉に近づけたりしてもかまいません。
| title タグ | H1 |
|---|---|
| エスプレッソマシンのカルキ除去方法 – BrewGuide | エスプレッソマシンのカルキを15分で除去する方法 |
| レディース トレイルランニングシューズ – 返品無料 | レディース トレイルランニングシューズ |
2つがまったく別のことを表していると、Google が検索結果で title を書き換える可能性が高くなります。
見出しのベストプラクティス
見た目ではなく構造のために見出しを使う
文字の大きさが好みだからという理由で見出しレベルを選んだり、本物の見出しの代わりに普通の文章を太字で大きくしたりしないでください。見た目は CSS で整え、レベルは構成にもとづいて選びます。
レベルを飛ばさない
H2 の次は H3 にし、H2 から H4 へ飛ばさないようにします。レベルを飛ばすと構造がわかりにくくなります。見出しレベルで移動するスクリーンリーダーの利用者にとっては特にそうです。
見出しを説明的にする
「概要」「詳細」「セクション2」では何も伝わりません。「屋根裏リフォームの費用はいくら?」なら、次に何が書かれているかを読者にも検索エンジンにも正確に伝えられます。
人が検索する言葉を自然に使う
ページが「屋根裏 リフォーム 費用」を狙っているなら、H1 と少なくとも1つの H2 にそのフレーズや近い言い換えを使うのは理にかなっています。すべての見出しにキーワードを無理に入れる必要はありません。読みにくくなるだけで、何の効果もありません。
疑問に答える内容には質問形式の見出しを
セクションが疑問に答えるなら、見出しをその疑問の形にし、すぐ下の最初の文で直接答えましょう。この形式は、読者にとって流し読みしやすく、検索エンジンにとっても強調スニペット、「他の人はこちらも質問」、AI の回答に抽出しやすくなります。
簡潔にする
ほとんどの見出しは、長すぎないほうが効果的です。長い見出しは流し読みしにくくなります。
見出しとアクセシビリティ
スクリーンリーダーを使う人にとって、見出しはページを理解し、移動するための主な手段です。Webコンテンツ・アクセシビリティ・ガイドライン(WCAG)では、見出しがそのセクションを説明し、コンテンツの実際の構造を反映していることが求められます。つまり、よい見出し構造はSEOのための細かな工夫ではなく、アクセシビリティの要件であり、すべての人の役に立ちます。
よくある見出しの問題
- H1 がまったくない – テーマがページタイトルを装飾された
divで表示していることが多い - すべてのページでロゴが H1 – 結果としてすべてのページの H1 が同じになる
- デザイン要素に見出しを使っている – サイドバーの「フォローする」やメルマガ登録欄など
- 空の見出し – 代替テキストのない画像だけが入った H タグ
- 文章の壁 – 小見出しがまったくない長いページ
サイトのクロールで H1 がない、または複数あるページが見つかり、ページ単位のチェックで全体の構成を確認できます。
サイト全体をクロールして、エラーページ、重複タイトル、不足しているタグ、内容の薄いページを見つけます。
よくあるページの種類別の構成例
商品ページ
H1 ブレビル バリスタエクスプレス エスプレッソマシン
H2 主な特徴
H2 同梱品
H2 仕様
H2 お客様のレビュー
H2 配送と返品
地域サービスのページ
H1 大阪の水道修理・24時間対応
H2 対応する修理内容
H3 水道管の破裂
H3 給湯器の故障
H3 排水のつまり
H2 対応エリア
H2 料金
H2 選ばれる理由
H2 よくある質問
比較記事
H1 2026年のおすすめコーヒーミル(臼式)
H2 おすすめをひと目で
H2 テストの方法
H2 おすすめのミルのレビュー
H3 1. Baratza Encore ESP – 総合ベスト
H3 2. Fellow Opus – デザイン賞
H2 コーヒーミルを選ぶポイント
H2 よくある質問
それぞれの構成は単独でも意味が通ります。ライターに渡せば、何を書けばよいかすぐにわかるでしょう。
見出しと強調スニペット
ページが強調スニペット(一部の検索結果の上部に表示される枠付きの回答)に表示されるとき、Google は見出しを文脈として使い、そのすぐ下の段落やリストを回答として使うことがよくあります。スニペットのリストは、一連の H2 や H3 の見出し、あるいは見出しの下の番号付きリストから作られることが多いです。
コンテンツに最大のチャンスを与えるには、次のようにしましょう。
- 見出しを疑問や作業の形にする
- 直後の最初の段落で簡潔に答える(日本語なら100〜150文字程度)
- 手順には番号付きリスト、選択肢には箇条書きを使う
- 比較には表を使う
同じ構造は、AI 検索エンジンがコンテンツを抽出して引用しやすくもします。
サイト全体の見出しを監査する
見出しの問題は通常テンプレートから生じるため、多くのページで繰り返されます。クロールを使えば、パターンがすぐにわかります。
- H1 のないページ – そのページ種別のテンプレートを確認する
- H1 が複数あるページ – ロゴやサイドバーのウィジェットが原因であることが多い
- 多くのページで同じ H1 – 定型テンプレートや薄い重複ページのサイン
- title タグのテーマと一致しない H1 – シグナルが混乱するリスク
テンプレートを一度直せば、それを使うすべてのページが改善されます。個別のページでは、構成表示を開いて見出しだけを読んでみましょう。話の筋が通っていて、検索ユーザーが期待する内容を網羅していれば、構造は機能しています。
構造を壊さずに見出しを装飾する
デザイナーは、構造上は H2 であるセクションに小さく控えめな見出しを使いたがったり、見出しではない大きな装飾的なフレーズを入れたがったりすることがあります。どちらも CSS で解決できます。クラスを使って H2 を小さく見せ、装飾的なフレーズには装飾した段落や div を使いましょう。HTML はコンテンツの構造に忠実に保ち、見た目は CSS に任せます。
重要なポイント
- 見出しはページに骨組みを与え、読者、スクリーンリーダーの利用者、検索エンジンを助けます。
- 主要テーマに H1 を1つ、セクションに H2、小セクションに H3 を使い、レベルを飛ばさないようにします。
- 見出しレベルは構造で選び、見た目は CSS で整えます。
- 質問形式の見出しと直後の直接的な答えは、強調スニペットや AI の回答に向いています。
- 見出しの問題のほとんどはテンプレートが原因です。根本から一度で直しましょう。
- 見出しだけを読んでみて、構成が話を伝えていれば、構造は機能しています。
よくある質問
見出しタグはSEOに役立ちますか?
はい。検索エンジンがページのテーマと構造を理解する助けになり、コンテンツを読みやすくすることでエンゲージメントも高めます。特に H1 は、ページの主要テーマを示す強いシグナルです。
H1 を複数回使ってもよいですか?
使っても Google は対応できますが、1ページに H1 を1つにしたほうが、ユーザー、アクセシビリティツール、監査にとってわかりやすくなります。
1ページに H2 はいくつあるべきですか?
実際のセクションの数だけです。短い商品ページなら2〜3個、長いガイドなら10個以上になることもあります。
見出しにキーワードを含める必要がありますか?
自然に入る場所、特に H1 と主要な H2 に関連する言葉を使いましょう。完全一致のキーワードよりも、読者にとってのわかりやすさのほうが大切です。
自分のサイトをチェック
55 以上の項目を無料で診断し、すべての問題の改善方法を確認しましょう。