是否可以在同一页面上使用多个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

来自谷歌的Matt Cutts回答了一页上的多个H1:好还是坏？(2009年3月5日):

好吧,如果有一个合理的理由要有多个部分,那就没有那么糟糕了,你知道多个部分h1.我会注意过度使用它.如果你的整个页面h1看起来很漂亮,对吧？所以,不要做h1,然后你CSS来使它看起来像普通的文本,因为我们看到的人,谁是竞争对手抱怨,如果用户曾经关闭CSS或CSS不加载,它看起来非常糟糕.所以,你知道,这里有一点点可以h1,然后页面上可能有两个部分,所以也许h1这里有一点点.

但你真的应该将它用于标题或标题,这就是目的.不要只是扔h1在页面上的任何地方.因为我可以告诉你,如果你只是扔h1在页面上的任何地方,人们都试图滥用它,所以我们的算法试图考虑到这一点,所以它并没有真正对你有好处.所以我会在有意义且更节俭的地方使用它,但你可以多次使用它.

Answer 2

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

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

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并问自己最好地决定:'它是否可读？如果我以另一种方式做到这一点,可读性会提高吗？答案因项目而异.