見出しの構造（hタグ）

hタグとは、ユーザーや検索エンジンにコンテンツ構成を伝えるためのHTMLマークアップの1つです。

hタグはユーザー、そして検索エンジンにコンテンツ構成を伝えるためにある

Webライティングでは見出しをhタグで記述します。記事入力のためのブログサービスにもよりますが、WordPressの場合は、ビジュアルエディターで下記のように「見出し1」「見出し2」と選ぶことでhタグでの記述が可能になります。

一般的なブログサービスでは、それぞれのhタグに対して太文字や背景色などのデザインが設定されております。

hタグのhは英語の”headline”、すなわち見出しのhです。見出し以外のテキストに対して「太文字にしたいから」「色をつけたいから」という理由でhタグを多用してしまうと、検索エンジンが正しくコンテンツ構成を取得できず、SEOに悪影響があります。正しくhタグを使うことが重要です。

では、SEOに悪影響が発生しないように、正しくhタグを設定するにはどうすればよいのでしょうか。まず知っておくべきは、hタグには階層構造があるということです。

下記の図のように、hタグはh1タグ、h2タグ、h3タグ……と存在し、h1タグはタイトルに対して、h2タグは見出し、h3タグは中見出し、h4タグは小見出し、と使い分けています。

そして、hタグは見出し（h2）＞中見出し（h3）＞小見出し（h4）と下位のhタグは上位のhタグの中に内包されています。下記の図の「間違った見出しの設定」の例のように、h1タグの次にh3タグがあり、その次にh2タグがあるという状態は間違った構成です。

hタグを適切に用いた執筆を心がけましょう。