在同一个页面上使用多个h1标签是否合适,但是使用不同的样式?

我有一个网页,我在各种DIV中使用h1标签多次,我风格h1为每个div是适当的大小。

例如…

#content h1 { font-size:22px; } #left-nav h1 { font-size:14px; } #content .recent-news h1 { font-size:16px; } 

这样好吗? 我很担心search引擎优化。

什么是最好的方式去做这件事? 还是我担心什么?

在我看来,你不用担心,可以这样做。

H1指定你的内容的一部分是一级标题。 所以如果你的导航div有一级标题(例如<H1>Navigation Menu</H1> ),当然应该是#nav h1

如果你的内容应该有几个H1取决于:如果你有一个博客,每个条目都有自己的标题,那么H1就是H1。 但是,如果您的博客本身有标题(例如<H1>My Blog!</H1> ),则博客条目标题应为H2。

但这只是理论。 去寻找可读的语义标记。 你可以通过查看你的html,并自问:“它是否可读? 如果我以另一种方式做了,可读性会提高吗? 答案会因项目而异。

Google的马特·卡茨(Matt Cutts)回答了一页以上的H1:好还是不好? (2009年3月5日)与:

那么,如果有一个合乎逻辑的理由有多个部分,那就不是那么糟糕了,你知道有多个h1 。 我会注意过度的。 如果你的整个页面是h1 ,那看起来很漂亮,对吧? 所以,不要做所有的h1 ,然后你CSS让它看起来像普通的文字,因为我们看到人们,竞争对手抱怨说,如果用户closuresCSS或CSS不加载,它看起来非常糟糕。 所以,你知道,在这里有一点h1 ,也许在一个页面上有两个部分,所以也许在这里有一点h1

但你真的应该用它来标题或标题,这是什么意图。 不要只是把h1扔到网页上的任何地方。 因为我可以告诉你,如果你只是把h1扔到页面上的任何地方,人们都试图滥用这个,所以我们的algorithm试图考虑到这一点,所以它不会真的那么好。 所以我会在有意义的地方使用它,但是你可以多次使用它。

请记住,您的h1s是用来表示上下文,而不是布局。 所以,在网页上有几个本质上没有任何错误。

在这个具体的例子中,你需要确定你的左导航h1s与你的内容h1s和你最近的新闻h1具有相同的上下文重要性。 如果您的头脑中存在清晰的层次结构,请使用标题标签来演示它。

一般来说,每个页面只能有一个h1,h1应该可以代表该页面上的内容。 只要你愿意用CSS来devise风格,找出哪个级别的标题(h2,h3,h4等)能正确表示你想要使用的标题,然后改变风格。

在语义上,我更喜欢在页面上使用一个h1,主要是页面的标题。 这可能与SEO没有太大的关系,并且HTML与HTML5一起使用的方式,通用的header标签会使它简单得多,而且这个参数已经过时了。

我不喜欢多个H1的想法。 H1是最高层次,最重要的标题,页面基本上就是关于这个话题。 如果你有一个同样重要的第二个主题,不要把它放在另一个H1标签,只是把它放在另一个页面。 这是值得的,对吧?

在试图回答同样的问题,我发布了这个问题,可能有一些有用的信息。 我在不同的地方使用相同的H1,H2,H3的关注是,除非你总是像你在例子中那样指定一个“父”风格,那么你可能会遇到问题。

在决定如何为H1,H2,H3等创buildCSS时遇到两难困境

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

我尝试在页面上只有一个H1,它几乎是从标题标签的内容几乎重新排列/ H1是单个页面的主要思想,每件事物都应该是一个H2标签,下… 。

如果是关于seo,最好使用h1标签如果你想用它只是为了sytling的目的使用css样式表。

最重要的是:如果在一个网页中使用了一个以上的h1标签,Google可能会认为该页面是垃圾邮件。 可以使用除h1之外的其他标题标签,如h2 h3 h4 h5 h6任意多次。

这一切都取决于你的doctype是什么。 使用html5 ,可以在每个部分使用多个h1标签。 (不要阅读,根据<section></section> !)在例子中使用XHTML 1.0 Transitional doctype ,我会避免在单个页面上使用多个h1标签。

当使用例如XHTML 1.0 Transitional doctype ,我经常doctype

  • h1:最大 每页一次
  • h2:最大。 每页两次
  • 等等

也@ joel,即使你的答案是好的,请不要试图混淆任何人…我可以说我是Google软件工程师,因为我只是与Google合作(不是公司,但是产品)而且我是一名工程师…请列出您的公司名称和任何certificate时声明的事情。

我认为它的SEO实践很好,在页面上的每个块元素的顶部放置一个H1标签,但那只是我自己。 当然,这个H1标签应该包含与您定位的关键字/主题相关的信息。

这是一个非常有效的search引擎优化方法,我发现,所以人们告诉你不要这样做,试图阻止你join我们的奖金。