目次
見出しタグって何？
ども。Dadです。
HTMLでWebページを作る時、文章の構造を整理するために使うのが「見出しタグ」です。h1、h2、h3...と数字が増えていくタグを見たことはありませんか？
今回は、見出しタグの役割や使い方のルール、そしてSEOで重要なh1タグの扱い方まで、基本をわかりやすく解説します。
h1～h6タグの役割
見出しタグは、文章の階層構造を表すために使われます。HTMLには<h1>から<h6>まで、6段階の見出しタグがあります。
リアルな世界で言うなら、「本の目次」のようなイメージです。大見出し、中見出し、小見出しと階層を分けることで、読者にとって分かりやすい構造になります。
h1タグ（最も重要な見出し）
- 役割
ページ全体のタイトル、つまり「このページは何について書かれているか」を示す最も重要な見出しです。 - SEOでの重要性
Googleなどの検索エンジンは、h1タグを見てページの内容を判断します。そのため、h1タグには必ずページの主要キーワードを含めるのが基本です。 - 使い方のルール
h1は各ページに1つだけが原則です。複数あると、検索エンジンが「どれが本当のタイトルなのか」混乱してしまい、SEO評価が下がる可能性があります。
具体例
<h1>h1～h6タグとは!?｜見出しタグの使い方を初心者向けに解説</h1>このように、ページのメインテーマを明確に示すタイトルを＜h1＞～＜/h1＞で囲みます。WordPressでは、記事タイトルが自動的にh1になることが多いです。
h2タグ（大見出し）
- 役割
ページ内の大きな区切りを表します。h1の下に複数配置できます。 - 使い方
ページ全体を「導入」「本文」「まとめ」のように大きく区切る時に使います。
具体例
<h2>見出しタグって何？</h2>
<h2>h1～h6タグの役割</h2>
<h2>見出しタグの使い方のルール</h2>このように、記事の大きなセクションごとにh2を使います。
h3タグ（中見出し）
- 役割
h2の中をさらに細かく分ける時に使います。 - 使い方
h2の内容を複数のトピックに分けて説明する時に使います。
h4～h6タグ（小見出し）
- 役割
h3よりもさらに細かい階層を表します。長文の記事の場合などに、h4まで使う場合があります。h5やh6は通常あまり使われません。 - 使い方
専門的な長文記事や、非常に詳しい説明が必要な場合に使います。
見出しタグの使い方のルール
見出しタグを正しく使うために、以下のルールを守りましょう。
1. h1は各ページに1つだけ
これが最も重要なルールです。h1が複数あると、SEO的にマイナスになります。ページのメインタイトルにだけh1を使いましょう。
2. 階層を飛ばさない
見出しは順番に使います。h1の次にいきなりh3を使うのではなく、h1 → h2 → h3と段階的に使いましょう。
良い例
h1: 記事のタイトル
h2: 第1章
h3: 第1章の詳細
h2: 第2章
h3: 第2章の詳細悪い例
h1: 記事のタイトル
h3: いきなりh3（h2を飛ばしている）3. デザインのために使わない
「この文字を大きくしたいから」という理由でh1を使うのはNGです。文字サイズの調整はCSSで行い、見出しタグは文章の構造を示すために使います。
4. キーワードを含める
特にh1とh2には、ページの主要キーワードを自然に含めましょう。ただし、キーワードを詰め込みすぎると逆効果なので注意が必要です。
まとめ
見出しタグは、文章の構造を整理し、読者にも検索エンジンにも内容を伝えるための重要な要素です。
特に「h1は各ページに1つだけ」というルールは、SEO対策の基本中の基本です。階層を守って正しく使えば、読みやすく、検索にも強いページが作れます。
ではまた。
