【SEO】見出しタグ（hタグ）の適切な順番【注意点も解説】

こんな人向けの記事です

見出しタグ（hタグ）の適切な順番が分からない･･･。
SEOを意識した見出しタグの使い方を教えて欲しい。
ブログの見出しタグの導入、使用方法について知りたい！

こんにちは。Webマーケターのぽーと（＠yokaport）です！

本記事のテーマは、『見出しタグ（hタグ）の適切な順番』です。

HTMLには、見出しを表現する要素として、hタグがという要素があります。このhタグはSEOにおいても非常に重要な要素とされていますが、適切なhタグの使い分けができず、SEOに悪影響を与えてしまっているWebサイトは少なくありません。

今回は、この見出しタグ（hタグ）を使う際の適切な順番と注意点をあわせて解説します。

【SEO】見出しタグ（hタグ）の適切な順番（h1～h6）

見出しタグ（hタグ）は重要度に応じて、h1からh6までの6段階の階層があり、h1が最上位の見出しを意味します。続いてh2h3と、h6まで順番に階層が続きます。そのため、最上位の見出しタグh1をページの上部（h2やh3よりも前）に記述し、その下にh2やh3を続けるのが適切です。

以下に、h2がないのにh3があるなど、実際に階層が守られていない見出しタグを本記事の見出しを例に挙げます。

誤った例


<h1>【SEO】見出しタグ（hタグ）の適切な順番【注意点も解説】</h1>
<p>本記事のテーマは、『見出しタグ（hタグ）の適切な順番』です･･･</p>

　<h3>【SEO】見出しタグ（hタグ）の適切な順番（h1～h6）</h3>
　<p>見出しタグ（hタグ）は重要度に応じて、h1からh6までの6段階の･･･</p>

　<h2>SEOを意識した見出しタグ（hタグ）を記述する際の注意点</h2>
　<p>見出しタグ（hタグ）の不適切な使用は、SEOに置いて･･･</p>

　　　<h4>階層構造（順番）を守る</h4>
　　　<p>前述した通り、見出しタグ（hタグ）はh1からh6まで順番に･･･</p>

　　　<h2>見出しタグ（hタグ）を多用しない</h2>
　　　<p>見出しタグ（hタグ）は多用せず、必要最小限に抑えるよう･･･</p>

正しい例


<h1>【SEO】見出しタグ（hタグ）の適切な順番【注意点も解説】</h1>
<p>本記事のテーマは、『見出しタグ（hタグ）の適切な順番』です･･･</p>

　<h2>【SEO】見出しタグ（hタグ）の適切な順番（h1～h6）</h2>
　<p>見出しタグ（hタグ）は重要度に応じて、h1からh6までの6段階の･･･</p>

　<h2>SEOを意識した見出しタグ（hタグ）を記述する際の注意点</h2>
　<p>見出しタグ（hタグ）の不適切な使用は、SEOに置いて･･･</p>

　　　<h3>階層構造（順番）を守る</h3>
　　　<p>前述した通り、見出しタグ（hタグ）はh1からh6まで順番に･･･</p>

　　　<h3>見出しタグ（hタグ）を多用しない</h3>
　　　<p>見出しタグ（hタグ）は多用せず、必要最小限に抑えるよう･･･</p>

SEOを意識した見出しタグ（hタグ）を記述する際の注意点

見出しタグ（hタグ）の不適切な使用は、SEOに置いて悪影響を及ぼす可能性があるため、見出しタグ（hタグ）を実際に記述する際は、以下のポイントに注意しましょう。

見出しタグ（hタグ）を記述する際の注意点

階層構造（順番）を守る
見出しタグ（hタグ）を多用しない
適度にキーワードを含める
h1の見出しタグはページごとにユニークにする
デザインを整えるためだけに使用しない

階層構造（順番）を守る

前述した通り、見出しタグ（hタグ）はh1からh6まで順番に階層構造を意味しており、記述する際はh1から順番に記述する必要があります。

h2の配下にh3やh4を利用するのはOKですが、h3の配下にh2を入れたり、h4の配下にh2やh3を入れるのはNGなので覚えておきましょう。

Qh1タグを同一ページ内で複数利用しても問題ないですか？

結論、１ページにつき１つのh1タグの利用をおすすめします。
GoogleのJohn Mueller氏は「１ページにつきh1タグが複数存在しても問題ない」と明言していますが、HTML標準を策定しているW3Cのルールでは「１ページにつきh1タグは１つだけ記述できる」と定義されています。また一方で、W3Cと共同でHTML5を標準化している団体WHATWGは、「sectionごとにh1タグを１つ記述でき、１ページに複数のh1タグを記述しても問題ない」と主張しており、組織によって意見がバラバラです。
h1タグを複数利用しても悪影響はありませんが、ページのテーマや階層を正しく伝えるために、１ページにつき１つのh1タグを利用することをおすすめします。