web-dev-qa-db-ja.com

HTMLセマンティクスとSEOの見出しの順序

Googleでは、このHTMLコードを Adwords pt-BRページ で使用しています。

<section class="..." id="...">
  <h4 class="...">
    Preços
  </h4>
  <h2>
    Você paga somente pelos resultados.
  </h2>
  <h3>
    Quando não há acessos, não há cobrança.
  </h3>
  <p>
    ...
  </p>
  <h3>
    Comece com qualquer orçamento.
  </h3>
  <p>
    ...
  </p>
</section>

視覚的には、理にかなっています。しかし、問題は、セクション見出しとして<h4>を使用し、同じ<h2>で<h3>と<section>を使用して、ページの階層を壊していることだと思います。

だから、これが意味的に有効なマークアップであるかどうかを知りたい（そうでない場合は、なぜ重要なのか）。また、これはSEOにどのように影響しますか？

私はそれを気にする必要がありますか？

PS： この質問 が見つかりましたが、私の答えにはなりませんでした。

seohtml5heading
3
Yuri

Googleは、見出しをランキングシグナルとして使用しなくなりました。ページ上でのテキストのレンダリング方法に注意を払います。ページの上部にある大きな太字のテキストは、h1、h2、h3などを使用するか、CSSでそのようにスタイル設定するかどうかに関係なく、より重みを付けることができます。

ページのマークアップを「意味的に正しい」ようにすることは、まったく問題ではありません。ユーザーはソースコードを見ることはほとんどありません。彼らはあなたのページがブラウザでどのようにレンダリングされるかだけを気にします。 Googleは長い間、セマンティック的に正しいHTMLまたは検証するHTMLのランキングを上げることはないと述べています。

どの見出しタグをどの順序で使用するかを心配するよりも、時間を費やす良い方法があります。

編集（コメントディスカッションに基づく）：最近のスクリーンリーダーには、ページの見出しだけを話す機能があり、ユーザーは正しい見出しにジャンプできます。画面読み上げユーザーの場合、ジャンプ先のセクションでのみ見出しタグを使用し、適切な順序で使用すると役立ちます。

スクリーンリーダーがページを「見る」方法をテストする1つの方法は、 Fang （Firefoxの場合）のようなシミュレーターをインストールすることです。 ヘルプドキュメント があり、これを使用する方法と、スクリーンリーダーのマークアップに関する一般的な問題を説明しています。

1
Stephen Ostermiller

Googleは、Hタグ構造を使用して、ページを意味的に評価およびインデックス付けします。正しいHタグ構造を持つことは、Googleがあなたのコンテンツ、トピックをより良く評価し、最終的にそれに関連するキーワードにより多くのランキング力を与えることができることを意味します。

私はこの例を別の場所で読みましたが、どこでクレジットを与えるべきか覚えていません、すみません。

Rolling Stonesバンドに関するWebサイトがあるとします。Hタグの構造は次のようになります。

<body>
<h1>Rolling Stones</h1>
Ipsum lorem
<h2>Keith Richards</h2>
Ipsum lorem
<h3>Guitar</h3>
Ipsum loren
<h4>Model</h4>
<h2>Mick Jagger</h2>
<h3>...
<h4>...
</body>

これは、特に構造化されたデータを使用していて、Google SERPにナイスリッチカードを表示する予定がある場合に、ますます重要になります。

このように、Googleがあなたのコンテンツを選んで、たとえば「キースリチャーズギターモデル」を探している人にその情報を投稿に表示したり、リッチカード内に表示したりすることができます。

また、ユーリが言ったように、Hタグの構造はアクセシビリティにとって重要であり、これは何百ものランキング要因の1つです。

コーディングガイドラインと階層は別として、よく構造化されたHタグを持つことはオーガニックのランキングにとって重要なので、気にする必要があります。

1
Izaias Almeida

@yuriはい、そうです。最良のアドバイスは、スクリーンリーダーと w3cバリデータ を試して、見出しの階層とドキュメントのアウトラインの違いを確認することです。

0
RolfRB