hタグ（見出しタグ）は、HTMLで見出しを表すための要素です。h1からh6まで6段階があり、数字が小さいほど上位の見出しとして扱われます。
ここまでは、どの解説にも書かれている内容でしょう。それでも「hタグの正しい使い方」が検索され続けているのは、ルールを知っていても実際の記事づくりで判断に迷う場面が残るからだと考えられます。この見出しはh2とh3のどちらにすべきか、h1は本当に1つでなければいけないのか、見出しにキーワードをどこまで入れるべきか。こうした細かい判断は、基本ルールの説明だけでは埋まりません。
本記事では、hタグの役割と階層のルールを押さえたうえで、SEOにどう影響するのか、そして記事制作の現場では見出しをどう決めているのかまで整理します。数多くのSEO記事を制作してきた立場から、判断が分かれやすい部分を中心に解説していきます。
- h1からh6までの役割と、実務での使い分けの基準
- hタグがSEOに影響する仕組みと、期待してよい効果の範囲
- 階層構造のルールと、構造が正しく伝わらなくなるNGな使い方
- 見出しの文言を決める手順と、公開前に確認しておきたい実装
hタグ（見出しタグ）とは
hタグは、HTMLで見出しを指定するための要素です。hはheading（見出し）の頭文字で、h1、h2、h3と続き、h6まで全部で6段階。h1がページ全体の主題を、h2以下がその内訳を表します。
多くの解説では「h1が最も大きく、h6が最も小さい」と説明されます。ただ、この理解のまま運用すると判断を誤りかねません。ブラウザが標準でh1を大きく表示するのは、階層が上位だから結果的にそうなっているだけです。hタグは文字の大きさを変えるタグではなく、文書の階層を示すタグです。
h1からh6までが担う位置
hタグの階層は、書籍の構成に置き換えると迷いにくくなります。
タグ | 書籍でいうと | 記事での使い方 | 1ページあたりの目安 |
|---|---|---|---|
h1 | 本のタイトル | 記事タイトル | 1つ |
h2 | 章 | 記事を構成する大きな区切り | 3〜7つ |
h3 | 節 | h2の内容を分けた小見出し | h2ごとに0〜4つ |
h4 | 項 | h3の中で手順や例を並べる場合 | 必要なときだけ |
h5・h6 | 細目 | 仕様書や技術文書など | 通常の記事ではほぼ不要 |
一般的な記事でh5やh6まで使う場面は、ほとんどありません。h4以降が頻繁に登場する構成になっていたら、1本の記事に内容を詰め込みすぎている可能性を疑ったほうがよいでしょう。
見た目を整える目的で使ってはいけない
見出しの文字サイズを変えたいだけであれば、CSSやCMSの装飾機能で対応してください。hタグを付けた時点で、検索エンジンと支援技術には「ここから新しい区切りが始まる」という情報が渡ります。デザインの都合でh3を選んでしまうと、伝わる構造と実際の内容が食い違ってしまいます。
「この文字を少し小さくしたい」という理由でh3やh4を選ぶ運用は、CMSの編集画面でよく見かけます。文字サイズを揃えたいときは、タグを変えるのではなくスタイルを変えてください。見た目の調整はhタグの役割ではありません。
スクリーンリーダーの利用者は、見出しだけを拾ってページ内を移動する操作を日常的に行っています。装飾のために見出しが使われていると、目次にあたる情報が実際の内容とずれ、目的の箇所にたどり着けなくなります。
関連記事：SEO記事の書き方完全ガイド｜上位表示を実現する18のテクニックと対策
hタグがSEOに影響する仕組み
hタグとSEOの関係は、過大にも過小にも語られがちです。「h1にキーワードを入れれば順位が上がる」という話も、「hタグは順位に関係ない」という話も、どちらも実態からはずれているでしょう。仕組みから整理していきます。
検索エンジンが本文の構造を読み取る手がかりになる
検索エンジンはHTMLを解析してページの内容を把握します。そのとき、どこからどこまでが1つのまとまりなのかを、何を手がかりに判断しているのか。材料の1つが見出しです。h2で区切られた範囲は1つの話題として扱われ、その中のh3はさらに細かい論点として解釈されます。
Googleが公開しているSEOスターターガイドでも、見出しはページの内容と構造を利用者と検索エンジンに伝えるものとして案内されています。
ページの一部分だけが評価される場面がある
Googleはページ全体だけでなく、ページ内の特定の一節を評価して検索結果に表示する仕組みを持っています。「この見出しの配下にある数百字が、この質問への答えになっている」と判断されれば、記事全体のテーマから少し離れた検索語でも表示される可能性があります。
検索結果の最上部に本文の一部が引用される強調スニペットも、同じ構造です。見出しとその直後の本文が引用元になる場面は珍しくありません。AI検索の回答で引用されるときも、単位はページ全体ではなくセクションになります。見出しは検索エンジンに「ここが1つの答えです」と示す区切りとして働いている、と捉えると整理しやすいはずです。
「hタグを直せば順位が上がる」わけではない
一方で、既存記事のhタグを付け替えただけで順位が動く場面は多くありません。検索エンジンが評価しているのは見出しに囲まれた本文の中身であり、タグはその区切りを示す役割にとどまるからです。
見出しの修正で成果が変わるのは、文言を変えた結果として本文の構成そのものが変わったときでしょう。裏を返すと、内容が読者の知りたい順に並んでいないまま、h2をh3に変えるような修正を重ねても、得られる変化は限られます。
Web担当者リライトのとき、まず見出しにキーワードを足すよう指示しているのですが、あまり順位が変わりません。
Writers-hub編集部
見出しにキーワードを足す作業は、本文の中身が変わらない限り扱える話題が増えないため、順位への影響は小さくなります。変化が出やすいのは、上位ページが答えている論点のうち自分の記事に無いものを見つけて、見出しごと追加する直し方です。
関連記事：HTMLのhタグとは？h1〜h6の使い分けとSEOに効く見出しの作り方
h1からh6の使い分け
ルールとして丸暗記するより、「この見出しは何を宣言しているのか」で判断すると迷いが減ります。段階ごとに、実務での基準を見ていきましょう。
h1はページの主題を1つだけ
h1は、そのページが何についてのページなのかを示します。記事であれば、記事タイトルがh1。1ページに1つへ揃える運用が扱いやすく、MDNもアクセシビリティの観点から複数のh1を置かないよう案内しています。
かつては、セクションごとにh1を置いても階層が自動で解釈される仕組みが提案されていました。ただ、ブラウザや支援技術がその解釈に対応しなかったため、現在は1ページに1つのh1へ揃える方法が推奨されています。複数あるだけでペナルティを受けるわけではないものの、ページの主題が読み取りにくくなる点は変わりません。
なお、titleタグとh1は別物です。titleは検索結果とブラウザのタブに表示される文字列、h1はページを開いた読者が最初に読む見出しになります。同じ文言でも問題はありませんが、titleは検索結果での見え方を優先し、h1は本文の入口として読みやすさを優先する、という書き分けも可能でしょう。
h2は読者が抱く疑問の単位で切る
記事の質を最も左右するのは、h2の切り方です。目安としては、h2は読者が抱く疑問の単位で切ると外しにくくなります。
「hタグ」で検索する人であれば、「そもそも何か」「SEOに関係あるのか」「どう使い分けるのか」「やってはいけないことは何か」という順に疑問が生まれるでしょう。この単位がそのままh2になります。書き手が説明したい順で切ってしまうと、読者が知りたい情報にたどり着くまでの距離が伸びてしまいます。
h3はh2の内側の分岐にとどめる
h3は、h2で提示した話題を分けるための見出しです。h2と並列の話題をh3に置くと、階層と内容が食い違います。判断に迷ったときは「この見出しは、直前のh2の内側の話か」と問い直してください。内側の話でなければ、h2に上げる判断が正解です。
h4以降は必要になったときだけ
h4は、h3の中でさらに手順や具体例を並べる場合に使います。記事の大半はh3までで足ります。h4が並ぶ構成になったときは、そのh2だけで独立した記事にできないかを検討したほうが、読者にとっても検索エンジンにとっても分かりやすい形になるでしょう。
関連記事：h1タグを使わないとどうなる？SEOへの影響と直すべきケースの見分け方
階層構造のルールとやってはいけない使い方
hタグには守るべき順番があります。h1の次はh2、h2の次はh3と、1段ずつ下りていく形。難しいルールではないのですが、CMSの編集画面で見出しを付けていると崩れやすい部分でもあります。まずは避けたい使い方から確認しましょう。
- h1を使わず、h2から記事が始まっている
- h2を飛ばして、h1の直後にh3が来ている
- 文字を小さく見せたいという理由でh4を選んでいる
- 見出しの中身が空になっている（改行や画像だけが入っている）
- 装飾のためにh2を連続させ、本文が1段落も挟まっていない
階層を飛ばした書き方が問題になるのは、検索エンジンが減点するからというより、見出しから復元される構造が実際の内容とずれるためです。h3から始まるセクションは、どのh2に属する節なのかが決まりません。目次を自動生成する機能や支援技術は、この階層をもとに動いているため、正しく処理できなくなります。
公開前には、次の状態になっているかを確認してください。
- h1はページに1つだけで、記事の主題を表している
- h2から順に、階層が1段ずつ下りている
- 見出しだけを上から読んで、記事の内容が推測できる
- 見出しの直後に本文があり、見出しが連続していない
- 装飾目的で選んだ見出しが残っていない
この中で最も見落とされやすいのが3つ目でしょう。見出しだけを上から読んで内容が推測できる状態が合格ラインです。制作の現場では、原稿を提出する前に見出しだけを抜き出して並べ、意味が通るかを確認します。通らなければ、本文をどれだけ整えても読者は迷うため、構成の段階まで戻してください。
検索意図に合う見出し文の作り方
タグの選び方が整ったら、次は見出しに何を書くかです。機械的なルールで決まる部分ではありませんが、手順に落とし込むことはできます。
狙っているキーワードで実際に検索し、上位10ページ程度の見出しを一覧にします。ここで見るのは文言そのものではなく、どの論点が共通して扱われているかです。
複数のページが同じ論点を扱っているなら、その内容は読者が求めている可能性が高いといえます。自分の記事にその論点があるかを確認します。
共通項目だけで構成すると、上位ページと同じ中身の記事にしかなりません。実務で聞かれる質問や、自社だけが持っている判断基準を見出しとして足します。
論点が揃ったら、検索した人の頭に浮かぶ順に並べます。前提の説明が後ろに来ていないか、結論までが遠すぎないかを確認します。
「注意点」より「キーワードを詰め込むと逆効果になる理由」のように、読む前に中身が想像できる文言にします。長さは全角30字前後までが読みやすい範囲でしょう。
キーワードは入れる数より、答えを名指しできているか
見出しにキーワードを含めるべきか、という質問はよく受けます。答えは「自然に入るなら入れる」。検索キーワードは読者が実際に使った言葉であるため、その言葉で見出しが書かれていれば、探している情報だと判断しやすくなります。
一方、すべての見出しに同じキーワードを入れる書き方は避けてください。同じ語が並ぶと、見出しごとの違いが分からなくなります。h2が5つあってすべてに「hタグ」が入っている構成では、どこに答えがあるのか読者が判断できません。キーワードを入れるかどうかより、その見出しが何に答えるのかが伝わるかを優先する判断になります。
見出しの評価は「キーワードが入っているか」ではなく「その見出しの下に、見出しが約束した内容が書かれているか」で決まります。見出しと本文が一致していない記事は、読者の離脱が増えるだけでなく、検索エンジンにも内容を取り違えられます。
見出しの決め方が書き手ごとにばらつく状態を、どう揃えますか
構成づくりは、担当者の経験に依存しやすい工程です。Writers-hubの内製化支援では、見出しの切り方や検索結果の調べ方を社内の型として整理し、担当が替わっても同じ水準で記事を作れる体制づくりからお手伝いしています。
公開前に確認したいhタグの実装
原稿の見出しが正しくても、公開されたページで意図どおりのタグになっているとは限りません。CMSやテーマの仕様によって、見出しが別の階層に置き換えられることがあります。
CMSが自動で付けるhタグに注意する
よくあるのは、サイト名やロゴがh1になっていて、記事タイトルがh2として出力されているケースです。この状態では、記事本文中のh2とタイトルが同じ階層に並び、どれが主題なのか判別できなくなります。
サイドバーの「関連記事」「カテゴリ一覧」といった枠が、h2やh3で出力されている場合もあります。本文と関係のない見出しが混ざると記事の構造が読み取りにくくなるため、テーマの設定で変更できるなら調整しておきたい部分です。
実際の出力を確認する方法
確認は、公開ページのHTMLを直接見るのが確実です。
確認したい記事ページを、実際に公開されている状態でブラウザに表示します。プレビュー画面では、テーマの出力が本番と異なる場合があります。
検証機能を開き、コンソールで見出し要素をまとめて出力すると、実際の階層がそのまま確認できます。
ヘッダー、サイドバー、フッターに含まれる見出しと、本文の見出しを分けて見ます。本文だけを追って階層が通っていれば問題ありません。
コンソールに貼り付けると、ページ内の見出しをタグ名つきで一覧できます。
document.querySelectorAll('h1,h2,h3,h4,h5,h6').forEach(h => console.log(h.tagName, h.textContent.trim()))テーマの都合で、サイト名がh1になっていました。これは直すべきでしょうか。
Writers-hub編集部
記事ページに限れば、記事タイトルをh1にするほうが構造としては正確です。ただ、テーマの改修が必要な場合、優先度は高くありません。それより先に、本文中の見出しが階層どおり並んでいるかを整えたほうが、読者にとっての読みやすさは改善します。
構成づくりに時間がかかり、公開本数が伸びていませんか
見出し設計は、慣れていないと1本あたり数時間かかる工程です。Writers-hubでは、検索結果の調査から構成案の作成、執筆までを一括で担当。まず1本試したいというご相談から承っています。
見出し設計を記事制作のどの工程に置くか
最後に、制作の流れの中で見出しをいつ決めるかについて触れます。ここが、記事1本あたりの手間と品質を分ける工程です。
見出しを決め直すのは本文を書き終えた後ではなく構成の段階です。本文を書いてから見出しを直そうとすると、見出しに合わせて本文も書き換える作業が発生し、確認と差し戻しに時間がかかります。構成の段階で見出しを確定させておけば、書き手は各見出しの下に何を書くかだけに集中できるでしょう。
見出し設計を誰が担当するかによって、必要な工数と品質の安定度は変わります。
| 社内で構成から書く | ライターへ個別に依頼 | 編集体制のある制作会社 | |
|---|---|---|---|
| 構成づくりの工数 | × 調査から自社で負担 | ○ 依頼先に任せられる | ◎ 調査から任せられる |
| 見出しの品質 | △ 担当者の経験次第 | △ 書き手ごとにばらつく | ◎ 編集を通して一定に保てる |
| 業界知識の反映 | ◎ 社内の知見をそのまま | △ 説明の手間がかかる | ○ 取材や資料共有で補える |
| 継続時のコスト | ○ 人件費のみ | ◎ 比較的抑えられる | △ 単価は高くなる |
| 立ち上げの早さ | △ 型づくりが必要 | ○ すぐ始められる | ◎ 初回から形になる |
どの進め方を選ぶにしても、見出しを構成の段階で確定させる工程だけは省かないでください。ここを飛ばした記事は、公開後のリライトで結局作り直すことになり、かけた時間が二重になります。
hタグに関するよくある質問
最後に、見出しの設定でよく寄せられる質問をまとめます。
技術的には複数あってもエラーにはならず、それだけで検索順位が下がるものでもありません。ただ、ページの主題が読み取りにくくなるため、記事ページでは1つに揃える運用を推奨します。
階層の飛びだけで大きく順位が変動することは考えにくいものの、目次の自動生成や支援技術での読み上げが正しく機能しなくなります。読者の利便性に影響するため、順序どおりに並べてください。
使えますが、その場合はalt属性に見出しの文言を入れてください。alt属性が空だと、検索エンジンにも支援技術にも見出しの内容が伝わりません。
仕様上の制限はありません。読みやすさの目安としては全角30字前後まで、長くても40字程度に収めると、目次にしたときも一覧で把握しやすくなります。
使ってはいけないタグではありませんが、通常の記事でh5以降が必要になる場面はほとんどありません。必要になった場合は、記事を分割できないかを先に検討してください。
まとめ
hタグは、本文の階層を検索エンジンと読者に伝えるための要素です。h1が主題、h2が大きな区切り、h3がその内訳という役割を守り、階層を1段ずつ下りていけば、基本的なルールは満たせます。
そのうえで成果に差が出るのは、タグの選び方よりも見出しの文言と並び順でした。読者が疑問を持つ順に見出しが並び、それぞれの見出しの下に約束した内容が書かれている記事は、検索エンジンにも読者にも中身が正しく伝わります。まずは公開済みの記事から見出しだけを抜き出して、上から読んで意味が通るかを確認するところから始めてみてください。
今の記事の構成が、読者の疑問の順に並んでいるか判断できますか
自分が書いた記事の構成が読者の順番になっているかは、書いた本人にはいちばん判断しにくい部分でしょう。合同会社Writers-hubでは、既存記事の見出し構成を確認したうえで、直す優先順位をお伝えする無料相談を行っています。キーワードの選定から構成づくり、執筆までの一貫した支援もご相談いただけます。
