コラムColumn

h1タグとは?SEO効果と正しい使い方、titleタグとの違いや注意点を解説

「h1タグはSEOにどれくらい影響するのか」「h1は1ページに1つでなければいけないのか」「titleタグと同じ文言でよいのか」と迷うWeb担当者は少なくありません。h1タグは、ページの主題を検索エンジンと読者の両方に伝える、最も重要な見出しです。

一方で、h1タグについては古い情報や誤解も多く、「h1にキーワードを入れれば順位が上がる」「h1が2つあるとペナルティを受ける」といった説が今も見られます。正しく設定するためには、Googleの公式な説明を踏まえて理解しておくことが大切です。

本記事では、h1タグの意味とtitleタグとの違い、SEO効果、1ページに使う数の考え方、効果的な書き方、設定と確認の方法、避けるべき使い方、既存ページのh1を見直すポイントまでを順番に解説します。

確認したいポイント結論詳細
h1タグのSEO効果は?主題を伝える土台で単独で順位は動かない検索エンジンと読者がページの主題を理解しやすくなり、titleタグの代わりに検索結果のタイトルリンクに使われることもあります。
h1タグは1ページに1つにすべき?Googleは数を重視しないが1つが基本見出しの数や順序で順位は決まりませんが、主題を明確にし読者に分かりやすくするため、実務では1ページに1つが推奨されます。
h1タグはどう書けばよい?キーワードを自然に含めtitleと主題をそろえる検索意図に合う主題を簡潔に示し、ページ最上部に最も目立つ見出しとして置きます。ページごとに固有の内容にしましょう。

h1タグとは?ページの主題を示す最上位の見出し

h1タグとは、HTMLでページの見出しを表すタグのうち、最も上位の見出しを示すタグです。ページ全体で何について書かれているのかを、一言で示す役割を持っています。

ここでは、h1タグの基本と、h2やh3との役割の違い、混同されやすいtitleタグとの違いを整理します。

見出しタグの中で最上位に位置する

HTMLの見出しタグには、h1からh6までの6種類があり、数字が小さいほど上位の見出しになります。h1は、そのうち最上位にあたる見出しです。HTMLでは、次のように記述します。

<h1>h1タグとは?SEO効果と正しい使い方</h1>

ブログ記事であれば記事のタイトル、サービスページであればサービス名や提供する価値を表す見出しが、h1にあたるのが一般的です。h1は、ページを開いた読者が最初に目にする、最も大きな見出しとして表示されることが多くなります。

h2・h3との役割の違い

h1がページ全体の主題を示すのに対して、h2はページの中の大きな区切り(章)を、h3はh2の中の小さな区切り(節)を示します。本にたとえると、h1が本のタイトル、h2が章、h3が節のような関係です。

h1でページの主題を示し、h2とh3でその主題を分解して説明する構造にすると、読者も検索エンジンも内容を理解しやすくなります。記事の構成の考え方は「SEOライティングの基本」でも解説しています。

titleタグとの違い

h1タグと混同されやすいのが、titleタグです。titleタグは、HTMLのhead要素の中に記述し、検索結果のタイトルやブラウザのタブに表示される文言を指定するタグです。ページの本文には表示されません。

h1タグは、ページの本文の中に表示される見出しです。titleタグは「検索結果で選んでもらうための文言」、h1タグは「ページを開いた読者に主題を伝える見出し」と考えると、違いが分かりやすくなります。

どちらもページの主題を示すものであるため、内容が大きく食い違わないように設定することが大切です。両者の関係については、書き方の見出しで詳しく解説します。

h1タグのSEO効果

h1タグは、SEOにおいて重要な要素の1つとされています。ただし、その効果は「h1を変えれば順位が上がる」という単純なものではありません。h1の役割を正しく理解し、ページ全体の分かりやすさを高めるために使うことが大切です。

h1を変えるだけで順位が大きく上がるわけではない

