見出しタグ(H1〜H6)とSEO
見出しタグ(H1〜H6)の役割とSEOへの実際の影響を解説します。GoogleとBingでの扱い、複数のH1、見出し順、キーワード、アクセシビリティを扱います。
見出しタグは、ページの内容を構造化するH1〜H6のHTML見出し要素です。Googleは見出しをセクションの内容を示す「非常に強いシグナル」と呼び、検索結果のタイトルリンク生成にもH1を使いますが、多くのSEOツールが示唆するほど大きな順位要因ではありません。Googleでは見出し順はランキングに影響せず、複数のH1も問題ありませんが、BingはH1を1つにすることを推奨しています。百万超のドメインを対象にした私の調査では、H1の欠落と複数H1はいずれも非常によく見られ、影響は小さいものでした。キーワードによる順位操作ではなく、読者とスクリーンリーダーのために意味のある見出しで内容を整理してください。
要点 — 見出しタグは、ページ内で使う
この主張の根拠 HTML heading elements h1 through h6 represent six levels of section headings. 対象範囲: Document structure and accessibility semantics. 信頼度: 高 · 検証日: MDN: Heading elements この主張の根拠 Google can use heading elements as sources when it generates title links. 対象範囲: Title-link generation, not evidence that heading order or count directly determines rankings. 信頼度: 高 · 検証日: Google Search Central: Title links<h1>から<h6>までの HTML 見出しです。H1 は通常ページ全体の主題を示し、H2 と H3 は主要セクションとその下位項目を示します。読者の拾い読みやスクリーンリーダーでの移動を助け、検索エンジンが各部分の話題を理解する手がかりにもなります。SEO に関係する要素ではありますが、多くの監査ツールの警告から受ける印象ほど順位への影響は大きくありません。
HTML の見出しタグとは
ページ上部の大きなタイトルと、その下に並ぶセクション名は、通常見出しタグ(heading tags、業界では header tags とも呼ばれます)で表します。HTML では次のように記述します。
<h1>The main heading of the page</h1>
<h2>A major section</h2>
<h3>A sub-point inside that section</h3>
<h2>Another major section</h2>先に用語を分けておきましょう。見出しタグ(H1〜H6)と<header>要素は別物です。<header>はロゴやナビゲーションなど、ページまたはセクション上部の領域を表す HTML5 のランドマーク/コンテナであり、見出しレベルではありません。
見出しは<h1>から<h6>までの 6 段階です。文書のアウトラインとして考えると、使い分けやすくなります。
- H1 — ページ全体のタイトル、つまり最も大きな主題。
- H2 — 主要セクション。H1の下にある大きな区切りごとに使います。
- H3 — H2内の小項目。文字を大きく見せたいか小さく見せたいかではなく、どのセクションの下に属するかでレベルを選びます。見た目はCSSの仕事です。
- H4〜H6 — さらに深い小項目。ほとんどのページでは必要ありません。
見出しタグはタイトルタグとも異なります。タイトルタグはブラウザーのタブや Google 検索結果のタイトルリンクに使われ、ページ本文には表示されません。H1 はページ内に実際に表示される主見出しです。文言が似ることは多くても、役割の異なる別要素です。
見出しが重要な二つの理由
主な理由は二つで、検索エンジンの理解に直接関係するのはそのうち一つです。
- 人が読みやすくなります。 多くの読者は文章を拾い読みします。明確な見出しがあればページをざっと確認し、必要な部分へ移れます。スクリーンリーダーの利用者は見出しから見出しへ移動してページを読むため、さらに重要です。
- 検索エンジンが内容を理解しやすくなります。 Googleは、見出しをページの各セクションが何について書かれているかを示す*“a really strong signal”*(非常に強いシグナル)と説明しています。明確で説明的な見出しは、その下の話題をGoogleへ伝える助けになります。
よくある四つの誤解
- “You must have exactly one H1 or you’ll get penalized.” (翻訳)「H1は必ず1つでなければペナルティを受ける」— 誤りです。Googleは、H1がなくても5つあっても問題なく順位付けできると述べています。ただしアクセシビリティの観点では、明確なH1を1つ置くのがよい習慣です。
- “Headings have to go in perfect order (H1 → H2 → H3) for SEO.” (翻訳)「SEOのために見出しはH1 → H2 → H3の完全な順序にする必要がある」— Googleは見出し順がランキングに影響しないと説明しています。一方、スクリーンリーダー利用者には重要なので、論理的な順序を保つ価値はあります。
- “More headings = better SEO.” (翻訳)「見出しが多いほどSEOに有利」— 違います。Googleは*“no magical, ideal amount.”* (翻訳)「魔法のような理想数はない」と述べています。内容に必要な数だけ使いましょう。
- “Stuff your keyword into every heading.” (翻訳)「すべての見出しにキーワードを詰め込む」— やめましょう。各セクションを正直に説明する見出しを書いてください。キーワードの詰め込みは役に立たず、質の低い文章にも見えます。
見出しは、まず読者のために内容を整理するものです。構造が明快であれば、検索エンジンに対する役割も自然に果たせます。Google と Bing の発言、調査データ、H1 の個数に関する詳しい説明は Advanced タブで確認できます。
要点 — 見出しタグ(H1〜H6)は実在するものの、影響が限定的なシグナルです。Googleは見出しをセクションの話題に関する*“a really strong signal”*(非常に強いシグナル)と呼び、検索結果のタイトルリンク生成にも
この主張の根拠 HTML heading elements h1 through h6 represent six levels of section headings. 対象範囲: Document structure and accessibility semantics. 信頼度: 高 · 検証日: MDN: Heading elements この主張の根拠 Google can use heading elements as sources when it generates title links. 対象範囲: Title-link generation, not evidence that heading order or count directly determines rankings. 信頼度: 高 · 検証日: Google Search Central: Title links<h1>を使います。一方で、見出し順と見出し数は「重視すべきでないこと」に分類し、複数H1も問題ないと説明しています。Illyesも順序はランキングに影響しないと確認しました。Bingは異なり、H1を1つにするよう勧め、複数使うと価値が下がるとしています。百万ドメイン規模の私の調査では、H1の欠落(59,5%)と複数H1(51,3%)はいずれも広く見られ、影響は小さいものでした。CSSで見出しらしく装飾した文字ではなく、意味のある見出し要素で、読者、スクリーンリーダー、パッセージランキング、スニペットのために内容を構造化してください。キーワードによる順位操作には使わないでください。
見出しタグの定義と、混同しやすい要素
見出しタグは<h1>から<h6>までの HTML 見出し要素で、ページ内容の階層を意味的に表します。H1 が最上位で、通常はページの主見出しです。H2〜H6 はセクションとサブセクションを段階的に示します。本文に表示される点が<title>要素との違いです。タイトルタグは<head>内にあり、ブラウザーのタブや検索結果のタイトルリンクに使われます。文言が重なることはあっても、役割は別です。
HTML 仕様上の正式名称は **heading elements(見出し要素)**です。「header tags」は業界で使われる非公式な呼び方で、Bing の文書でも使われています。いずれも、ロゴやナビゲーションなどページまたはセクション上部の領域を示す<header>要素とは区別してください。これは見出し要素ではありません。
レベルは見た目ではなく構造で選びます。 H1 直下の主要セクションには H2、その H2 に属する下位セクションには H3 を使い、以降も同じ考え方で決めます。文字を大きく、または小さく見せるために見出しレベルを変えるべきではありません。見た目は CSS で調整し、ランクは文書内の実際の入れ子に合わせます。
仕様上の注意点もあります。ブラウザーは、<section>や<article>の入れ子の深さから見出しランクを推測しません。かつて HTML には、たとえば<h1>を二つの<section>の内側に置けば実質的な H3 とみなす「アウトラインアルゴリズム」が提案されていました。しかし実装したブラウザーはなく、2022 年に Living Standard から正式に削除されました。意図するランク(<h1>〜<h6>)を明示し、見出しを入れ子の<section>で囲めば有効レベルが変わるとは考えないでください。変わりません。
Google が見出しを利用する場面
見出しは実際に使われるシグナルですが、それだけで順位を大きく動かすものではありません。主な用途は次のとおりです。
- トピックの理解。 John Muellerは、“A heading is a really strong signal telling us this part of the page is about this topic.” (翻訳)「見出しは、ページのこの部分がこのトピックについて書かれていると伝える非常に強いシグナルです」と述べています。ただしレベルはあまり重要ではなく、“whether you put that into an H1 tag or an H2 tag or H5 or whatever, that doesn’t matter so much” (翻訳)「H1、H2、H5など、どのタグに入れるかはそれほど重要ではない」とも説明しています。役立つのは道しるべとしての見出しです。同時に、“headings on the page are not the only ranking factor that we have.” (翻訳)「ページ上の見出しだけがランキング要因ではない」とも明言しています。
- タイトルリンクの生成。 2021年8月のタイトル生成更新以降、Googleは検索結果に表示するタイトルリンクの主要な情報源の1つとして
<h1>要素を使っています。明確で目立ち、ページ固有のH1はGoogleにタイトルを書き換えられる可能性を下げ、H1の欠落や曖昧さはその可能性を高めます。 - パッセージランキング。 見出しと段落が整理されていれば、Googleは長いページを解析可能な区間に分け、個別のパッセージとして識別しやすくなります。混乱した構造や深すぎる入れ子は、その処理を難しくします。
- 強調スニペット。 H2/H3の質問や番号付き手順など、見出しで区切られた内容は、Googleがリストや表のスニペットとして抽出しやすい形式です。構造がその材料になります。
一方、Google の SEO Starter Guide は見出し順や個数を “things we believe you shouldn’t focus on” (翻訳)「重視すべきではないと考えること」に分類しています。特に重要なのは次の二文です。
“Having your headings in semantic order is fantastic for screen readers, but from Google Search perspective, it doesn’t matter if you’re using them out of order.” (翻訳)「見出しを意味的な順序にすることはスクリーンリーダーにとって非常に有益ですが、Google 検索の観点では順序が前後していても問題ありません。」
“There’s also no magical, ideal amount of headings a given page should have. However, if you think it’s too much, then it probably is.” (翻訳)「ページに置くべき見出しに魔法のような理想数はありません。ただし、多すぎると感じるなら、おそらく多すぎます。」
Gary Illyesは2024年7月のSEO Office Hoursでも順序に関する見解を再確認し、見出し順を警告するSEOツールよりStarter Guideの説明を支持しました。“from Google Search perspective, it doesn’t matter if you’re using them out of order,” (翻訳)「Google検索の観点では順序が前後していても問題ない」と述べ、さらに*“the web at large isn’t valid HTML code, so Google Search rarely relies on the semantic meanings hidden in the HTML specification.”* (翻訳)「ウェブ全体は妥当なHTMLコードではないため、Google検索がHTML仕様に隠れた意味論へ依存することはほとんどない」と説明しています。Google以外のツールが何かを警告しても、“that doesn’t make it relevant for Google.” (翻訳)「それだけでGoogleに関係する問題になるわけではない」とも述べました。
複数の H1:Google は許容し、Bing は一つを推奨
ここは、Google と Bing の見解が最も明確に分かれる点です。
Googleは同じ趣旨を繰り返し述べています。Muellerは、“You can use H1 tags as often as you want on a page. There’s no limit, neither upper or lower bound,” (翻訳)「ページではH1タグを好きなだけ使えます。上限も下限もありません」とし、“your site is going to rank perfectly fine with no H1 tags or with five H1 tags.” (翻訳)「H1がなくても5つあってもサイトは問題なく順位付けされる」と説明しました。「Ask Google Webmasters」の動画でも、“Our systems don’t have a problem when it comes to multiple H1 headings on a page. That’s a fairly common pattern on the web.” (翻訳)「ページに複数のH1見出しがあってもシステム上の問題はなく、ウェブではかなり一般的なパターンだ」と述べています。さらに、システムは*“styled pieces of text without semantic HTML at all.”* (翻訳)「意味的なHTMLをまったく使わず装飾されたテキスト」にも対応するとしています。したがって、GoogleのランキングではH1の数は問題になりません。
Bingは反対の立場です。従来からのウェブマスター向け文書ではページごとにH1を1つ使うよう勧め、複数使うと “diminishes the value of the <h1> tag” (翻訳)「H1タグの価値を弱める」としています。その根拠として、“there’s supposed to be only one big idea per page.” (翻訳)「1ページには大きな主題が1つだけあるはずだ」と説明しています。Bing Webmaster Toolsは複数H1を検出しますが、エラーではなく優先度の低いNoticeです。Bingを重視するなら、H1を1つにするのが安全な初期設定です。
両者の見解が重なるのは、検索順位とは別に、アクセシビリティのためにはページごとに明確な H1 を一つ置くのが扱いやすいという点です。スクリーンリーダー利用者は見出しを使って文書内を移動するため、複数の H1 はアウトラインを理解しにくくする場合があります。これが「H1 は一つ」という慣習を支える実務上の理由です。
大規模調査で見えた実態
よくあるテクニカルSEOの問題 を調べるために百万超のドメイン(1 002 165件)を分析したところ、見出しに関する2つの結果が目立ちました。どちらも安心材料です。
- 59,5%のサイトに、H1がないか空のページがありました。 当時の私の見解では、H1の欠落は軽微な問題です。代わりにH2でテキストが囲まれているなら、なおさらです。通常は簡単に直せますが、大きな影響は期待しません。
- 51,3%のサイトに、複数のH1を持つページがありました。 現代のHTMLでは複数H1が許され、Googleも問題ないと説明しています。H1になっている各見出しが本当にページに関係するかは確認すべきですが、重大な問題とは考えていません。
つまり、監査ツールが最も大きく警告する2つの見出し問題は、ウェブ全体の半数超に存在し、どちらも有意なランキング上の懸念ではありません。H1変更で順位が上がったという事例の多くは、同時にページ上部へキーワードを含む文章を追加した(目立ちやすさを変えた)ためであり、H1要素自体が理由ではない、と私は以前から率直に述べています。H1を装飾した<span>へ置き換えても、ランキングへの影響はほぼないでしょう。
これは「見出しが役に立たない」という意味ではありません。キーワードで順位を操作する手段としての効果は限定的でも、読者、スクリーンリーダー、スニペット、パッセージ処理のための構造としては重要です。
見出しにキーワードを入れるときの考え方
自然に使ってください。見出しは直後のセクションを説明するものなので、そのセクションが対象トピックについて書かれていれば、キーワードは自然に入ります。避けるべきなのは、すべての見出しへ完全一致の語句を無理に入れることです。相関データではむしろ逆で、上位ページほどH1へ完全一致キーワードを詰め込む傾向がわずかに低くなっています。Muellerの言い方を思い出してください。見出しの役目は「ページのこの部分はこのトピックについて書かれている」と知らせることであり、キーワードを入れる枠になることではありません。
H1とタイトルタグを一致させる必要もありません。この点を尋ねられたIllyesは、“No, just do whatever makes sense from a user’s perspective.” (翻訳)「いいえ、ユーザーの観点から自然な形にしてください」と答えています。文言がある程度重なるのは自然ですが、完全一致は要件ではありません。
意味的な見出しと、CSS で見出し風にした文字
見出しに関する多くの助言が見落とす点です。見出しのように見えるテキストが、必ずしも見出しとは限りません。<div class="section-title">Big Bold Text</div>は<h2>と同じ見た目にできますが、構造的な意味を持たず、クローラーへのシグナルにもスクリーンリーダーの移動先にもなりません。Googleは視覚的に目立つテキストを読み取れることがあります(タイトルリンク生成の入力の1つです)が、一般的な見出しシグナル、パッセージランキング、アクセシビリティのためには、本物の意味的な<h>要素を使うべきです。CMSではエディターではなくテーマやテンプレートが出力を制御する場合があり、エディターで見出しとして入力しても、テンプレートによっては装飾された段落として出力されます。確認する価値があります。
見出し順とアクセシビリティを分けて考える
混同されやすい二つの問いを切り分けます。
- Googleのランキングでは: 順序は問題になりません(Starter GuideとIllyesの説明を参照)。H2からH4へ飛んでもランキングは下がりません。Martin Splittの言い方では、構造を変えても*“you didn’t structure it better, you didn’t structure it worse, you just structured it differently.”* (翻訳)「より良くも悪くも構造化したのではなく、単に違う形で構造化しただけ」です。
- アクセシビリティでは: 順序は非常に重要です。WebAIMの調査によれば、スクリーンリーダー利用者の大多数は見出しでページ内を移動します。論理的なH1 → H2 → H3のアウトラインがそれを可能にします。W3Cも同じ理由で見出しレベルを飛ばさないよう推奨しています。従うべき強いオーサリング指針ですが、レベルを飛ばしただけで自動的にWCAG違反になるわけではありません。1.3.1(情報及び関係性)などの達成基準に違反するかは、「飛びはすべて違反」という一律のルールではなく、ページごとの評価で決まります。修正すべき実際の問題として扱いつつ、評価なしに適合違反と断定しないでください。
実務では、アクセシビリティのために明快で論理的な階層を保ちつつ、SEO ツールの見出し順警告をランキング問題として過大評価しないことです。Google は順序自体をランキングに使わないと説明しています。
JavaScript で後から表示される見出し
クライアント側JavaScriptの実行後にだけ現れる見出しも通常はインデックス登録されますが、Googleの2段階レンダリングを経るため遅れることがあります。タブのクリックやアコーディオンの展開など、ユーザー操作後にしか現れない見出しは、Googleがクリックしないためインデックス登録されない可能性があります。検索流入が必要なページでは、見出し構造をサーバーレンダリングまたは静的HTMLに含めてください。このレンダリングの詳細はJavaScript SEOで扱います。
実務向けベストプラクティス
- 原則としてページごとにH1を1つ使います。主な理由はアクセシビリティとBingであり、Googleは個数を問題にしていません。
- セクション整理にはH2/H3を使い、内容が本当に深く入れ子になる場合だけH4〜H6を使います。多くのページでは不要です。
- セクションを説明する見出しを書き、完全一致キーワードを詰め込まず自然に含めます。
- CSSで見出し風にしたdiv要素ではなく、本物の意味的な
<h>タグを使います。 - Googleが要求しなくても、スクリーンリーダーのために論理的な階層を保ちます。
- 重要な見出しはJavaScriptだけに任せず、サーバーレンダリングHTMLに含めます。
- 既存サイトの見出し修正をランキング施策として扱わないでください。Muellerも*“if you have an existing site, fixing this isn’t going to change your site’s rankings.”* (翻訳)「既存サイトでこれを修正しても、サイトのランキングは変わらない」と述べています。得られるのは明瞭さとアクセシビリティの改善です。
次に確認する関連記事
この記事はH1〜H6全体の概要です。H1タグの記事では、H1固有のベストプラクティス、H1を1つにする議論、H1がタイトルリンク生成へ与える情報を詳しく扱います。複数のH1タグの記事では、HTML5のセクショニングコンテンツから生じる「SEOに悪影響があるか」という問いに絞ります。H1と混同されやすいhead要素についてはタイトルタグ、オンページ全体についてはOn-Page SEOのピラーを参照してください。
AI 向け要約
Advanced タブの要点をまとめると、次のとおりです。
- 見出しタグはH1〜H6のHTML見出し要素で、ページ内容を構造化します。head要素内にあり検索結果のタイトルリンクへ使われる
<title>要素とは別の意味的マーカーです。 - 実在するが影響は限定的なシグナルです。 Muellerは見出しをセクションの話題に関する*“a really strong signal”* (翻訳)「非常に強いシグナル」と呼びましたが、レベルはそれほど重要ではなく、見出しは*“are not the only ranking factor.”* (翻訳)「唯一のランキング要因ではない」とも説明しています。
- **Googleの「重視すべきでないこと」には、見出し順と見出し数が含まれます。Googleは”no magical, ideal amount.” (翻訳)「魔法のような理想数はない」と説明し、Illyesも2024年7月に順序はランキングに影響しないと確認しました。
- H1はタイトルリンクの情報源です。 2021年8月の更新以降、Googleは検索結果のタイトルリンク生成で
<h1>を主要な情報源の1つとして使います。明確なH1はタイトルを書き換えられる可能性を下げます。 - 複数H1: Googleは上限なしとして問題視しません。Bingは1つを推奨し、複数では*“diminishes the value.”* (翻訳)「価値を弱める」とします。アクセシビリティのためには、どちらの場合もH1を1つにするのが適切です。
- Patrickによる百万ドメイン規模の調査: 59,5%のサイトにH1欠落、51,3%に複数H1がありました。どちらも非常に一般的で影響は小さい問題です。
- 意味構造は見た目より重要です。 見出し風の
<div>に構造的なシグナルはありません。クローラーとスクリーンリーダーのために本物の<h>タグを使います。 - キーワード: 詰め込まず自然に使います。H1とタイトルタグを一致させる必要はありません。Illyesは*“do whatever makes sense from a user’s perspective”* (翻訳)「ユーザーの観点から自然な形にする」と述べています。
- JavaScript見出しはインデックス登録が遅れることがあり、操作後だけ表示される見出しは登録されない可能性があります。重要な見出しはサーバーレンダリングHTMLに含めます。
- 結論: 読者とアクセシビリティのために構造化し、見出しをキーワードによる順位操作に使わないでください。
公式ドキュメント
見出しに関する検索エンジンの一次資料をまとめました。
- SEO スターターガイド:「重視すべきでないこと」 — 見出し順と「魔法のような理想数はない」という説明。
- 検索結果のタイトルリンクに影響を与える — タイトルリンク生成の情報源として
<h1>要素を挙げています。 - ウェブページのタイトル生成方法の更新(2021 年 8 月) — 見出しテキストをタイトル生成へ取り入れた更新。
- タイトルに関する追加情報(2021 年 9 月) — 約 87% で
<title>を使い、残りでは見出しや目立つテキストを使うという続報。 - 有用で信頼性の高い、人を第一に考えたコンテンツの作成 — コンテンツ意図のシグナルとしての主見出し。
- 2024 年 7 月 SEO オフィスアワー — 見出し順は Google にとって問題ではないという Illyes の説明。
Bing / Microsoft
- Bing ウェブマスター向けガイドライン — 各段落の内容を Bing が理解する助けになる要素として
<h1>〜<h6>を挙げています。 - SEO を意識したコンテンツ設計(SEM 101) — ページごとに H1 を一つ使うという Bing の指針と、Bingbot が見出しを「HTML より XML に近い形」で読むという説明。
情報源からの引用
Google と Bing の記録された発言です。リンクできる場合は、情報源内の該当箇所へ直接移動します。
Google — シグナルとしての見出し
- “A heading is a really strong signal telling us this part of the page is about this topic.” (翻訳)「見出しは、ページのこの部分がこのトピックについて書かれていると伝える非常に強いシグナルです。」— John Mueller、Google。 記事を読む
- “Whether you put that into an H1 tag or an H2 tag or H5 or whatever, that doesn’t matter so much.” (翻訳)「H1、H2、H5 など、どのタグに入れるかはそれほど重要ではありません。」— John Mueller、Google(2020 年)。
- “Headings on the page are not the only ranking factor that we have.” (翻訳)「ページ上の見出しだけがランキング要因ではありません。」— John Mueller、Google(2020 年)。
Google — 見出し順と個数
- “Having your headings in semantic order is fantastic for screen readers, but from Google Search perspective, it doesn’t matter if you’re using them out of order.” (翻訳)「見出しを意味的な順序にすることはスクリーンリーダーにとって非常に有益ですが、Google 検索の観点では順序が前後していても問題ありません。」— Google Search Central、SEO Starter Guide。 引用箇所へ移動
- “from Google Search perspective, it doesn’t matter if you’re using them out of order.” (翻訳)「Google 検索の観点では、順序が前後していても問題ありません。」— Gary Illyes、Google(2024 年 7 月のオフィスアワー)。 引用箇所へ移動
Google — 複数のH1
- “You can use H1 tags as often as you want on a page. There’s no limit, neither upper or lower bound.” (翻訳)「ページでは H1 タグを好きなだけ使えます。上限も下限もありません。」— John Mueller、Google(2019 年)。
- “Your site is going to rank perfectly fine with no H1 tags or with five H1 tags.” (翻訳)「H1 タグがなくても、五つあっても、サイトは問題なく順位付けされます。」— John Mueller、Google(2019 年)。
- “Our systems don’t have a problem when it comes to multiple H1 headings on a page. That’s a fairly common pattern on the web.” (翻訳)「ページに複数の H1 見出しがあってもシステム上の問題はありません。ウェブではかなり一般的なパターンです。」— John Mueller、Google、Ask Google Webmasters(2019 年)。
Google — H1とタイトルタグ
- “No, just do whatever makes sense from a user’s perspective.” — Gary Illyes, Google。タイトルタグをH1と一致させる必要があるかという質問への回答(2024年6月)。 (翻訳)「いいえ、ユーザーの観点から自然な形にしてください。」 引用箇所へ移動
Bing — ページごとにH1を1つ
- “Only use only one
<h1>tag per page… you diminish the value of the<h1>tag if you use more than one.” (翻訳)「ページごとにH1タグは一つだけ使ってください。複数使うとH1タグの価値が弱まります。」— Rick DeJarnette、Bing Webmaster Center(2009 年)。 - “
<H1>–<H6>Header tags – Define the structure of your page and helps Bing understand the content of each paragraph.” (翻訳)「H1〜H6 の見出しタグはページ構造を定義し、各段落の内容を Bing が理解する助けになります。」— Bing Webmaster Guidelines。
H1〜H6 早見表
各見出しレベルの役割、一般的な使い方、よくある誤りをまとめます。
| レベル | 目的 | 一般的な使い方 | Googleの見解 | よくある間違い |
|---|---|---|---|---|
| H1 | ページの主見出し/主題 | ページごとに1つ(ベストプラクティス) | 固定されたランキング上の重みはない。検索結果のタイトルリンク生成にも使われる | 完全な欠落、テンプレート再利用による複数H1、ロゴやパンくずへの使用、曖昧で一般的な文言 |
| H2 | ページの主要セクション | ページごとに複数 | 固定式はなく、他のレベルと同様にトピックのシグナルとして扱われる | 完全一致キーワードの詰め込み、H1を使うべき位置での使用 |
| H3 | H2内のサブセクション | 内容に必要な数 | 固定式はない | 上位のH2なしでH3へ飛ぶ(アウトラインを分かりにくくする) |
| H4 | さらに深い小項目 | まれ。上位ページの約8%が使用 | 固定式はない | 過度な入れ子、構造ではなく見た目の文字サイズのために使う |
| H5 | 非常に深い入れ子 | 非常にまれ(上位ページの2%未満) | 固定式はない | ほぼ不要で、過剰な構造化の兆候であることが多い |
| H6 | 最も深いレベル | 非常にまれ(上位ページの2%未満) | 固定式はない | H6が必要ならアウトライン自体を再検討する |
Google の公式資料は、H1〜H6 に対するレベル別の重み付け式、キーワード数、必要な見出し数を公表していません。見出し数は明示的に「重視すべきでないこと」に分類されています。各レベルを順位操作の段階としてではなく、読者と検索エンジンへ文書構造を伝える手段として使ってください。
早見表
- Google: 見出し順はランキングに影響せず、理想的な見出し数もありません。複数H1は問題なく、H1は2021年8月以降、検索結果のタイトルリンク生成へ使われます。
- Bing: H1を1つにすることを推奨し、複数では価値が下がると説明します。複数H1を優先度の低いNoticeとして検出し、見出しを*“more like XML than HTML.”* (翻訳)「HTMLよりXMLに近い形で」読みます。
- アクセシビリティ: H1を1つにし、論理的な順序を守り、レベルを飛ばさないことが「整った階層」を勧める本当の理由です。
- 意味構造と見た目: 見出し風の
<div>は見出しではなく、クローラーやスクリーンリーダーへの構造的なシグナルもありません。本物の<h>タグを使ってください。 - 私の百万ドメイン規模のデータ: 59,5%のサイトにH1欠落、51,3%に複数H1があり、どちらも一般的で影響は小さいものでした。
レンダリング後の見出し構造を確認する
ブラウザーの DevTools で Console を開き、次のコードを実行します。
[...document.querySelectorAll('h1,h2,h3,h4,h5,h6')].map(h => ({level: Number(h.tagName[1]), text: h.textContent.trim(), visible: !!(h.offsetWidth || h.offsetHeight || h.getClientRects().length)}));1段階を超えるレベル飛びを検出する
const hs = [...document.querySelectorAll('h1,h2,h3,h4,h5,h6')]; hs.map((h,i) => ({heading: h.textContent.trim(), from: i ? Number(hs[i-1].tagName[1]) : null, to: Number(h.tagName[1])})).filter(x => x.from && x.to > x.from + 1);レベルの飛びは構造を見直す合図であり、自動的な SEO エラーではありません。読者と支援技術にとって文書構造が理解しやすいかを確認してください。
理解度チェック:見出しタグ
参考になる資料
私の関連記事
- 百万超のドメインから調べた、よくあるテクニカルSEOの問題 — H1の欠落と複数H1を含む私の一次データ。
- H1タグとは?SEOのベストプラクティス — H1に絞った詳しい解説。
- Header Tags glossary — 短い定義。
- On-Page SEO: A Practical Guide — オンページSEO全体における見出しの位置付け。
他の執筆者による資料
- Google:見出しタグは強いシグナル (Search Engine Journal)— Mueller の「非常に強いシグナル」という発言の解説。
- Google が H1〜H6 の SEO 上の扱いを説明 (Search Engine Journal)— 2024 年 7 月の Illyes による「順序は問題ではない」という説明。
- 見出しタグの使い方:SEO のベストプラクティス (Search Engine Journal)— 強調スニペットのヒントを含む H1〜H6 の実践ガイド。
- Google が H1 は重要でないと言うなら、なぜ使うのか (Search Engine Land)— ランキング以外で H1 を重視する理由。
- Google の Martin Splitt が語る意味的 HTML と検索 (Search Engine Journal)— 構造の違い自体に優劣はないという説明。
- サイトで見出しを使う方法 (Yoast)— WordPress の文脈を含む、CSS で装飾した文字と意味的な見出し要素の違い。
- H1 タグのランキング要因調査 (Rankability、2026 年)— 上位ページにおける H1 の有無、複数 H1、キーワード使用のデータ。
- 見出し、SEO、アクセシビリティ (Natzir Turrado)— 担当者発言、HTML5、アクセシビリティをまとめた解説。
- WebAIM スクリーンリーダー利用者調査 — 見出しで移動する利用者行動の根拠。
変更履歴
2026年9月8日に更新。
編集概要と記録された変更の詳細。概要
見出しタグの技術的説明、引用訳、公式資料、実務向け文言を自然な日本語へ再生成しました。
変更の詳細
-
原文の主張、数値、URL、コード、EvidenceNote、引用境界、MDX 構造を維持しました。
-
原文引用の直後に日本語訳を配置し、英語資料名を日本語の表示名へ整えました。
完全な比較は利用できません — この改訂の以前のスナップショットがアーカイブされていません。
2026年9月7日に更新。
編集概要と記録された変更の詳細。概要
保護対象のコードと数値表現を英語ソースの構造へ戻し、欠けていた引用原文と日本語訳を復元して、改訂来歴を修正しました。
変更の詳細
-
ソースにないインラインコードとHTTPステータス扱いになる数字を除き、本文、要約、チートシート、リソースの日本語表現を自然に整えました。
-
GoogleとBingに帰属する3つの引用を原文どおりに復元し、直後に日本語訳と帰属を示しました。
-
英語ソースから継承した改訂履歴をsourceRevisionとして記録し、OpenAI / gpt-5.6-sol / high / Codex Sol workerによるローカル改訂と区別しました。
完全な比較は利用できません — この改訂の以前のスナップショットがアーカイブされていません。
2026年9月7日に更新。
編集概要と記録された変更の詳細。概要
壊れた擬似日本語と英日混在文を記事全体で置き換え、現行の英語ソースに固定した自然な日本語へ全面的に復旧しました。
変更の詳細
-
本文、見出し、表、リソース説明を自然な日本語に直し、EvidenceNote、URL、コード、数値、引用原文、MDXコンポーネント境界を維持しました。
-
Translation Memory、コンポーネントテキスト、構造台帳の来歴をOpenAI / gpt-5.6-sol / medium / Codex Sol workerへ同期し、公開無効・隔離・ネイティブレビュー待ちを維持しました。
完全な比較は利用できません — この改訂の以前のスナップショットがアーカイブされていません。
2026年7月18日に更新。
編集概要と記録された変更の詳細。概要
H1からH6へSEO上の重みが段階的に下がるかのような表現を修正し、見出しレベルの飛びに関するアクセシビリティ上の主張を限定し、レビューで指摘された用語、レベル選択ルール、アウトラインアルゴリズムの説明を追加しました。
変更の詳細
-
チートシートの「SEO上の重み」を「Googleの見解」に置き換え、Googleはレベル別の重み付け式、キーワード数、必要な見出し数を公表していないと明記しました。
-
見出しレベルの飛びはWAIの強いオーサリング指針に反するものの、個別評価なしにWCAG 1.3.1違反と断定できないよう表現を修正しました。
-
見出しレベルは文字サイズではなくセクションの入れ子に合わせるという判断ルールと、HTMLのアウトラインアルゴリズムが2022年に仕様から削除された説明を追加しました。
-
見出しタグとheader要素の違いを初級レンズのH1〜H6の説明より前へ移しました。
完全な比較は利用できません — この改訂の以前のスナップショットがアーカイブされていません。