<h1> から <h6> の各タグは、文章の「見出し」を作成するために使用されます。数字が小さくなるほど重要度が高くなり、<h1> が最大・最重要の見出し(通常はページのタイトル)を表します。
検索エンジンはこれらの見出しの階層構造を頼りにページの内容を理解するため、デザイン(文字の大きさ)の都合だけで順序をバラバラに使用してはいけません。<h1> の次には <h2>、その次には <h3> といったように、ルール通りに階層を守って配置するのが正しい使い方です。
<h1>美味しいカフェの紹介(大見出し)</h1>
<p>ここに導入文が入ります。</p>
<h2>東京エリアのおすすめ店舗(中見出し)</h2>
<p>東京にある一押しのカフェです。</p>
<h3>渋谷区のカフェA(小見出し)</h3>
<p>駅から徒歩3分の好立地です。</p>