h1タグにキーワードを入れたり、文言を変えたりするだけで、検索順位が大きく上がることは期待できません。Googleは、ページの本文や構造、ほかのページからの評価など、多くの情報をもとに順位を決めています。

h1タグは単独で順位を動かす要素ではなく、titleタグや見出しの構成、本文とあわせてページの主題を伝える要素の1つと捉えましょう。h1だけを調整しても、本文が検索意図に応えていなければ評価は高まりません。

検索エンジンがページの主題を理解しやすくなる

h1タグに、ページの主題が分かりやすく書かれていると、検索エンジンはそのページが何について書かれているのかを把握しやすくなります。

h1、h2、h3の見出しと本文の内容が一貫していると、ページのテーマが明確になり、検索された言葉との関連性も伝わりやすくなります。h1は、ページの内容を正しく評価してもらうための土台となる要素です。

読者がページの内容をすぐに把握できる

検索結果からページを開いた読者は、最初に目に入る見出しを見て、自分の探している情報がありそうかを判断します。h1に検索した内容と合う主題が書かれていれば、読者は安心して読み進められます。

反対に、h1と検索した内容が食い違っていると、読者はすぐにページを離れてしまいます。読者の期待と一致するh1を設定することは、読者の満足度を高め、問い合わせなどの成果につなげるうえでも大切です。

読み上げ機能を使う読者にも内容が伝わる

目の不自由な人などが使うスクリーンリーダー(画面の読み上げ機能)では、見出しを順にたどってページの内容を把握したり、読みたい部分に移動したりできます。

h1でページの主題が示され、h2とh3で内容が整理されていると、読み上げ機能を使う読者も迷わずに情報へたどり着けます。見出しを正しく使うことは、SEOだけでなく、誰にとっても使いやすいページを作ることにもつながります。

検索結果のタイトルリンクに使われることがある

検索結果に表示されるページのタイトル(タイトルリンク)は、Googleが自動で決めています。Google検索セントラルのタイトルリンクに関するページでは、titleタグのテキストだけでなく、ページの主な見出しやh1などの見出し要素も、タイトルリンクを決める情報源になると説明されています。

titleタグがページの内容を正しく表していない場合、Googleがh1などの見出しをもとにタイトルリンクを書き換えることがあります。意図しない文言で表示されないよう、h1にもページの主題を正確に書いておきましょう。検索結果でのクリック率の考え方は「SEOにおけるCTRとは?」で解説しています。

h1タグは1ページに1つ?複数使う場合の考え方

h1タグの数については、「1ページに1つでなければいけない」という説と、「複数あっても問題ない」という説があります。Googleの公式な説明と、実務での推奨を分けて理解しておくことが大切です。

Googleは見出しの数や順序を重視していない

Google検索セントラルのSEOの基本に関するページでは、Googleが重要ではないと考えることの1つとして、見出しの数や順序が挙げられています。見出しを意味の順番どおりに使うことはスクリーンリーダーにとって望ましい一方で、Google検索にとっては順番どおりでなくても問題ないと説明されています。

ページごとに理想的な見出しの数があるわけではないとも説明されており、h1が複数あることだけを理由に、ペナルティを受けたり順位が下がったりすることはないと考えられます。GoogleのJohn Mueller氏も、過去の公式な質疑応答の場で、h1を複数使ってもランキング上の問題はないという趣旨の発言をしています。

それでも1ページに1つが推奨される理由

Googleが数を重視していないとはいえ、実務では1ページに1つのh1を設定するのが一般的です。h1が1つであれば、ページの主題が1つに定まり、読者にも検索エンジンにも何のページなのかが明確に伝わります。

h1が複数あると、どれが本当の主題なのかが分かりにくくなります。スクリーンリーダーを使う読者にとっても、見出しの構造が整理されているほうが内容を把握しやすくなります。SEOの順位のためではなく、ページの分かりやすさを保つために、h1は1ページに1つを基本とするのがおすすめです。

