私はまだ HTML5 に慣れようとしていますが、少し混乱しているように感じるものがあります....
私はかつてJeremy Keith の本と HTML5 Doctor を読んだことがあり (この質問を介して)、HTML5 によって複数h1の s を使用できるようになると書かれています。HTML5 では、各セクションに独自の見出し要素を含めることができるため、複数のh1. これを最大限に適用しているように見えるWordpressテーマフレームワーク「アンダースコア」を見てきました。
ただし、これは古いブラウザー (まだ HTML5 をサポートしていない) では、サイト構造/ドキュメント アウトラインを定義する際に問題を引き起こす可能性があります。また、SEO的にも問題があります。
私はMatt Cutts の (Google の) ビデオに出くわし、Keith の本を再読して、使用を制限しh1、従来のドキュメント アウトラインを使用することを推奨しています ( h11 ページに 1 つまたは 2 つだけを使用し、その後に複数h2のh3、などを使用します)。h1Matt Cutts はまた、複数は SEO にとってあまり良くないことを暗示しています。
でも、
- 以前は、サイトの構造やドキュメントの概要に真剣に注意を払ったことはありませんでした。そのため、古いブラウザー (HTML5 より前) がサイト構造/ドキュメント アウトラインをどのように読み取るかはわかりません。HTML5のアウトライナーはありますが、HTML4 のアウトライナーが見つかりません。
- Matt Cutts のビデオ (HTML5 と SEO に関するもの) は 2009 年に公開されました。Google が文書をアウトライン化する新しい HTML5 の方法を既にサポートしているかどうかはわかりません。
だから私の質問は、もし私がしたいのであれば：
- 古いブラウザ (Firefox 3.0 や IE 6 など) をサポートして、正しいサイト構造/ドキュメント アウトラインを表示します。
- SEOで良い結果を得る
複数h1の s (HTML5 で行われる方法) と従来の方法のどちらを使用する必要がありますか?
この HTML5 のもの (HTML5 Doctor からの例):
<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>