スキップされた H2 見出し
見出しはアウトラインとして機能するため、見出しレベルは飛ばさず、順番に使用する必要があります。Silktide は、2 番目のレベルの見出しをまったく使用せずに、いきなり下位レベルの見出しへ移行しているページを報告します。
では、見出しレベルは <h1>(最も重要)から <h6>(最も重要度が低い)まであります。このチェックでは、ページ内のどこにも <h2> がない状態で、<h3> 以下を使用しているページを検出します。
<!-- h2 がスキップされている: アウトラインが h1 から h3 に飛んでいる -->
<h1>サービス</h1>
<h3>Web デザイン</h3>
<!-- レベルが順番に使用されている -->
<h1>サービス</h1>
<h2>Web デザイン</h2>
重要な理由
検索エンジンは、見出しレベルを読み取って、ページのコンテンツがどのように整理されているか、またどのトピックが最も重要かを理解します。レベルをスキップするとそのアウトラインがわかりにくくなり、小見出しに含まれるキーワードの重要度が本来より低く評価される可能性があります。
一貫性のあるアウトラインは、を使用する人にも役立ちます。スクリーンリーダーでは、見出しレベルを使って移動することが一般的です。<h1> から <h3> への移行は、セクションが欠落していることを示唆します。
レベルのスキップは通常、見出しの意味ではなく見た目のサイズを基準に見出しを選んだ場合に発生します。たとえば、「見た目がちょうどよい」という理由で <h4> を選ぶケースです。正しいレベルを使用し、見た目は代わりに で調整してください。
修正方法
- ページ内で最も重要な小見出しを
<h3>(またはそれ以下)から<h2>に変更し、各レベルの子見出しが 1 つ下のレベルになるようにします。 - 新しいレベルの見た目が適切でない場合は、より小さい見出しタグを使うのではなく、スタイルシートで見た目を変更します。
- ほとんどのコンテンツ管理システムでは、エディターの書式メニューで「見出し 3」または「見出し 4」ではなく「見出し 2」を選択します。
Silktide によるテスト方法
- ページ上のすべての見出しを検出します。
- ページで
<h3>、<h4>、<h5>、または<h6>が使用されている場合、内容を含む<h2>も少なくとも 1 つ存在するかをチェックします(空の<h2>タグはカウントされません)。 - 下位レベルの見出しがあり、
<h2>がない場合、そのページを 1 回だけ指摘します。<h2>より下位の見出しがないページは自動的に合格します。
このチェックは、ページ全体で <h2> レベルが欠落しているかを確認するものであり、順序が不適切な見出しを個別にすべて指摘するものではありません。