意図せずh1が複数になっているケースもある

WordPressなどのCMSでは、使っているテーマの仕様によって、サイトのロゴやサイト名がh1として出力されている場合があります。この場合、記事のタイトルのh1とあわせて、1ページにh1が2つ存在することになります。

意図せずh1が複数になっている場合は、ロゴやサイト名のタグをh1以外に変更できないか、テーマの設定を確認しましょう。テーマのファイルを直接編集する場合は、更新時に変更が消えないよう、子テーマを使うなどの配慮が必要です。

【h1を含むサイトの内部構造を見直したい方へ】
「自社サイトの見出しやタグの設定が正しいか分からない」という方に向けて、合同会社楽々Editではサービス内容や支援実績を整理した資料をご用意しています。社内での検討資料としてご活用ください。
→ サービス資料を無料でダウンロードする

SEOに効果的なh1タグの書き方

h1タグは、読者と検索エンジンの両方にページの主題を伝えるための見出しです。キーワードを入れることだけを目的にせず、ページを開いた読者に「探していた情報がここにある」と伝わる文言にすることが大切です。ここでは、h1を書くときの5つのポイントを紹介します。

対策キーワードを自然に含める

h1には、そのページで上位表示を目指すキーワードを含めましょう。検索した人が使った言葉が見出しにあると、読者は自分の探している情報だと判断しやすくなります。

キーワードは、できるだけ見出しの前半に、文章として自然な形で入れるのがポイントです。

たとえば「h1タグ」を狙うページであれば、「h1タグとは?SEO効果と正しい使い方を解説」のように、キーワードを冒頭に置き、その後にページで分かることを続けます。「SEOで成果を出すために知っておきたい見出しの話」のように、キーワードを含まない見出しは、主題が伝わりにくくなります。

キーワードの選び方は「ブログのキーワードの選び方」で紹介しています。

ページの内容を簡潔に表す

h1の文字数に、決まった上限はありません。ただし、長すぎる見出しは要点が伝わりにくく、短すぎる見出しはページの内容を十分に表せません。

ページで答える内容が一目で分かる長さに収めることを意識し、titleタグとそろえる場合は30〜40文字程度を目安にすると、検索結果でも省略されにくくなります。

titleタグと内容をそろえる

h1とtitleタグは、どちらもページの主題を示すものです。両者の内容が大きく異なると、検索結果を見てクリックした読者が、期待と違うページだと感じてしまいます。

h1とtitleタグは同じ文言にするか、同じ主題を示す近い文言にするのが基本です。titleタグには検索結果で選ばれるための補足を加え、h1はページ内での読みやすさを優先して少し短くするなど、役割に合わせた調整は問題ありません。

検索意図に合わせて主題を決める

h1を考える前に、狙うキーワードで検索する人が何を知りたいのかを確認しましょう。たとえば「h1タグ」で検索する人の多くは、意味や使い方、SEOへの影響を知りたいと考えられます。

検索意図に合った主題をh1で示し、その答えを本文で提供することで、読者にも検索エンジンにも評価されるページになります。検索意図の調べ方は「検索意図の分析方法」で詳しく解説しています。

ページの最上部に最も目立つ見出しとして置く

h1は、ページの本文の最上部に、ほかの見出しよりも大きく目立つ形で配置しましょう。Googleのタイトルリンクに関する説明でも、メインの見出しはほかのテキストと区別できるようにすることが推奨されています。

デザインの都合でh1をh2より小さく表示すると、読者が主題を見落としやすくなります。h1が最も目立つ見出しになっているかを、パソコンとスマートフォンの両方で確認しておきましょう。

h1タグの設定方法と確認方法

h1タグの設定方法は、サイトの作り方によって異なります。設定した後は、意図したとおりにh1が出力されているかを必ず確認することが大切です。

HTMLで設定する

