見出しタグ(H1〜H6)とSEO

見出しタグ(H1〜H6)の役割とSEOへの実際の影響を解説します。GoogleとBingでの扱い、複数のH1、見出し順、キーワード、アクセシビリティを扱います。

見出しタグは、ページの内容を構造化するH1〜H6のHTML見出し要素です。Googleは見出しをセクションの内容を示す「非常に強いシグナル」と呼び、検索結果のタイトルリンク生成にもH1を使いますが、多くのSEOツールが示唆するほど大きな順位要因ではありません。Googleでは見出し順はランキングに影響せず、複数のH1も問題ありませんが、BingはH1を1つにすることを推奨しています。百万超のドメインを対象にした私の調査では、H1の欠落と複数H1はいずれも非常によく見られ、影響は小さいものでした。キーワードによる順位操作ではなく、読者とスクリーンリーダーのために意味のある見出しで内容を整理してください。

要点 — 見出しタグ(H1〜H6)は実在するものの、影響が限定的なシグナルです。Googleは見出しをセクションの話題に関する*“a really strong signal”*(非常に強いシグナル)と呼び、検索結果のタイトルリンク生成にも<h1>を使います。一方で、見出し順と見出し数は「重視すべきでないこと」に分類し、複数H1も問題ないと説明しています。Illyesも順序はランキングに影響しないと確認しました。Bingは異なり、H1を1つにするよう勧め、複数使うと価値が下がるとしています。百万ドメイン規模の私の調査では、H1の欠落(59,5%)と複数H1(51,3%)はいずれも広く見られ、影響は小さいものでした。CSSで見出しらしく装飾した文字ではなく、意味のある見出し要素で、読者、スクリーンリーダー、パッセージランキング、スニペットのために内容を構造化してください。キーワードによる順位操作には使わないでください。

この主張の根拠 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〜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のピラーを参照してください。

専門家メモを追加

専門家の引用を固定

新しい人物ですか?まず、 /admin/experts/ → 専門家の引用を固定 から未登録プロフィールを作成してください。