h1・h2・h3の違いと使い方｜見出しタグの構成例と確認方法

h1〜h6 の使い分けを、先に表にまとめます。

数の目安は暖簾AIの整理です。Google は見出しの数に決まった正解は無いとしています（3つ目の章で説明します）。

このページでは、見出しタグをh1＝ページの題、h2＝章、h3＝章の中の節として整理します。検索結果の題名の候補となるtitleタグの設定は、見出しの構造とは別に確認します。見出しの構造を確認したい方はこのまま読み、検索結果の題名を直したい方はタイトルタグの記事へ進んでください。

検索結果の題名を設定するtitleタグの付け方 →

見出しタグ（h1〜h6）とは？何のためにある？

見出しタグは、h1 から h6 までの6段階で、文章の題・章・節の関係を示す HTML の要素です。文字の大きさを決めるものではなく、「ここから何の話が始まるか」を示す印です。見た目の大きさは CSS で決めます。

見出しを使うのは、主に次の3者です。

• 読む人：見出しを拾い読みして、必要な所だけを読みます。
• 画面の読み上げソフトを使う人：見出しの一覧を出して、読みたい章へ移動します。デジタル庁のガイドブックは、長い文章の途中に見出しがあると内容を推測しやすくなり、読み上げソフトの見出し一覧の機能で読み飛ばすこともできると説明しています（出典：デジタル庁『ウェブアクセシビリティ導入ガイドブック』2025年）。
• 検索エンジン：Google は、検索結果の見出し（タイトルリンク）を決める情報の1つに「<h1> 要素などの見出し要素」を挙げています（出典：Google 検索セントラル『Google 検索結果のタイトルリンク（見出し）の変更』2025年）。

見出しはアクセシビリティの規格にも入っています。日本産業規格 JIS X 8341-3:2016 と同じ内容の WCAG 2.0 には、達成基準1.3.1「情報及び関係性」（レベルA：提示されている情報・構造・関係性がプログラムで解釈できる）、2.4.6「見出し及びラベル」（レベルAA：見出し及びラベルは、主題又は目的を説明している）、2.4.10「セクション見出し」（レベルAAA）があります（出典：ウェブアクセシビリティ基盤委員会『WCAG 2.0 日本語訳』）。総務省の「みんなの公共サイト運用ガイドライン（2024年版）」によると、JIS X 8341-3:2016 の達成基準は61項目（レベルA 25、AA 13、AAA 23）で、公的機関に求められるレベルAA の準拠には、このうちA とAA の38項目を満たす必要があります（出典：総務省『みんなの公共サイト運用ガイドライン（2024年版）』）。

h1が無い・2つ以上あるサイトはどれくらい？863件の調査

暖簾AIの調査（2026年10月、中小事業者のサイト863件）で、トップページの HTML にある h1 の数を数えると、次のとおりでした。ちょうど1つのサイトは576件（66.7%）でした。

作成ツール別に見ると、h1 が無い割合には差がありました。ただし Wix・Jimdo は件数が少ないため、傾向を見る程度にとどめてください。

出典：暖簾AI調べ（2026年10月、中小事業者のサイト863件のトップページ。作成ツールは generator の表示と WordPress 特有のファイルの有無から判定し、Studio の6件は表から除いた）

調査の対象は、全国の遺品整理・生前整理・片付けなどを手がける事業者団体の公開名簿に載る1,069社の公式サイトです。重複を除いた1,061件のうち、2026年10月15日にトップページを取得できた863件を集計しました。1つの業種の事業者団体の名簿から抽出したため、全業種の平均とは異なる可能性があります。判定はトップページのみ・機械的なもので、下層ページの設定は含みません。

この判定は、取得した時点の HTML に h1 要素があるかを数えたものです。JavaScript で後から見出しを表示する作りのサイトは、画面には大見出しが見えていても、h1 が無いと数えられている可能性があります。

h1 が無くなるのは、たとえばロゴやキャッチコピーを大きな文字や画像で見出しのように見せているだけで、見出しタグを使っていない場合です。h1 が2つ以上になるのは、ロゴと各セクションの題の両方に h1 を使っている場合などです。どちらも画面の見た目では区別できないため、この記事の最後の章の方法で HTML を確かめます。

h1は1ページに1つにすべき？Googleの説明は？

Google は SEO スターターガイドの「Google が重要でないと考えること」の中で、見出しの数や順序について次のように書いています（出典：Google 検索セントラル『SEO スターター ガイド』2025年）。

見出しを意味的な順番にすることは、スクリーン リーダーにとっては素晴らしいことですが、Google 検索にとっては順番どおりに使われていなくても問題ありません。（中略）また、ページごとに魔法の見出し数や理想的な見出し数といったものが存在することもありません。

つまり、h1 が2つあるだけで検索に出なくなるわけではありません。一方で、タイトルリンクの説明では、よく見られる問題として「明確なメインタイトルがない」を挙げています。1つのページに同じスタイルまたは同じ見出しレベルの大見出しが2つ以上あると、Google は最初の見出しをタイトルリンクに使うことがあり、ページの大見出しは他のテキストと区別でき、最も目立つ見出しにすることを勧めています。例として、タイトルのテキストをページで最初に目立つ h1 要素に置くことが挙げられています（出典：Google 検索セントラル『Google 検索結果のタイトルリンク（見出し）の変更』2025年）。