HTMLでページを作成している場合は、body要素の中の、本文の最上部にh1タグを記述します。h1の後には、h2、h3と、内容に合わせて見出しを続けます。

<h1>ページの主題を示す見出し</h1>

<h2>大きな区切りの見出し</h2>

<h3>小さな区切りの見出し</h3>

見出しタグは文字を大きくするためではなく、文章の構造を示すために使うものです。文字の大きさや色はCSSで調整しましょう。

WordPressで設定する

WordPressでは、多くのテーマで、投稿や固定ページのタイトルが自動的にh1として出力されます。そのため、本文の見出しはh2から使い始めるのが基本です。

本文の中で「見出し1」を選ぶと、タイトルとあわせてh1が2つになってしまうため注意しましょう。テーマやページビルダーによっては、タイトルがh1にならない場合もあるため、実際のページで確認することが大切です。

ブラウザでh1を確認する

公開したページのh1は、ブラウザで確認できます。Google Chromeであれば、ページを右クリックして「ページのソースを表示」を選び、「h1」で検索すると、h1タグの数と内容を確認できます。

JavaScriptで表示される内容は、ページのソースに表示されない場合があります。その場合は、右クリックから「検証」を選び、開発者ツールの画面でh1を検索すると、実際に表示されている内容を確認できます。

ツールで複数のページを確認する

ページ数が多いサイトでは、1ページずつ確認するのは大変です。見出しの構造を一覧で表示できるブラウザの拡張機能や、サイト全体を巡回してh1の有無や重複を調べるツールを使うと、効率よく確認できます。

h1がないページ、h1が複数あるページ、ほかのページと同じh1を使っているページを一覧で把握できれば、修正の優先順位を決めやすくなります。サイト全体のチェック方法は「SEOチェックのやり方」で紹介しています。

【見出しやタグの設計から成果につながるSEOを支援します】
「h1やtitleの設定は整えたが、順位や問い合わせにつながらない」という方に向けて、楽々EditのSEOコンサルティングでは、内部構造の分析からキーワード設計、コンテンツの改善までを一貫して支援します。順位ではなく問い合わせや売上をゴールにした設計が特長です。
→ SEOコンサルティングの詳細を見る

避けるべきh1タグの使い方

h1タグは、使い方を誤るとページの主題が伝わりにくくなったり、Googleのポリシーに違反したりするおそれがあります。次のような使い方をしていないか、自社サイトを確認しましょう。

ロゴやサイト名を全ページのh1にする

すべてのページで、ロゴやサイト名をh1にしていると、どのページを開いてもh1が同じ内容になります。これでは、各ページが何について書かれているのかを、h1で示すことができません。

h1は、ページごとの主題を示すために使い、ロゴやサイト名には別のタグを使うのが基本です。トップページでサイト名がそのままページの主題になる場合は、ロゴをh1にしても問題ありません。

文字を目立たせるためにh1を使う

本文の中で強調したい部分を目立たせるために、h1タグを使うのは避けましょう。見出しではない文章をh1にすると、ページの構造が分かりにくくなります。

文字を大きくしたり目立たせたりしたい場合は、見出しタグではなく、CSSや太字などの装飾で対応することが大切です。

h1を非表示にする

デザインの都合で、h1を画面に表示せず、CSSで隠しているサイトもあります。しかし、読者には見えないテキストを検索エンジンにだけ見せる行為は、Googleのスパムに関するポリシーで禁止されている「隠しテキスト」とみなされるおそれがあります。

h1は、読者にも見える形でページの最上部に表示するのが原則です。デザインを優先したい場合も、h1の文字の大きさや配置を工夫して対応しましょう。

キーワードを詰め込む

「SEO対策 東京 SEO会社 SEOコンサル 格安」のように、h1にキーワードを並べるのは避けましょう。読者にとって意味の分かりにくい見出しになるだけでなく、キーワードの詰め込みとして、スパムと判断されるおそれがあります。

