HTML <h1> 〜 <h6> タグ:正しい理解と使い方

定義と使い方

<h1> から <h6> の各タグは、文章の「見出し」を作成するために使用されます。数字が小さくなるほど重要度が高くなり、<h1> が最大・最重要の見出し(通常はページのタイトル)を表します。

検索エンジンはこれらの見出しの階層構造を頼りにページの内容を理解するため、デザイン(文字の大きさ)の都合だけで順序をバラバラに使用してはいけません。<h1> の次には <h2>、その次には <h3> といったように、ルール通りに階層を守って配置するのが正しい使い方です。

基本例

<h1>美味しいカフェの紹介(大見出し)</h1>
<p>ここに導入文が入ります。</p>

<h2>東京エリアのおすすめ店舗(中見出し)</h2>
<p>東京にある一押しのカフェです。</p>

<h3>渋谷区のカフェA(小見出し)</h3>
<p>駅から徒歩3分の好立地です。</p>