我有一个网页,我在各种DIV中多次使用h1标签,并且我为每个div设置h1的样式是合适的大小.
例如...
#content h1 { font-size:22px; } #left-nav h1 { font-size:14px; } #content .recent-news h1 { font-size:16px; }
这好吗?我担心SEO.
最好的方法是什么?还是我什么都不担心?
来自谷歌的Matt Cutts回答了一页上的多个H1:好还是坏?(2009年3月5日):
好吧,如果有一个合理的理由要有多个部分,那就没有那么糟糕了,你知道多个部分
h1
.我会注意过度使用它.如果你的整个页面h1
看起来很漂亮,对吧?所以,不要做h1
,然后你CSS来使它看起来像普通的文本,因为我们看到的人,谁是竞争对手抱怨,如果用户曾经关闭CSS或CSS不加载,它看起来非常糟糕.所以,你知道,这里有一点点可以h1
,然后页面上可能有两个部分,所以也许h1
这里有一点点.但你真的应该将它用于标题或标题,这就是目的.不要只是扔
h1
在页面上的任何地方.因为我可以告诉你,如果你只是扔h1
在页面上的任何地方,人们都试图滥用它,所以我们的算法试图考虑到这一点,所以它并没有真正对你有好处.所以我会在有意义且更节俭的地方使用它,但你可以多次使用它.
请记住,您的h1用于指示上下文,而不是布局.因此,在页面上有几个没有任何内在错误.
在此特定示例中,您需要确定左向导航h1是否与内容h1s和最近新闻h1具有相同的上下文重要性.如果您的脑海中存在明确的层次结构,请使用标题标记来演示它.
通常,每页只应有一个h1,并且h1应该简洁地表示该页面上的内容.只要您愿意使用CSS进行样式,找出哪个级别的标题(h2,h3,h4等)正确表示您要使用的标题,然后将其设置为样式.
在我看来,你不必担心,可以这样做.
H1将您的部分内容指定为第一级标题.因此,如果您的导航div中有第一级标题(例如
),那当然应该是Navigation Menu
#nav h1
.
如果你的内容中应该有几个H1依赖:如果你有一个博客,每个条目都有自己的标题,那就是H1.但是,如果您的博客本身有标题(例如
),则博客条目标题应为H2.My Blog!
但那只是理论.寻找可读的语义标记.你可以通过查看你的HTML并问自己最好地决定:'它是否可读?如果我以另一种方式做到这一点,可读性会提高吗?答案因项目而异.