是否可以在同一页面上使用多个h1标签，但不同的样式？

Question

我有一个网页，我在各种DIV中多次使用h1标签，并且我将每个div的样式设置为h1为适当的大小。

例如......

#content h1 {
  font-size:22px;
}

#left-nav h1 {
  font-size:14px;
}

#content .recent-news h1 {
  font-size:16px;
}

这样好吗？我担心SEO。

最好的方法是什么？或者我不担心什么？

Answer 1

来自Google的Matt Cutts回复More than one H1 on a page: good or bad?（2009年3月5日）：

  

好吧，如果有多个部分的逻辑原因，那就不是   如此糟糕，你知道多个h1。我会注意的   过度了。如果您的整个页面都是h1，那看起来很漂亮，   对？所以不要做所有h1然后你做CSS看起来像   常规文本，因为我们看到的人，谁是竞争对手抱怨   如果用户关闭CSS或CSS没有加载，它看起来   特别糟糕。所以，你知道，这里有一点点h1是可以的   然后也许页面上有两个部分，所以也许有一个   这里有一点h1。

     

但是你真的应该将它用于标题或标题，这就是它   意图是。不要只在页面上的任何地方抛出h1。   因为我可以告诉你，如果你只是在页面上的任何地方抛出h1，   人们试图滥用它，所以我们的算法试图采取这种做法   考虑到这对你真的不那么好。所以我愿意   在有意义和更节俭的地方使用它，但你可以拥有它   多次。

Answer 2

请记住，您的h1用于指示上下文，而不是布局。因此，在页面上有几个没有任何固有的错误。

在此特定示例中，您需要确定左向导航h1与内容h1s和最近新闻h1s具有相同的上下文重要性。如果您的想法中存在明确的层次结构，请使用标题标记来演示它。

Answer 3

通常，每页只应有一个h1，并且h1应该简洁地表示该页面上的内容。只要您愿意使用CSS进行样式，找出哪个级别的标题（h2，h3，h4等）正确表示您要使用的标题，然后将其设置为样式。

Answer 4

在我看来，你不必担心，可以这样做。

H1将您的部分内容指定为第一级标题。因此，如果导航div中有第一级标题（例如<H1>Navigation Menu</H1>），那当然应该是#nav h1。

如果你的内容中应该有几个H1依赖：如果你有一个博客，每个条目都有自己的标题，那就是H1。但是，如果您的博客本身有标题（例如<H1>My Blog!</H1>），则博客条目标题应为H2。

但那只是理论。寻找可读的语义标记。你可以通过查看你的HTML并问自己最好地决定：'它是否可读？如果我以另一种方式做到这一点，可读性会提高吗？答案因项目而异。

Answer 5

从语义上讲，我更喜欢在页面上使用一个h1，主要用于页面的标题。搜索引擎优化可能并不重要，而且随着HTML5与HTML5的关系，通用的header标签会使它变得更简单，而且这个参数已经过时了。

Answer 6

我不喜欢多个H1的想法。 H1是最高级别，最重要的标题，页面基本上是关于该主题的。如果您有一个同样重要的第二个主题，请不要将其放在另一个H1标记中，只需将其放在另一个页面中即可。它值得，对吗？

Answer 7

在尝试回答相同的问题时，我发布了这个可能有一些有用信息的问题。我担心在不同的地方使用相同的H1，H2，H3是因为除非你总是像在你的例子中那样指定'父'风格* - 否则你可能会遇到问题。

  

Dilemma in deciding how to create CSS for H1, H2, H3 etc.

*那就是说你永远不会自己定义'h1'

Answer 8

我尝试在页面上只有一个H1并且几乎只从标题标签的内容中重新排列/ H1是单个页面的主要想法，其他每个东西应该是h2标签和低....

Answer 9

如果是关于seo，最好使用h1标签。如果你想将它用于sytling目的，请使用css样式表。

最重要的是： 如果在网页中使用了多个h1标记，那么谷歌可能会将该页面视为垃圾邮件。除了h1之外，还可以使用h2 h3 h4 h5 h6以外的其他航向标签。

Answer 10

这完全取决于你doctype的内容。使用html5，每个部分可以使用多个h1标记。 （请勿按<section></section>阅读！） 在示例XHTML 1.0 Transitional doctype中使用时，我会避免在一个页面上使用多个h1标记。

在示例中使用XHTML 1.0 Transitional doctype时，我经常会这样做：

• h1：最大每页一次
• h2：最大每页两次
• 等

另外@joel，即使你的答案还行，请不要试图让任何人感到困惑......我可以说我是谷歌软件工程师，因为我只是与Google合作（不是公司，但是产品）我是工程师......请在声明事项时列出您的公司名称和任何认证。

Answer 11

我认为在我的页面上每个块元素的顶部都放置一个H1标签是很好的SEO练习，但那就是我。当然，这个H1标签应包含与您所定位的关键字/主题相关的信息。

这是我发现的一种非常有效的搜索引擎优化方法，因此告诉你不要这样做的人试图阻止你加入我们的奖金。