你必须记住的是,搜索引擎优化有时可能会损害用户的友善程度 - 或者说人们愿意跳槽以提高排名,导致妥协。在你的例子中,用户只是想知道网页是关于什么的(即你提到的'无聊'字样),但为了优化搜索引擎,你必须填入一些关键字,这可能会妨碍用户的体验。
在我看来,对于这些事情总是要务实,并且要平衡两者,而不是让搜索引擎不利于用户(反之亦然)。如果你正在编写干净的语义HTML,那么无论如何你都可能几乎平等地跨越这些矛盾的关注点。
现在到您的具体问题......
你H1
最好应始终描述页面的内容。这是它的目的,也是这些情况下的最佳经验法则。如果它没有描述你的页面,那么你做错了;-)
这导致了一般标题的广泛点,我认为很多人错过了 - 标题定义文档的结构。听起来很明显,当你说的时候,不是吗?但想一想更多...文档的结构将定义您的页面上的内容如何在逻辑上分组到部分。因此,如何通过正确的标题嵌套来正确地构建文档是为了确保Google可以轻松地从您的页面收集信息,并正确地将标题与内容相关联,从而确定页面的主题(或主题)。它有助于在这里将谷歌机器人视为操作屏幕阅读器的人(奇怪的想法!),试图将您的页面理解为纯文本。
我似乎在这里取一点弯路,但我保证你我领先你的第二个quesiton ;-)
这种分组的内容背后的理论归结为是知道的文档概要算法。如上所述,页面上的内容被分组为段,子段和子子段等。在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开发者工具栏,以便快速检查文档大纲。 – WickyNilliams