h1は、キーワードを並べる場所ではなく、ページの主題を文章として伝える場所です。キーワードは1つの見出しに自然に含め、関連する言葉はh2やh3、本文で使いましょう。

複数のページで同じh1を使う

似た内容のページを量産する際に、h1を使い回してしまうケースがあります。複数のページが同じh1を持っていると、読者も検索エンジンも、それぞれのページの違いを判断しにくくなります。

h1はページごとに固有の内容にし、各ページで何が違うのかを明確に示しましょう。内容が似たページが多い場合の考え方は「重複コンテンツとは?SEOへの影響」で解説しています。

画像だけのh1にする

h1を、文字の入った画像だけで表現しているサイトもあります。画像の場合、検索エンジンや読み上げ機能は画像の中の文字を読み取りにくく、主題が正しく伝わらないおそれがあります。

h1はできるだけテキストで記述し、画像を使う場合は、画像の内容を表すalt属性を必ず設定しましょう。画像だけのh1は、文言を修正するたびに画像を作り直す必要があり、運用の手間も増えます。

既存ページのh1を見直すときのポイント

すでに公開しているページのh1を見直すことで、読者の満足度や検索結果でのクリック率の改善につながる場合があります。変更の前後で数値を比較し、効果を確認しながら進めましょう。

検索語句と主題がずれているページを探す

Google Search Consoleで、ページごとに表示されている検索語句を確認しましょう。h1やtitleタグで示している主題と、実際に表示されている検索語句がずれている場合は、見直しの候補になります。

表示回数が多いのにクリック率が低いページは、検索した人の期待とh1やtitleタグの内容が合っていない可能性があります。検索語句に合わせて主題の表現を見直し、本文の内容もあわせて確認しましょう。

テンプレートで作ったページのh1を確認する

店舗ごとや地域ごとのページ、商品ページなどをテンプレートで作成している場合、h1の一部だけを差し替えた似た見出しが並びがちです。「〇〇市の外壁塗装」のように地域名だけを変えたh1は、本文の内容も似ていると、ページごとの違いが伝わりにくくなります。

テンプレートで作ったページは、h1だけでなく、本文にもそのページならではの情報が含まれているかをあわせて確認しましょう。地域ごとの実績や事例、よくある相談など、ページ固有の内容を加えることで、h1で示した主題に説得力が生まれます。

変更後は検索結果と数値を確認する

h1やtitleタグを変更しても、検索結果に反映されるまでには時間がかかります。変更した日付を記録しておき、数週間後に検索結果での表示やクリック率、順位の変化を確認しましょう。

すでに上位に表示されているページのh1を大きく変えると、評価が変動する可能性もあるため、変更は必要な範囲にとどめることが大切です。記事全体の改善の進め方は「コンテンツリライトの方法」で紹介しています。

【自社サイトの見出しやタグの改善点を無料で診断します】
「h1やtitleの設定が正しいか確認したい」「どのページから改善すべきか知りたい」という方は、楽々Editの無料相談をご活用ください。サイトの現状と競合の状況を確認し、成果につながる改善策をご提案します。
→ 無料相談を申し込む

まとめ

h1タグは、ページの主題を示す最上位の見出しです。titleタグが検索結果で選んでもらうための文言であるのに対し、h1はページを開いた読者に主題を伝える見出しであり、両者は同じ主題を示すようにそろえることが大切です。

Googleは見出しの数や順序を重視していないと説明していますが、ページの分かりやすさを保つために、h1は1ページに1つ、対策キーワードを自然に含めて、ページの最上部に最も目立つ形で設定するのが基本です。ロゴの全ページh1化や非表示、キーワードの詰め込み、使い回しは避けましょう。

h1を変えるだけで順位が大きく上がるわけではありません。検索意図に合ったh1で主題を示し、その答えを本文でしっかり提供することが、検索エンジンと読者の両方に評価されるページへの近道です。