Webページを開いたときに、本文の一番上に大きく表示されるタイトルのような見出しを見たことがあるかと思います。あれがH1タグです。検索結果には表示されませんが、ページの内容を要約する重要な役割を持ち、SEOにも影響を与える要素として知られています。
この記事では、H1タグの基本的な役割から、SEO効果、効果的な書き方、そして混同されやすいタイトルタグとの違いまで、わかりやすく解説します。
H1タグとは何か？基本を解説
H1タグとは、HTMLコードの中で <h1>〇〇〇</h1> という形式で記述するタグのことです。ページ本文における見出しの中で、最も上位の階層（レベル1）を表します。
<h1>H1タグとは？SEO効果とタイトルタグとの正しい使い分け</h1>H1タグは、そのページを訪れたユーザーが本文の中で最初に目にする「見出し」です。検索エンジンとユーザーの両方に対して「このページは何について書かれているか」を伝える役割を果たします。
ニュースサイトの記事に置き換えるとイメージしやすいかもしれません。記事の一番上に大きく表示される見出しがH1タグ、それより小さい段落ごとの見出しがH2・H3タグにあたります。
H1タグがSEOに与える影響
検索エンジンへの影響
Googleはページの構造を理解する際、H1タグを重要な手がかりのひとつとして利用します。H1タグにメインキーワードが含まれていると、検索エンジンが「このページのテーマ」を把握しやすくなります。かつてはタイトルタグほど直接的な順位への影響はないとされていましたが、ページの内容を正確に伝える要素として、依然として軽視できない項目です。
ユーザーへの影響
H1タグはSEOだけでなく、ユーザー体験にも大きく関わります。ページを開いた瞬間に「自分が探していた情報がここにありそうか」を判断する材料になるため、内容とズレたH1タグは離脱の原因になります。検索結果からクリックしてページに到達したユーザーに対して、期待通りのページであることを一瞬で伝える役割を担っています。
効果的なH1タグの書き方
ページの内容を正確に要約する
H1タグは、そのページで扱う内容を簡潔かつ正確に表す文章にします。抽象的な言葉だけでなく、具体的に何が書かれているページなのかが伝わる表現を心がけましょう。
メインキーワードを含める
そのページで上位表示を狙うメインキーワードは、H1タグにも含めるのが基本です。タイトルタグと似た内容になっても問題ありません。むしろページのテーマが一貫していることを検索エンジンとユーザーの両方に示すことができます。
1ページに1つだけ設置する
H1タグは、1つのページにつき1つだけ設置するのが基本です。複数のH1タグを設置すると、ページの主題がぼやけてしまい、検索エンジンが内容を正しく把握しにくくなる可能性があります。
タイトルタグと完全に同じにする必要はない
タイトルタグとH1タグは、まったく同じ文言にしても問題ありませんが、少し言い回しを変えて使い分けることもよくあります。タイトルタグは検索結果でのクリックを意識した「キャッチコピー的な要素」、H1タグはページ本文を正確に要約する「見出し」という役割の違いを意識すると書き分けやすくなります。
H1タグでよくある間違い
- 1ページに複数のH1タグを設置してしまう
- ロゴ画像やサイト名だけをH1タグに設定してしまう（ページごとに内容が変わらない）
- H1タグを空欄にしたまま公開してしまう
- キーワードを不自然に詰め込みすぎてしまう
- 装飾目的で見た目の大きな文字にH1タグを使ってしまう（本来は文書構造を表すタグ）
特に多いのが、WordPressのテーマ設定によって、サイトロゴや固定のヘッダーテキストが全ページ共通のH1タグとして出力されてしまうケースです。この場合、各ページの本文タイトルはH2タグ以下として出力されてしまい、SEO上もったいない状態になっています。一度サイト全体のH1タグの設定を確認しておくとよいでしょう。
混同しやすい用語との違い
タイトルタグとの違い
タイトルタグは検索結果（SERP）やブラウザのタブに表示される要素で、ページ本文には表示されません。一方でH1タグはページ本文内に表示される見出しです。役割は近いものの、表示される場所とユーザーが目にするタイミングが異なります。
H2〜H6見出しとの違い
H1タグを頂点として、H2・H3・H4…と見出しの階層が下がっていきます。本の目次をイメージするとわかりやすく、H1が「章」、H2が「節」、H3が「項」にあたるイメージです。階層を飛ばして使う（H1の次にいきなりH3を使うなど）と、文書構造が崩れてしまうため注意が必要です。
H1タグの確認方法
自分のサイトのH1タグを確認するには、ページ上で右クリック →「ページのソースを表示」を選び、表示されたHTMLの中から <h1> を検索（Ctrl+F）します。WordPressの場合は多くのテーマで記事タイトルが自動的にH1タグとして出力されますが、テーマによって仕様が異なるため、一度確認しておくと安心です。
まとめ：H1タグはページの「顔」を作る見出し
H1タグは、検索エンジンとユーザーの両方に対して「このページが何についてのページか」を伝える、本文における一番大きな見出しです。1ページに1つ、内容を正確に要約したH1タグを設置することが、SEOとユーザビリティの両面で基本となります。
タイトルタグと合わせて設定を見直すことで、ページ全体の一貫性が高まり、検索エンジンからの評価も安定しやすくなります。設定に不安がある場合は、お気軽にシンシエイトにご相談ください。
関連用語
- タイトルタグ — 検索結果に表示されるページの名前
- メタディスクリプション — 検索結果に表示される説明文
- SEO — 検索エンジン最適化の全体像
- 内部リンク — サイト内ページ同士をつなぐリンク
- HTML — Webページの構造を記述する言語