web-dev-qa-db-ja.com

見出し<H1>から<H9>までのSEOとブラウザーの互換性の違い

私たちは皆、プロのウェブマスター向けの見出しの重要性と重要性を知っています。これらは、<h1>Heading 1</h1>、およびH2からH6として、プロの開発者に知られていました。

大胆なWeb開発者として、最近、複雑な構造化ドキュメントの短い見出しが必要になりました。これについて考え、CSSでこれらを使用しました。

h1,h2,h3,h4,h5,h6{ }

h7{ }
h8{ }
h9{ }

私の実験は報われましたが、Internet Explorer 8ではなく、Firefox、Safari、Chromeなどでのみ行われました。

質問1見出しをH4またはH7ではなくH6まで上げるべきだと決定したのは誰ですか？

質問2 H9がIE8を除くすべての主要なブラウザーで完全に動作するのに、なぜH7なのですか？

質問3。見出しH1からH9までの認識に関して、Bing、Yahoo、Googleの重要性は何ですか？明らかにH1はH2よりも重要ですが、H5とH6を区別していますか？それともH3以下ですか？

seohtmlcssheaders
5
Sam

1） w3c は、HTML 4仕様を記述したものであるため、これを決定しました。

2）存在しないため。ブラウザーは誤ったHTMLタグを無視することになっているため、コンテンツを表示し、タグを無視するだけです。 （IE 8が何をするかわかりませんが、コンテンツを表示していない場合はおそらく間違っています）。

3）<hx>の数が減ると、おそらく<h6>が<strong>を使用した場合よりもおそらくno/marginally優れているため、重量が減少します。それらの正確な重量は不明です。

6
John Conde

ジョン・コンデは良い答え、BAUを提供しました。

しかし、ジョン・コンデの返信に対するあなたのコメントを見ました。私はWHATWGのメンバーです（現在のHTML5開発プロセスは、whatwgが議論し、作成し、変更し、W3Cは統合されたコピーを保持するだけです。OperaからのKristenはコピーキーパーです）。

とはいえ、H6を超えた見出しを求めて、以前にもまったく同じ質問がありました。しかし、本当に必要なウェブサイトはごくわずかです。

パンくずリストについて尋ねる例... auxiliarナビゲーションウィジェットには見出しを使用しないでください。

アイデアは上記の説明で大多数によって拒否されました。

5
Dave

1991年からのメール で、Tim Berners-Leeは説明しました：

私は実際、<H1>、<H2>などの代わりに
見出し[AAP DTDからのもの]は、ネスト可能にする
<SECTION>..</SECTION>要素、および汎用<H>..</H>
セクション内のレベルは、必要なレベルの
見出し。

したがって、HTMLにh1-h6があるのは、これらの要素が科学文書のSGMLドキュメントタイプである AAP DTD の一部であったためです。

したがって、初期の 1992年のHTMLドラフト では、次のように述べています。

いくつかのレベル（少なくとも6）の見出しがサポートされています。ハイパーテキストドキュメントは、ヘッダーのネストによってのみ構造が指定されている通常のドキュメントよりも、必要なヘッダーのレベルが低い傾向があることに注意してください。 […]

<H1>、<H2>、<H3>、<H4>、<H5>、<H6>

これらのタグは、CERN SGMLガイドの定義に従って保持されます。それらの定義は完全に歴史的であり、AAPタグセットから派生しています。 […]

2008年からのHTML5の最初のW3Cワーキングドラフト では、アウトラインアルゴリズムを取得しました。

セクション化コンテンツの要素の見出しコンテンツの最初の要素は、そのセクションのヘッダーを提供します。

つまり、汎用のh要素を使用するのではなく、セクショニングでh1（-h6）要素を再利用することで、任意の数の見出しレベルを使用できるようになりましたコンテンツ要素（ 現在 ：section、article、aside、nav）：

<h1>Level 1</h1>
<section>
  <h1>Level 2</h1>
  <section>
    <h1>Level 3</h1>
    <section>
      <h1>Level 4</h1>
      <section>
        <h1>Level 5</h1>
        <section>
          <h1>Level 6</h1>
          <section>
            <h1>Level 7</h1> <!-- wohoo! -->
          </section>
        </section>
      </section>
    </section>
  </section>
</section>
3
unor

どのようなコンテンツを扱っているのか正確にはわかりませんが、「複雑な構造化文書」と呼んでいます。この場合、コンテンツを異なるセクション/ページに分割することは不可能だと思います。

ドリルダウンしたいヘッダーのレベルで、どのコンテンツをヘッダーとしてタグ付けするかについてあまりにもリベラルであるかどうかは疑問です。 Lèsemajestéと同様に、ブロッククォートやその他のタグは、コンテンツの特定のチャンクにより適しています。

私はいくつかの政府のウェブサイトで仕事をしていますが、このような問題に遭遇しました。ドキュメントには膨大な「セクション」があり、分割できず、配信されたとおりにサイトに表示する必要があります。通常、ページをアウトラインとして構築し、ネストされたリストを使用してドキュメントを適切に構造化し、ブラウザ、スクリーンリーダーなどで順序を適切に解釈できるようにします。

3
SubTypical