h1タグとは？意味・使い方・SEOとの関係を初心者向けに解説

1. 1ページに1つだけ使う

h1タグはそのページの「主題」を示すものなので、原則として1ページに1つだけ使用するのが基本です。複数のh1が存在すると、検索エンジンやスクリーンリーダーにとって「どれが主題なのか」が分かりづらくなってしまいます。

最近のHTML5では複数のh1も技術的には許容されていますが、それはセクションごとに<article>や<section>が正しく使われている場合に限られます。初心者のうちは「h1は1ページに1つ」と覚えておくのが安全です。

2. ページの内容を端的に表現する

h1の内容は、そのページの中身を正確かつ簡潔に表すタイトルにしましょう。

例えば「おすすめレシピ紹介ページ」であれば、「簡単に作れる！初心者向けおすすめレシピ10選」などがh1としてふさわしいです。

3. デザインのためにh1を使わない

h1タグはあくまで「構造」を示すものです。「文字が大きく見えるから」「太字にしたいから」といった理由でh1を使うのはNGです。見た目の調整はCSSで行いましょう。

1. Googleはh1タグを評価に活用している

Googleの公式ドキュメントでも、h1タグはページの主題を理解する上で参考にされていると明言されています。

Googleのクローラー（検索ロボット）はページを読み込む際、h1タグを見て「このページは何について書かれているのか」を判断する材料の一つとしています。

2. 適切なキーワードを入れることで評価が向上する

SEO対策として、h1タグにはそのページの狙っているキーワードを自然な形で含めるのが理想です。

ただし、「h1タグ SEO 検索エンジン 対策 方法」というようなキーワードの羅列は逆効果。読者が違和感なく読める形で入れるのがポイントです。

3. h1タグは1つだけでも十分

一部の人は「h1を複数使うとSEOに強くなるのでは？」と思うかもしれませんが、むしろ逆効果になる可能性があります。

検索エンジンが「主題が複数ある」と混乱し、評価が分散されてしまう恐れがあります。

1. h1タグでデザインを済ませようとしてしまう

先述の通り、h1タグは見た目のために使うものではありません。「h1にすると文字が大きいから便利」といった理由で多用すると、構造が崩れてしまいます。

見た目の調整はCSSで行い、構造とスタイルを分離するのがWeb制作の基本です。

2. h1タグが無い（または間違った場所にある）

意外と多いのが「h1タグがどこにも無い」というパターンです。CMS（例：WordPress）などでテーマを使っていても、テーマの構造によってはh1が自動的に設定されていない場合もあります。

また、「ロゴ画像にh1が設定されている」といった構造もありますが、これもページの主題として不適切であるケースがあります。

ページごとに、内容に即したh1を手動で設定することが理想的です。

3. h1とtitleタグを混同する

<title>タグはブラウザのタブに表示されるタイトルで、検索結果にも表示されることがあります。

一方でh1タグはページ内に表示される見出しです。

役割は似ていますが、内容をまったく同じにする必要はありません。

titleは検索意図を意識してクリック率を高める表現に、h1はページ内容を端的に伝える表現に、と使い分けるのがベストです。