h1タグとは？SEOで正しい使い方と書き方のポイントを解説

Webページを作るときに必ず登場する「h1タグ」は、ページの見出しを示す重要なHTML要素です。何気なく設定してしまいがちですが、SEOとユーザビリティの両面で大きな役割を果たします。本記事では、h1タグの基本から、SEOとの関係、titleタグとの違い、正しい使い方と書き方のポイントまでをわかりやすく解説します。

h1タグとは

h1タグとは、HTMLで見出しを表すタグ（h1～h6）のうち、最も上位に位置する大見出しです。「h」はheading（見出し）の略で、数字が小さいほど上位の見出しを意味します。つまりh1はそのページが「何についてのページなのか」を示す、ページ全体のタイトルにあたる見出しです。

見出しタグは、文章の構造を表すために階層的に使います。h1をページの大見出しとし、その下に中見出しのh2、その中の小見出しのh3……というように、本の「タイトル→章→節」のような階層で整理されます。

h1タグとtitleタグの違い

h1タグと混同されやすいのがtitleタグです。どちらも「ページのタイトル」に関わりますが、表示される場所と役割が異なります。

• titleタグ：検索結果の見出しやブラウザのタブに表示されるタイトル。ページを開く前のユーザーや検索エンジンに向けた、外向きのタイトルです。
• h1タグ：ページを開いたときに本文の先頭に表示される大見出し。実際にページを訪れたユーザーに向けた、内向きの見出しです。

両者の内容は近いものになることが多いですが、完全に同じにする必要はありません。titleは検索結果でのクリックを意識してキーワードを含めつつ魅力的に、h1はページを開いた人が内容を把握しやすいように、というように、それぞれの役割に合わせて最適化するのが基本です。

h1タグがSEOに与える影響

Googleは、h1を含む見出しタグを、ページの内容や構造を理解する手がかりの一つとして利用しています。h1にページのテーマを端的に表す言葉を入れることで、そのページが何について書かれているかを検索エンジンに伝えやすくなります。

ただし、「h1にキーワードを入れれば順位が上がる」といった直接的な効果を過度に期待するのは適切ではありません。Googleは見出しを手がかりとして使いますが、順位はコンテンツ全体の質や検索意図との合致など、多くの要素で決まります。h1は「ページの内容を正しく伝える」ための要素として捉えるのが適切です。

また、見出しが適切に構造化されていると、ユーザーはページの内容を把握しやすくなり、読みやすさや滞在時間の向上にもつながります。こうしたユーザビリティの改善も、間接的にSEOに寄与します。

h1タグの正しい使い方

1ページに1つを基本にする

h1はページの「主題」を示す見出しなので、1ページに1つとするのが基本です。HTMLの仕様上は複数のh1も許容されており、複数あることがそれだけでペナルティになるわけではありません。ただし、ページのテーマを明確に伝えるという観点では、大見出しを1つに絞るほうがユーザーにも検索エンジンにも伝わりやすくなります。

見出しの階層を崩さない

h1の下にh2、h2の下にh3……と、見出しは階層を飛ばさずに順番に使います。見た目のデザイン（文字の大きさ）のためだけに見出しタグを使うのではなく、文章の論理構造を表すものとして使うのが正しい使い方です。見た目を調整したいときはCSSで対応しましょう。

ページの内容と一致させる

h1に書かれたテーマと、実際のページ内容が一致していることが重要です。h1で期待させた内容と本文がずれていると、ユーザーは「思った内容と違う」と感じて離脱しやすくなります。

h1タグの書き方のポイント

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

そのページで狙うキーワードを、h1の中に自然な形で含めます。テーマを端的に表す言葉にキーワードが含まれていれば、ユーザーにも検索エンジンにもテーマが伝わりやすくなります。ただし、キーワードを不自然に詰め込むのは逆効果です。

簡潔で内容が伝わる表現にする

h1は長すぎると要点がぼやけてしまいます。一目でページの主題が伝わるよう、簡潔で具体的な表現を心がけましょう。不要な修飾を削り、「このページで何がわかるのか」が明確になる言葉を選びます。

クリックしたユーザーの期待に応える

ユーザーは検索結果のtitleを見てクリックし、ページを開いて最初にh1を目にします。このとき、検索した意図とh1の内容が合致していると、「探していたページにたどり着いた」と安心して読み進められます。検索意図を意識した見出しにすることが、離脱を防ぐ上でも効果的です。

h1タグでやりがちな注意点

• キーワードの詰め込み：上位表示を狙って同じキーワードを何度も詰め込むと、不自然で読みづらくなります。ユーザーにとってわかりやすい表現を優先しましょう。
• 画像だけのh1：ロゴ画像などをh1にする場合は、alt属性に適切なテキストを設定しないと、見出しの内容が伝わりません。
• titleと全く同じにする：問題ではありませんが、titleとh1は表示される場面が違うため、それぞれの役割に合わせて表現を調整する余地があります。
• 見た目目的での使用：文字を大きく見せたいだけの理由でh1を使うのは避け、見た目はCSSで調整しましょう。

まとめ

h1タグは、ページの大見出しとして「そのページが何についてのものか」をユーザーと検索エンジンの双方に伝える重要な要素です。検索結果に表示されるtitleタグとは役割が異なり、h1はページを開いたユーザーに向けた内向きの見出しです。

1ページに1つを基本とし、見出しの階層を崩さず、ページ内容と一致させることが正しい使い方のポイントです。書き方としては、対策キーワードを自然に含め、簡潔で内容が伝わる表現にし、クリックしたユーザーの期待に応えることを意識しましょう。キーワードの詰め込みなどの魔法を狙うのではなく、ユーザーにとってわかりやすい見出しを心がけることが、結果的にSEOとユーザビリティの両方を高める近道です。