正确使用h1的方法？(关于文件大纲和SEO)

Question

我还在努力让自己熟悉HTML5,而且这些东西让人感到有些困惑....

我曾经读过Jeremy Keith的书和HTML5 Doctor(通过这个问题),它说HTML5可以使用多个h1s.在HTML5中,每个部分都可以有自己的标题元素,因此可以有多个部分h1.我见过一个Wordpress主题框架,"下划线",似乎最充分地应用了这个.

但是,在定义站点结构/文档大纲时,这似乎对旧版浏览器(尚未支持HTML5)造成问题.此外,它给SEO带来了问题.

我偶然发现马特·卡茨的(从谷歌)视频和重读Keith的书里面建议限制使用h1和使用传统的文档大纲(只使用一个或两个h1每页,其次是多h2,h3等).Matt Cutts也暗示多重h1对SEO不太好.

然而,

• 我之前从未认真关注网站结构/文档大纲.所以我永远不知道有多旧的浏览器(HTML5之前版本)读取网站结构/文档大纲.有一个HTML5大纲,但我找不到HTML4的大纲.
• Matt Cutts的视频(关于HTML5和SEO)发布于2009年.我不知道Google是否已经支持新的HTML5概述文档的方式.

所以我的问题是,如果我想:

• 支持旧版浏览器(例如Firefox 3.0和IE 6)显示正确的网站结构/文档大纲
• 在SEO中取得好成绩

我应该使用哪一个:多个h1(在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>

Answer 1

使用新格式.很多人会使用h3s或h2s,这也很好.

事实上,他们将使用section或article或header或footer通过HTML5提供的元素,然后用h3或h4作为该文件段标题(怕SEO处罚/传统造型|布局怪癖).

那也没关系.

如果你再次观看Cuts'视频,他说要将h1使用保持在最低限度 - 只有在真正有保证时才使用倍数.

在这一点上,这并没有真正改变.

谷歌不会因为有倍数而谋杀你.Google IS希望每个人都意味着内容发生了根本性的变化.

无论你是否有切片(section/ article/ etc)元素,都是如此.

Google也已经达到了这样的程度:他们正在适当地使用仅限AJAX或依赖JavaScript的网站,并拥有自己的内容丰富的元数据系统...... ......它们非常复杂,可以解析section或者解析article.

更多地担心内容的质量,如果您准备好接受它,那么他们用于搜索结果的特定于Google的元数据......等等......让Google担心导航语义(如只要你使用它们很好,而不是做任何阴暗的事情).

较小的爬虫,谁知道......但这是基于每个爬虫的,大多数人只需要关注谷歌和必应和雅虎,其他爬虫要么从谷歌出来,要么是特定领域的(如果你想因某种原因在选择加入,租车的履带上排名很高......那么你应该提供某种类型的XML/JSON提要).

Answer 2

最好的方法是使用 HTML5 并使用此链接使它们在旧浏览器中工作，因为 Google 已经为您的网站做好了更好的准备，并且如果您使用新标签，则考虑您使用新技术（以便您的网站更好）。

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

将其放在网站的头部，旧版 IE 就可以正常工作