見出し構造とは、h1〜h6の6段階のタグを使って、文書の階層関係を機械にも読み取れる形で表す仕組みです。h1をページ全体の主題とし、h2で章、h3でその詳細というように親から子へ順番に入れ子にすることで、検索エンジンや生成AI、スクリーンリーダーが内容を正しく把握できます。本記事では、h1〜h6の役割と正しい作り方、SEO・AI検索・アクセシビリティでの効果、やりがちな間違いと自己点検の方法までを、初心者でも実装できる形で解説します。
- 見出し構造とは何か（h1〜h6の階層の意味）
- SEO・AI検索・アクセシビリティに効く理由
- 正しい作り方とやりがちな間違いの直し方
見出し構造とは、h1〜h6で文書の階層を機械可読に示す仕組みで、見た目ではなく文書構造でレベルを決めるのが本質です。正しく組めば検索エンジンとAIが内容を把握しやすく、スクリーンリーダーの拾い読みも可能になります。まずはh1を1つにし、レベルをスキップしないだけで大きく改善します。
見出し構造とは？h1〜h6で文書の階層を機械可読に表す仕組み
見出し構造とは、h1〜h6という6段階の見出しタグを使い、文書の階層関係を機械が読み取れる形で表現する仕組みです。本のタイトル・章・節にあたる関係をHTMLで示すことで、検索エンジンやAIがどこに何が書かれているかを理解できます。
見出し要素はh1が最も大きな見出しで、数字が大きくなるほど下位の小見出しとして機能します。この階層イメージを押さえることが、正しい見出し構造の第一歩です（switch itmaker）。
見出し構造の定義（本のタイトル・章・節にあたる階層イメージ）
見出し構造は、ページ全体をひとつの文書として捉え、その骨組みを階層で示したものです。見出し構造とは文書のアウトラインをh1〜h6で表現し、機械にも人にも構成が伝わるようにした設計です。本でいえばh1が書名、h2が章、h3が節にあたります。この対応関係を意識すると、どこにどのレベルを置くべきかが自然に決まります。
h1〜h6の6段階と「数字が大きいほど下位」という意味
見出しはh1〜h6の6段階で、h1が最上位、h6が最下位です。数字が大きくなるほど重要度の低い小見出しとして機能し、上位の見出しの内容を細かく分けていく役割を持ちます。h1を起点にh2、h3と順に枝分かれさせることで文書の階層が明確になります。この6段階を正しく使い分けることが、読みやすさと機械可読性の両立につながります。
「見た目の装飾」と「見出し構造」は別物
文字を太字や大きなサイズにしても、それだけでは見出しにはなりません。HTMLで見出しとしてマークアップしていなければ、ブラウザや支援技術にとっては単なる本文の一部です。見出しはh1〜h6でマークアップした上で、見た目はCSSで指定するのが正しい順序です。装飾と構造を切り分けて考えることが、評価される見出しの前提になります（weba11y）。
見出し構造の設計では、業種や商材ごとに最適な組み方が変わります。TechSuite株式会社の「AI検索パートナーズ」は、生成AIが引用・推薦する仕組みを構造化データや意味的文脈の観点から技術的に捉え、見出しやアウトラインの設計まで一次情報として踏み込んで支援しています。
見出しは飾りではなく文書の骨組み。装飾と構造を分けて考えるのが出発点になりますね。
なぜ見出し構造が重要？SEO・AI検索・アクセシビリティの効果は？
見出し構造が重要なのは、SEO・AI検索・アクセシビリティの3つに同時に効くからです。クローラーはページを均等に読むわけではなく、見出しを基準にテーマとトピックを把握します。整った構造は機械にとっての道しるべになります。
特に近年はAI検索での情報抽出にも直結するため、見た目だけを整える段階から一歩進んだ設計が求められています。ここでは3つの効果を分けて整理します。
SEO効果でクローラーがテーマを把握しやすくなる理由は？
クローラーは見出しタグの情報を基準にページ内容を解析します。h1をメインテーマ、h2やh3でどんなトピックが含まれるかを読み取るため、階層が整っているほど正確にテーマが伝わります。見出しにキーワードを自然に含めるとテーマとの関連付けが強まり評価につながります。ただし機械的な詰め込みは逆効果になるため注意が必要です（switch itmaker）。
AI検索（AIO/LLMO）で情報抽出に効くのはなぜ？
生成AIはユーザーの質問への答えをページ内から直接探すため、見出しで整理された構造が正確な情報抽出に役立ちます。見出しで情報をグループ化するとAIがどのセクションに何が書かれているか理解しやすくなります。結果としてAI検索の回答に採用されやすくなります。LLMOとは何かを理解しておくと、この仕組みへの対応がより明確になります。
アクセシビリティでスクリーンリーダーに効く理由は？
h1〜h6でマークアップすると見出しがマシンリーダブルになり、スクリーンリーダーの見出しジャンプ機能が使えます。利用者はHキーで見出しだけを拾い読みしたり、数字キーで特定レベルだけをたどったりできます。見出しの文書構造化はWCAG2.0の達成基準1.3.1に関わる基本要件です。誰にとっても内容にたどり着きやすい設計になります（WAIC）。
これら3つの効果は、露出だけでなく成果に結びついてこそ意味を持ちます。TechSuite株式会社の「AI検索パートナーズ」は、AI検索経由での受注率が従来のSEO経由の約3倍という水準を軸に、順位や露出ではなく受注という成果に直結させる設計を重視しています。
見出し構造は検索・AI・支援技術の三方向に効く投資。整えるほど届く範囲が広がります。
AI検索パートナーズでは、
AIに”選ばれる”ための戦略設計から実行まで支援！
h1〜h6それぞれの役割と正しい使い分けは？
h1はページの主題、h2は章、h3は詳細、h4以下は補足という役割分担が基本です。上位から下位へ内容を細分化していく関係を守ることで、読み手も機械も構成を追いやすくなります。
多くのページはh2とh3だけで構成されており、無理に深い階層を作る必要はありません。各タグの役割を具体的に見ていきます。
h1はページの主題（1ページに1つ）
h1はページ全体のテーマを示す大見出しで、原則1ページに1つだけ配置します。すべての見出しの起点として先頭に置くことで、検索エンジンやAIにトピックを正しく伝えられます。h1はtitleタグと同じ文章でも問題なく、多くのサイトが両者を同一にしています。まずはh1がページの主題を一言で表せているかを確認しましょう。
h2は章・目次にあたる中見出し
h2はh1の主題を構成する章にあたる中見出しです。記事の目次を作ったときに並ぶ大きな区切りが、そのままh2になるイメージです。h2だけを拾い読みしても記事全体の流れが伝わる構成が理想です。読者が読みたい章へ素早く移動できる導線としても機能します。
h3はh2を詳しく説明する小見出し
h3はh2の内容をさらに細かく分ける小見出しで、章の中の節にあたります。ひとつのh2に2〜4個のh3を置き、論点ごとに区切ると読みやすくなります。h3は必ずh2の下に置き、h1やページ全体に直接ぶら下げないようにします。この親子関係を守ることが階層の一貫性につながります。
h4〜h6は補足や例（h5以下は極力使わない）
h4〜h6は補足や例題など、さらに細かい情報を示すための予備的なタグです。コンテンツ作成では基本的にh2〜h4で構成し、h5以下は使わないのが無難とされています。階層が深くなるほど読者が今どこを読んでいるか分からなくなります。深掘りが必要なときは、章の分け方自体を見直すほうが効果的です（PLAN-B）。
役割の使い分けは、業種やコンテンツの性質によって最適解が変わります。TechSuite株式会社の「AI検索パートナーズ」は、テンプレート施策ではなく業種・規模・商材・課題に合わせてすべて顧客ごとに個別設計し、サイトやコンテンツの構造を捉えて改善策を提示し実行まで伴走しています。
h1は主題、h2は章、h3は節。この対応を覚えるだけで迷いがぐっと減ります。
AI検索パートナーズでは、AIに”選ばれる”ための戦略設計から実行まで一気通貫で支援！
AI検索パートナーズでは、AI検索の専門知識と支援実績を持つ専任コンサルタントが、AIに“引用される・選ばれる”ための戦略設計からコンテンツ最適化、効果測定・改善まで一気通貫でご支援いたします。
ご興味のある方は、ぜひ資料をダウンロードして詳細をご確認ください。
正しい見出し構造の作り方は？4つの基本ルール
正しい見出し構造は、h1を1つにする・レベルをスキップしない・見た目でなく構造で決める・見出しだけで内容が伝わる、という4つのルールで作れます。どれも特別な知識は不要で、順番に確認するだけで整います。
ここでは、初心者でもすぐ実践できる4つのルールを具体例とともに解説します。作成前にこの型を頭に入れておくと、後からの修正が最小限で済みます。
ルール1：h1は1ページに1つだけにする
h1はページの主題を示す唯一の大見出しとして、1ページに1つだけ配置します。複数のh1があると、どれがメインテーマか機械が判断しづらくなります。h1が2つ以上ある場合は、ひとつを残して他をh2に格下げするのが基本です。CMSのテンプレートが自動でh1を出力していないかも合わせて確認しましょう。
ルール2：親から子へ順番に入れ子にする
見出しはh1→h2→h3と、親から子へ順番に入れ子にします。h2の次にいきなりh4を使うようなレベルのスキップは避けます。h2セクションの小見出しには必ずh3を使い、h4やh5に飛ばさないことが大切です。h3→h2→h4のような順序の乱れも、階層の整合性を崩すため注意が必要です（weba11y）。
ルール3：見た目の大きさでなく文書構造で決める
見出しレベルは文字の大きさで選ぶのではなく、文書構造上の位置で決めます。小さく見せたいからh4にする、といった選び方は誤りです。レベルは階層関係で決め、大きさや色はCSSで別途調整するのが正しい考え方です。この原則を守ると、見た目を変えても構造は崩れなくなります。
ルール4：見出しだけ読んで内容が伝わる階層にする
完成したら見出しだけを抜き出して読み、それだけで内容の流れがつかめるか確認します。目次として成立していれば、階層は正しく組めています。見出しを拾い読みして話の筋が通るかどうかが、良い構造かの実用的な判断基準です。読者もAIも、まず見出しから全体像を把握するためです。
基本ルールを守った上で、コンテンツの中身まで一貫して質を高めることが成果につながります。TechSuite株式会社の「AI検索パートナーズ」は、技術的アプローチを担う人材とAIを活用したコンテンツ制作人材が一つのチームで連携し、戦略設計から技術実装・制作・効果測定・改善までを一気通貫で支援しています。
作成前に確認したい見出し構造の基本チェックです。
- h1はページに1つだけになっているか
- h2の下は必ずh3から始めているか
- 見た目でなく階層でレベルを決めているか
- 見出しだけで内容の流れが伝わるか
4つのルールは覚えやすい順番。作る前にこの型を通すだけで手戻りが減りますよ。
見出し構造でやりがちな間違いとチェック方法は？
やりがちな間違いは、装飾目的で見出しを使う・レベルをスキップする・キーワードを詰め込む・見出しが曖昧、の4つです。いずれも自己点検で発見でき、アウトラインを書き出して階層を組み直せば修正できます。
ここでは代表的な間違いと、公開後でも使えるチェック方法を紹介します。まず自分のページを開いて、見出しだけを抜き出してみることから始めましょう。
装飾目的で見出しを使ってしまう間違い
文字を目立たせたいという理由だけでpタグに大きな文字のCSSをあてたり、画像で見出しを作ったりすると、機械には見出しとして認識されません。強調したい箇所は太字などで装飾し、見出しは階層上必要な箇所にだけh要素で置きます。逆に本来見出しにすべき箇所をpタグのままにしていないかも確認が必要です。
レベルをスキップ・キーワードを詰め込む間違い
h2の次にh4を使うレベルのスキップや、順位を上げたい一心でのキーワード詰め込みはよくある失敗です。無意味なキーワードの詰め込みはスパムと認識される恐れがあり逆効果になります。長すぎる見出しや、何の話か分からない曖昧な見出しも避け、簡潔で内容が一目で分かる表現に整えましょう（PLAN-B）。
見出し構造をチェックする方法とツールは？
見出し構造は、hタグ抽出ツールや見出し構造チェッカーを使うと一覧で確認できます。ブラウザの開発者ツールで見出しだけを抽出する方法もあります。まずh1の数を数え、次にレベルの飛びがないかを上から順にたどるのが基本の点検手順です。問題が見つかったら、アウトラインを紙やメモに書き出して階層を組み直すと確実です。LLMO対策のチェックリストも合わせて確認すると、AI検索への対応度を総合的に点検できます。
公開後のページを継続的に点検し、AI検索での引用状況まで見ていくには専門的な視点が有効です。TechSuite株式会社の「AI検索パートナーズ」は、自社サイトでAI Share of Voiceが高水準にあり、支援事例でAI Overviewの引用率を改善した実績をもとに、構造の見直しから改善までを支援しています。
| チェック項目 | 良い状態 | 直したい状態 |
|---|---|---|
| h1の数 | 1ページに1つ | 複数ある/存在しない |
| 階層 | 順番に入れ子 | レベルをスキップ |
| レベル判断 | 文書構造で決定 | 見た目の大きさで決定 |
| 表現 | 簡潔で明確 | 曖昧/詰め込み/長すぎ |
間違いは点検で必ず見つかります。まず見出しだけ抜き出してアウトラインを確かめましょう。
よくある質問
見出し構造について、運営者やライターから寄せられやすい疑問をまとめました。TechSuite株式会社の「AI検索パートナーズ」は、検索意図や想定質問の分解に沿って高品質なコンテンツを設計するノウハウを持ち、こうした疑問への実装レベルの回答を支援しています。
- h1を複数設置するのはNGですか
原則としてh1はページに1つが基本です。複数あるとメインテーマが機械に伝わりにくくなるため、主題を示す1つだけを残し、他はh2に格下げすることをおすすめします。
- hタグの数に上限はありますか。h2とh3だけで構成してもいいですか
h1は1つですが、h2〜h6の数に上限はありません。長いページではh2が5〜15個になることもあります。多くのページはh2とh3だけで構成されており、それで十分な場合も多いです。
- 見出しにキーワードは必ず入れるべきですか
キーワードを機械的に入れるだけで順位が上がるわけではありません。ユーザー理解を助ける自然な形で含めるのが大切で、無意味な詰め込みはスパムと見なされる恐れがあり逆効果になります。
- 見出しに画像を使ってもいいですか
画像そのものは機械に見出しとして認識されません。使う場合はh要素でマークアップした上で画像を配置し、代替テキストで内容を補うなど、構造として見出しであることを保つ工夫が必要です。
まとめ
見出し構造とは、h1〜h6の6段階で文書の階層を機械可読に表す仕組みです。h1を主題として1つ置き、h2で章、h3で詳細と親から子へ順番に入れ子にし、見た目ではなく文書構造でレベルを決めることが基本になります。
正しい構造はSEOでのテーマ伝達だけでなく、AI検索での情報抽出やスクリーンリーダーでの拾い読みにも効きます。まずは自分のページを開き、h1の数とレベルの飛びを点検してみてください。
見出しだけを読んで内容の流れが伝われば、構造は整っています。装飾と構造を切り分け、読者とAIの双方に届く見出しを組み立てていきましょう。
参考にした情報源
