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

我有一个网页，我在各种DIV中使用h1标签多次，我为每个div的样式h1是适当的大小。在同一个页面上使用多个h1标签是否正常，但采用不同的样式？

例如...

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

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

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

这是好吗？我很担心搜索引擎优化。

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

来源

2009-02-02 Brad

我很好奇你为什么担心搜索引擎优化。我不知道任何搜索引擎甚至可以查看CSS的情况，但那是我的直觉，而不是基于任何东西。我不知道为什么它会 - 搜索引擎应该只关注内容的权利？ – 2009-03-15 01:31:58

这不是SEO的影响，它是寻找页眉的屏幕阅读器。 H1是页面的头部标题，应该使用一次。 H2-6是副标题，可以重复使用。至少我是这么看的。 – 2010-01-26 02:39:36

+1优秀的问题！ – 2010-01-26 03:05:39

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

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

如果您的内容中应该包含多个H1取决于：如果您有博客并且每个条目都有自己的标题，那么这些将是H1。但是，如果您的博客本身有标题（例如<H1>My Blog!</H1>），则博客条目标题应为H2。

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

来源

2009-02-02 17:13:00 Treb

http://www.w3.org/2003/12/semantic-extractor.html 从大纲的角度确保它看起来正确。 – 2010-01-26 02:27:49

一般而言，您应该每页只有一个h1，并且h1应该可以代表该页面上的内容。只要您愿意使用CSS进行样式设计，找出哪些级别的标题（h2，h3，h4等）能够正确表示要使用的标题，然后改为使用它们。

来源

2009-02-02 17:03:33 sykora

从语义上讲，我更喜欢在页面上使用一个h1，主要用于页面的标题。对于SEO来说，这可能并不重要，并且随着HTML5与HTML5的结合，通用的header标签将会使它变得更简单，并且这个参数已经过时。

来源

2009-02-02 17:04:32 ern

请记住，您的h1s用于指示上下文，而不是布局。所以，在页面上放置几个内容并没有什么本质的错误。

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

来源

2009-02-02 17:04:46

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

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

* 多数民众赞成在说你本身不

来源

2009-03-15 04:45:22

定义 'H1' 我不喜欢多H1 S的想法。 H1是最高级的，最重要的标题，页面基本上是关于该主题。如果你有一个同样重要的第二个主题，不要把它放在另一个H1标签中，只要把它放在另一个页面。这是值得的，对吧？

来源

2009-05-28 05:07:45 aalaap

我尝试在页面上只有一个H1，并将它从标题标签的内容中稍微重新排列/ H1是单个页面的主要想法其他所有东西都应该是h2标签，更低....

来源

2010-01-26 02:23:51

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

最重要的是：如果在网页中使用了多于一个h1标签，那么谷歌可能会认为该页面是垃圾邮件。可以使用除h1以外的其他标题标签，如h2 h3 h4 h5 h6任意多次。

来源

2010-03-27 04:18:09

马特来自谷歌卡茨回答到More than one H1 on a page: good or bad?（2009年3月5日）有：

好，如果有一个合乎逻辑的理由有多个部分，它不是如此糟糕有，你知道多h1小号。我会注意过度使用它。如果你的整个页面是h1，那看起来漂亮的Creti，对不对？所以不要全部h1，然后你CSS看起来像正则文本，因为我们看到人们，谁是竞争对手抱怨，如果用户关闭CSS或CSS不加载，它看起来真的很糟糕。所以，你知道，在这里有一点h1这里是可以的，然后也许在一个页面上有两个部分，所以在这里可能有的一点点h1。

但你真的应该使用它的标题或标题，这是什么的意图是。不要只把h1扔在网页上的任何地方。因为我可以告诉你，如果你只是在页面上的任何地方扔h1，人们试图滥用这个，所以我们的算法试图考虑这个，所以它并不真的对你有很大的好处。所以我会使用它，它有意义，更谨慎，但你可以多次使用它。

来源

2010-04-29 15:08:14 Joel

这一切都取决于你的doctype是什么。使用html5可以在每个部分使用多个h1标签。（不要阅读，每<section></section>！）当在例子中使用XHTML 1.0 Transitionaldoctype，我会避免在一个页面上使用多个h1标签。

当例如XHTML 1.0 Transitionaldoctype使用，我会经常去的是这样的：

H1：最大。每页一次
h2：max。每
等两次

而且@joel，即使你的答案是有点OK，请不要试图迷惑人......我可以说我是一个谷歌软件工程师，因为我只是与Google合作（不是公司，而是产品），我是一名工程师......请在声明事情时列出您的公司名称和任何证书。

来源

2012-01-09 18:25:26

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

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

来源

2013-02-02 18:40:24

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

回答

相关问题