Amazonでお得なタイムセールが開催中!

<h1>:セクションの見出しを表すhタグ

:セクションの見出しを表すhタグ

この記事には広告を含む場合があります。

記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。

<h>タグとは?

<h1> から <h6> まである 見出しタグ(heading tag) のことで、Webページのタイトルやセクションの見出しを示すために使います。

hタグの基本構文

HTML
<h1>メインタイトル</h1>
<h2>セクションの見出し</h2>
<h3>小見出し</h3>

hタグの階層と意味(HTMLの論理構造)

タグ用途・意味大きさ(デフォルト)
<h1>ページの最上位のタイトル(1ページに1回が理想)最も大きい
<h2>セクションのタイトル(<h1> の子)やや小さい
<h3>サブセクションのタイトル(<h2> の子)小さめ
<h4>〜<h6>より深い階層の見出しさらに小さく

hタグの注意点

<h1> を何回も使うページの主題が複数に分裂するためSEOに悪影響
hタグをデザイン目的だけで使う意味を持たない見出しは div や span + CSS にしましょう。
順番を飛ばす(例:<h1> の次にいきなり <h4>)階層構造が不自然になり、読みにくくなる

hタグはページの構造化(アウトライン) に欠かせない部分であり、SEOにも欠かせない部分なので、しっかりとした構造の中で使う必要あります。