h1を正しく使用するには？

Question

私はまだHTML5で自分自身を理解しようとしていると、混乱ビットを感じているこのようなものがあります....（文書の概要とSEOについて）

私は一度（this questionを経由して）Jeremy Keith's bookとHTML5 Doctorに読んでいますHTML5では複数のh1を使用することができます。 HTML5では、各セクションに独自の見出し要素を付けることができるので、複数の要素を持つことができます。h1私はWordpressのテーマフレームワーク、"underscores"を見てきました。これはこれを最大限に適用するようです。

ただし、これはサイトの構造やドキュメントの概要を定義する際に、古いブラウザ（HTML5をサポートしていない）で問題になるようです。また、SEOにも問題があります。

私はMatt Cutts's (from Google) videoにつまずいたと（のみ複数h2続いページごとに1つまたは2つのh1、h3などを使用）h1の使用を制限し、従来の文書のアウトラインを使用することをお勧めし再読み込みキースの本。 Matt Cuttsもまた、複数のh1がSEOにはあまり適していないことを暗示しています。

しかし、

• 私は以前にサイト構造/ドキュメントアウトラインに重大な注意を払ったことはありません。だから、古いブラウザ（HTML5より前の）がサイト構造/ドキュメントの概要をどのくらい読み込んでいるかはわかりません。 HTML5 outlinerが存在しますが、HTML4のアウトライナーが見つかりません。
• Matt Cuttsの動画（HTML5とSEOに関する）は2009年に公開されました。 は、Googleが既に という新しいHTML5のアウトラインをサポートしているかどうかはわかりません。

私がしたいのであれば、私の質問は、次のとおりです。正しいサイト構造/ドキュメントアウトライン

を表示する

• サポート古いブラウザ（例：Firefox 3.0およびIE 6）SEOで良い結果を持っています

私はどちらを使うべきですか：複数のh1（HTML5で行われる方法）または従来の方法ですか？

このHTML5の一方（HTML5医師から採取した例）：

<h1>My fantastic site</h1> 
<section> 
    <h1>About me</h1> 
    <p>I am a man who lives a fascinating life. Oh the stories I could tell you...</p> 
    <section> 
    <h1>What I do for a living</h1> 
    <p>I sell enterprise-managed ant farms.</p> 
    </section> 
</section> 
<section> 
    <h1>Contact</h1> 
    <p>Shout my name and I will come to you.</p> 
</section> 

または従来の方法は？

<h1>My fantastic site</h1> 
    <h2>About me</h2> 
    <p>I am a man who lives a fascinating life. Oh the stories I could tell you...</p> 
    <h3>What I do for a living</h3> 
    <p>I sell enterprise-managed ant farms.</p> 
    <h2>Contact</h2> 
    <p>Shout my name and I will come to you.</p> 

Answer 1

最良の方法は、HTML5を使用して、Googleはあなたのウェブサイトの方法より良い準備ができているので、彼らは古いブラウザで動作させるために、このリンクを使用している場合（あなたのサイトには優れているように）あなたは、新しい技術を使う考慮することです新しいタグを使用してください。

<!--[if IE]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 

あなたのサイトのヘッド部にそれを入れて、それが古いIEのバージョン

Answer 2

新しいフォーマットを使用するために正常に動作します。 多くの人がh3またはh2を使用しますが、これも完全に問題ありません。実際に

、彼らはHTML5が提供するsectionまたはarticleまたはheaderまたはfooter要素を使用し、その文書セグメントのための見出しとしてh3またはh4を使用します（SEO罰則/レガシースタイリングの恐れのために|レイアウト癖） 。

これも問題ありません。

Cutsのビデオをもう一度見ると、彼はh1の使用を最小限に保つように言います - 本当に保証されている場合は倍数だけを使用してください。

これは実際には変更されていません。

Googleは、複数のことを持つことであなたを殺すつもりはありません。 Googleは、それぞれがコンテンツに根本的な変化があったことを意味すると期待しています。

セクション内に（section/articleなど）要素があるかどうかは関係ありません。

Googleはまた、AJAX専用またはJavaScript依存のウェブサイトを適切にスパイダーし、独自の豊富なコンテンツメタデータシステムを持っている点も知っています... ...彼らは構文解析するのに十分洗練されていますsectionまたはarticle。

コンテンツの品質について心配していますが、それを利用する準備ができていれば、検索結果などに使用するGoogle固有のメタデータ... ... Googleが心配しましょうセマンティクスをナビゲートします（あなたがそれらをうまく使っていて、日陰で何もしない限り）。

小規模なクローラ、誰が知っている... ...それはクローラ単位であり、ほとんどの人はGoogleやBing、Yahooに関心を持つ必要があります。非常にドメイン特有のものです（何らかの理由でオプトイン、レンタカーのクローラでランクを上げたい場合など... ...とにかくXML/JSONフィードを提供する必要があります）。

Answer 3

deathlock、2番目の例にはセクショニング要素が含まれていません。しかし、h1以外の見出しを持つセクション要素を使うことができます。私はあなたの質問のポイントだと思う：すべてのセクショニング要素

<section> 
    <h1>…</h1> 
    <section> 
    <h1>…</h1> 
    </section> 
</section> 

またはで

h1 "計算" の見出しのレベル

<section> 
    <h2>…</h2> 
    <section> 
    <h3>…</h3> 
    </section> 
</section> 

意味的/技術的には、それらが同じです。

"h1 everywhere"はウェブ上で使用されており、主要な検索エンジンがこれを認識しているため、SEOに問題はありません。 HTML5をサポートしたい場合は、アウトラインアルゴリズムを理解する必要があります。私は彼らのクローラ/ APIが既にHTML5 outlinerのように実際の見出しレベルを正しく計算していると確信しています。

セクション要素見出しとしてh2 - h6を使用する唯一の理由は、古いアクセシビリティソフトウェアです。スクリーンリーダー。彼らは通常アウトラインメニューを提供するので、ユーザーは特定の見出しに直接ジャンプすることができます。あなたはいつもh1、古いスクリーンリーダーを使用するのであれば、彼らは正しいアウトラインレベルを計算していないため、HTML5を知らないこと、h1としてすべての見出しを発表するでしょう。 しかし、例えばジョーズ13（スクリーンリーダーの現在のバージョンでは）、IEのみ、AFAIRに正しいHTML5のために、「どこでもh1」を取得し、あなたがHTML5ページ内の他の見出しレベルを使用する場合、それは混乱します。これはもちろんバグですが、新しいソフトウェアでは "古い方法"に固執することは必ずしもうまくいかないという良い例です。

ですから、が問題のいずれかの方法を取得する可能性があります。

あなたはHTML5の仕様が推奨するものに固執する必要があり、これは次のようになり、私の意見では

：すべての切片要素の見出しにh1を使用しています。この仕様は将来のユーザーエージェント、アクセシビリティツール、検索エンジン、その他のサービス/ソフトウェアが製品を構築するために使用するものです。

しかし、それはもちろん、あなたのユースケースに依存します。訪問者の統計情報を知っている場合は、特別な場合に適切な判断を下すためにそれらを使用する必要があります。例えば。あなたのサイトが将来何年も生存しない場合は、が現在に最もよく対応しているものを使用してください。