【发布时间】：2012-01-16 07:46:33
【问题描述】：
如果我有一个具有这种结构的网站：
网站主页
服务页面 |产品页面 |文章页面 |联系我们页面
问题 1
在每个页面中使用 h1 来命名页面名称是否正确？
我读过对于结构，h1 应该用作结构的顶层，但是如果 h1 中的文本是一个 SEO 无意义的词，例如：服务、产品、文章或联系人，该怎么办。如果不正确，那么哪个标签应该适合页面标题？
问题 2
假设现在我在包含多个
【问题讨论】：
【发布时间】：2012-01-16 07:46:33
【问题描述】：
答案 1：您可以使用 h1 作为标题，使用 h2 作为 SEO 友好的副标题。
答案 2 - 我的意见：这取决于您的网站，但一个好的经验法则是一个页面有一个 h1 和一个 h2。
【讨论】：
-
我同意在标题中使用 h1，但如果标题是一个非常通用的词，例如“SERVICES”，该怎么办。我认为这个词对我的 SEO 没有帮助。
-
但它会帮助您页面的用户查看他/她的位置。您仍然可以将额外的 h2 用于 SEO。
关于问题 1：就“正确”而言，我不得不说是的，那是正确的。通常对于 H1，除了试图隐藏它们和/或在整个页面上发送垃圾邮件之外，没有很多不正确的地方。
但是，正确不一定有效。我建议使用一个简短但描述性的 H1，其中包含您的目标关键字（针对该页面）。在这里需要注意的同样重要的是，您的简短但描述性丰富的关键字丰富的 H1 不必位于页面顶部，而可能位于下方。在Matt Cutts, from Google: Does the ordering of heading tags matter? 视频博客条目中，他指出当 H1 低于 H2 时也会读取 H1。从您的问题的措辞来看，听起来您正在使用导航作为 H1，虽然属于“正确”类别，但它并没有达到应有的效果。相反，您应该包含一个更具描述性的页面标题（如 H1）并按预期使用导航标题 - 只是为了向人类用户指示他们导航到的位置。然后，如果尚未在其他地方使用，您可以将 H2 用于这些导航标题。
关于问题 2： 根据 Google 的 Matt Cutts 的说法，您可以在一个页面上多次使用 H1，只要您不要过度使用 (More than one H1 on a page: good or bad?)。然而，从它的声音来看，你会落入过度的范畴。我会为一堆属于同一类别的文章推荐一个 H1，并为每篇文章使用微数据。查看Google Intro to Microdata 了解更多信息，但基本上微数据会向搜索引擎提供信息，解释它正在阅读的内容。
【讨论】：
-
非常感谢您的回答。
您必须记住的是，搜索引擎优化有时会在用户友好性方面做出妥协 - 或者更确切地说，人们愿意跳过箍来提高他们的排名，从而导致妥协。在您的示例中，用户只是想知道页面是关于什么的（即您提到的“无聊”词），但要针对搜索引擎进行优化，您必须塞入一些关键字，这可能会影响用户体验。
在我看来，始终对这些事情保持务实并平衡两者，而不是安抚搜索引擎而损害您的用户（反之亦然）。如果您正在编写干净、语义化的 HTML，那么无论如何，您很可能几乎同样跨越了这些相互冲突的问题。
现在谈谈您的具体问题...
理想情况下，您的H1 应该始终描述页面的内容。这是它的预期目的，也是在这些情况下的最佳经验法则。如果它没有描述您的页面，那么您做错了什么;-)
这引出了关于一般标题的更广泛的观点，我认为很多人都忽略了这一点 - 标题定义了文档的结构。当你说出来的时候听起来很明显，不是吗？但是再想一想……您的文档结构将定义内容如何在页面上按逻辑分组到节中。因此，通过正确的标题嵌套正确地构建文档是您确保 google 可以轻松地从您的页面收集信息，并将标题与内容正确关联的方式 - 从而识别页面的主题（或要点）。将 google bot 视为操作屏幕阅读器的人（奇怪的想法！），试图将您的页面理解为纯文本会有所帮助。
我似乎在这里走了一点弯路，但我向你保证，我正在引导你的第二个问题 ;-)
这种内容分组背后的理论归结为所谓的文档大纲算法。如上所述，页面上的内容被分组为部分、子部分和子子部分等。在 HTML 4.x 和 XHTML 1.x 中，这些部分是隐式创建的，它们的创建完全依赖于标题 - 每次向页面添加标题时，都会创建一个新的（子）信息部分。 H1 是页面的根部分，下面的所有标题都挂在它上面，可以这么说。这就是标题应该正确嵌套的原因。
如果您现在正在思考“所有这些部分的讨论；HTML 5 section 标记怎么样？”，那么我想赞扬您非常细心！在 HTML 5 中，section 标签与标题标签一样，能够创建新的内容部分，但在这里我们明确地这样做了，这与标题创建的隐含部分不同。值得注意的是，article 标记还显式地创建了新部分。如果您考虑如何在语义上使用这些标签，这一切都应该是完全有意义的。
因此，由此产生的想法（并回答您的第二个问题）我们可以在每个页面上拥有多个 H1 标签 - 只要它们位于不同/单独的部分中，这些部分由使用article 或section 标签。
可以在smashing magazine 找到对文档轮廓算法的出色描述，而检查页面轮廓的好工具是用于 firefox 的 web developer toolbar。在工具栏中，点击信息，在下拉菜单中找到应该是文档大纲（我不记得确切的措辞，但应该接近那个）
希望有所帮助，它变成了一篇文章！
【讨论】：
-
感谢 Wicky，您的回答超越了 html 到 html5，太好了。在您从粉碎杂志链接的文章中，在标题中：“使用分段内容创建大纲”是如何处理无聊页面标题的一个很好的例子。也感谢大纲信息。
-
没问题，HTML 5 的相关性越来越高，所以认为讨论一下是个好主意，如果只是为了解释与 XHTML/HTML4 的差异。那篇文章很棒，绝对值得收藏 :-) 我强烈推荐 Web 开发人员工具栏也可以快速检查您的文档大纲。