私は常に、見出しは常に順番に並んでいる必要があると信じていました。つまり、h2
はh3
の前にありますが、h1
の後にあります。前の見出しに戻ります。
ただし、フロントエンドのコードを作成するために外部の会社とチームを組んだところです。たとえば、次のようなウィジェットがあります。
<div class="widget-article__content">
<div class="widget-article__header">
<h4 class="widget-article__cat">@Model.Category</h4>
<h3 class="widget-article__title">@Model.Title</h3>
</div>
<!-- other code -->
</div>
私は疑問に思っていましたが、これはこのような間違った順序で見出しを持っているSEOのランキングに影響しますか?
いいえ、ほとんどの場合、これはSEOにまったく影響を与えません。
アクセシビリティの面ではいくつかの利点がありますが(スクリーンリーダーに役立つため)、見出しの順序はSEOにリンクされていないようです。
見出しタグが連続している必要はありません。 h1からh6の使用を混在させることができます。サイトの構文(または表示)のニーズを自由に満たします。数字を使用すると、「最も重要な-おそらくページの上部で使用される」h1に対する相対的な特定の頭の重要性に関するガイドラインが設定されます。
W3仕様(またはJeremy Keithの「HTML5 for Web Designers」のような短い要約)を検討する価値があります。さまざまな要素の使用とそれらがどのように組み合わさってページのセマンティックな価値を高めるかをよく理解してください。