出典：Google 検索セントラル『SEO スターター ガイド』（2025年12月更新）、『Google 検索結果のタイトルリンク（見出し）の変更』（2025年12月更新）。「おすすめの対応」は暖簾AIが整理

Google 検索のためだけなら細かい順番は問われませんが、読む人と読み上げソフトの利用者にとっては、主題の h1 が1つあり、h2・h3 が順番どおりのほうが分かりやすくなります。実務では「h1 はページに1つ」を基本にするのが迷いのない方法です。ページの題は title とも揃えておくと、検索結果とページの印象がずれません。title の付け方はタイトルタグ（title）の付け方と文字数で扱っています。

見出しの正しい付け方は？5つの決まり

デジタル庁の「ウェブアクセシビリティ導入ガイドブック」は、見出しを「必ず達成しなければならないもの」の1つに挙げ、次の点を求めています（出典：デジタル庁『ウェブアクセシビリティ導入ガイドブック』2025年）。

1. 見出しだけで、その章の中身が分かるようにする：見出しが「リスト」だけでは、何のリストか分かりません。
2. 大見出し・中見出し・小見出しの順に、見出しのレベルを付ける：h1 の下に h2、h2 の下に h3 の順です。
3. 見出しの要素を空にしない：画像だけの見出しにする場合は、画像の文字と同じ代替テキストを付けます。
4. 強調や文字を大きくするために見出しの要素を使わない：大きく見せたいだけの文は、CSS で大きくします。
5. 長い文章には途中に見出しを入れる：見出しが無いと、必要な部分だけを拾い読みできません。

小さな会社のサイトでよく見る誤りと直し方をまとめます。

直し方は、デジタル庁『ウェブアクセシビリティ導入ガイドブック』の見出しと代替テキストの項目をもとに暖簾AIが整理

見出しはアクセシビリティの取り組みの中でも、費用をかけずに直せる項目です。障害者差別解消法との関係など、アクセシビリティ全体の話はホームページのアクセシビリティで扱っています。

見出しの構成はどう作る？小さな会社のページの例

見出しは、ページを書く前に「目次」として並べておくと、抜けや重なりに気づけます。たとえば、地域で遺品整理を手がける会社のサービスのページなら、次のような構成になります。

• h1：○○市の遺品整理
• h2：遺品整理でお受けすること
• h2：遺品整理の料金はいくら？
• 　h3：間取り別の料金の目安
• 　h3：追加の費用がかかる場合
• h2：ご依頼から作業までの流れ
• h2：遺品整理のよくある質問
• h2：対応している地域とお問い合わせ

作るときのコツは3つです。

• h2 は読む人の疑問に合わせる：「料金はいくら？」「何日かかる？」のように、問いの形の見出しの直後に答えを書くと、探している人が答えにすぐたどり着けます。このガイドの記事も、章の見出しの半分以上を問いの形にしています。よくある質問のページの作り方はよくある質問（FAQ）ページの作り方で扱っています。
• 見出しにはサービス名や地域名を自然に入れる：JIS X 8341-3:2016 と同じ内容の WCAG 2.0 の達成基準2.4.6は、見出しが主題又は目的を説明していることを求めています。「料金」より「遺品整理の料金」のほうが、見出しだけで中身が分かります。ただし、同じ言葉を繰り返し詰め込むのは逆効果です。Google はキーワードの乱用をスパムに関するポリシーの違反としています。
• トップページの h1 は「何の店か」を表す：トップページは、ロゴやキャッチコピーではなく、「○○市の遺品整理・生前整理 ○○サービス」のように、業種と地域と店名が分かる文を h1 にします。

見出しタグはどう確かめる？

見た目では見出しタグかどうかが分からないため、HTML を確かめます。

1. パソコンのブラウザでページを開き、ページのソースを表示します（Chrome なら Windows は Ctrl＋U、Mac は Option＋Command＋U）。
2. Ctrl＋F（Mac は Command＋F）で <h1 を探し、いくつあるかと、中の文字を確かめます。続けて <h2・<h3 も探し、順番が飛んでいないかを見ます。
3. デジタル庁のガイドブックは、Windows 用の無料の読み上げソフト NVDA で「NVDA キー＋F7」を押して見出しの一覧を表示し、見出しが過不足なく出ているかを確かめる方法や、Chrome の拡張機能「HTML5 Outliner」で HTML のアウトラインを確かめる方法を紹介しています。
4. 直すときは、WordPress なら見出しブロックの設定で見出しのレベル（H2・H3 など）を選び直します。ロゴやサイト名がテーマの設定で h1 になっている場合は、テーマの設定や作った会社に確かめます。
5. 直したページは、Google Search Console の「URL 検査」で「インデックス登録をリクエスト」しておきます。

トップページだけを手早く確かめたいときは、暖簾AIの無料診断で URL を入れると、大見出し（h1）があるかを含めて、タイトル・説明文・画像の説明文などを項目ごとに確かめられます。画像を使った見出しの代替テキストは画像のalt属性とは？代替テキストの書き方と空欄にする画像の判断を参考にしてください。