关于外贸网站多个H1标签和SEO的真相

我们的结论是，虽然每页只保留一个H1是可以的，但只要不过度使用H1，就可以使用多个H1，并且这些H1在上下文中适合页面结构。

更新：Google于2019年10月3日创建了一个视频-多个H1标题：如何处理它们的SEO和可访问性

更新：Google于2017年12月21日确认–我的网站模板具有多个H1标签

多个H1标签辩论

H1标签是SEO的同义词。 HTML5于2014年10月“正式推出”。这激发了人们对网页设计师和在线营销专家之间一场古老的SEO辩论的兴趣。在单个页面上使用多个H1标签是否对SEO不利？根据您订阅的思想流派，一些Web设计师在文档概述中争论了真正的用例。一些SEO也是如此。我们知道H1标签具有价值，但最近该价值已逐渐下降为“轻”作为排名信号。一些SEO试图在页面上插入几个H1标签（通常带有目标关键字），以为它们正在影响大纲算法。我已经看到了面包屑痕迹中的H1元素，这些元素隐藏在无语图形的后面，并通过CSS推送到空白处。

但是其他担心垃圾邮件的SEO则遵循一个h1标签的经验法则。当客户询问此主题时，我们重新评估了多个H1最佳实践。我们必须确立我们在此问题上的立场。我们写这篇博客文章时，是通过SEO伙伴以及通过社交媒体的网站设计师的投入。

HTML5文档概述

对于所有非技术人员而言，自1997年以来，HTML4就是Web开发人员概述，编码和构建网站的必经之路。实际上，当今存在的许多站点都是使用HTML4构建的。无论您是切换到HTML5规范还是使用HTML4，都可以使用多个H1标签。确保有合理的理由要使用它们，并且不要以牺牲用户体验为代价来滥用它们。马特·库茨（Matt Cutts）的这段古老但相关的视频也是如此。

初学者的标签用法

我们（SEO，作家和Web设计人员/开发人员均如此）总是说标签的用法与文章标题的结构相似。因此，Google可以将它们用作您主题的信号或上下文线索。它们帮助搜索引擎更好地了解页面，文章或文章的内容。

然后，技术SEO会顺其自然。 “优化” HTML标头标签和H1标签以提高搜索排名的传统方法是进行关键字研究，然后将这些关键字多次填充在一个内容上。 Google知道这种策略。随后发生的是SEO行业的战术部分，对H1标签的价值进行了实验，其中大部分都是令人费解的，并没有定论。

只要我记得，就一直有相互矛盾的文章宣称H1没有力量，仅对第一个H1重要，对所有H1都有巨大影响。最终的一般结论类似于：“ Google登上了我们–仅使用一个H1标签并确保其关键字丰富。”我认为这就是当今SEO行业的一半。

但这从内容营销和数字营销的角度讲有意义吗？在某些情况下，页面可能会聚集多个主题（尽管有一些技术SEO的建议），而一些H1标签却很合适？由于最终达成了HTML5文档标准，因此现在可以接受在单个URL上使用多个H1标签在语义上是正确的-只要以正确的方式使用它们，而不是将其作为垃圾邮件的技巧。简而言之，有新的H1使用规则。

以下是在文档结构中如何使用H1标签的方法：

H1应该始终位于页面内容的第一部分（通常是徽标或级别标题区域）。

H1标签可用于划分内容部分（传统上最常视为H2）。

H2标签用作HTML头元素，以详细说明轮廓以支持H1部分标签，后跟H3等。

从我们的角度来看，随着Google对简单关键字的理解不断增强，鼓励我们始终为人类写作，我们建议用户根据需要使用H1标签。然后，在有意义时使用关键字。我们不再具有“仅一个H1标签”的心态，并且没有理由反对推荐HTML5使用规则。感觉很像Google在蜂鸟之后的愿望。

针对SEO优化H1标签

当与H1标签中的上一个副本相关时，您应该始终尝试包含一个关键字，以便您的用户和搜索引擎了解您的网页的主要思想。以下是我们的SEO团队遵循的一些有用的提示，以便针对页面上的SEO优化我们的标题。我们有兴趣从这些标签中获取任何SEO值。

您为H1标签选择的关键字应该与您在标题标签和URL中寻找的关键字有所不同。

编写网页内容，以使H1能够表达出引人注目的，用户友好的消息，与带有关键字的标题相反，该消息有意义且易于识别。

每个H1标签中的单词应唯一，并应针对它们所在的网页。拥有唯一的H1标签将有助于Google识别不同页面之间的独特相关性。 H1标签是页面上title标签旁边最重要的SEO元素之一。

HTML4文档示例

<div> <—This is the start of the article<—This is the start of the article <h1>Learning SEO</h1> <—This H1 is the heading tag of the article; typically the primary subject matter <h2>About SEO</h2> <—This H2 tag is the start of a specific part of the article <p>paragraph<p> <p>paragraph<p> <p>paragraph<p> <p>paragraph<p> <h2>Why learn SEO</h2> <—This H2 tag is the start of another specific part of the article <p>paragraph<p> <p>paragraph<p> <p>paragraph<p> <p>paragraph<p> </div> <—This is the end of the article

HTML5文档示例

<div> <header> <h1>Learning SEO</h1> <—This H1 tag is the heading tag of the entire article and also represents the first content section. </header> <—Note how the heading is separated from the rest of the article <article> <—Note the “article” div, a new addition for sectioning content. <h1> About SEO</h1> <—This H1 tag is the start of a specific part of the article. (Note these are now H1, not H2 tags like in HTML4). <p>paragraph<p> <p>paragraph<p> <p>paragraph<p> <p>paragraph<p> </article> <article> <—Note how each content section is held within its own article div. <h1> Why learn SEO</h1> <—This H1 tag is the start of another specific part of the article. (Again, note these are now H1, not H2 heading tags like in HTML4). <p>paragraph<p> <p>paragraph<p> <p>paragraph<p> <p>paragraph<p> </article> </div> <—This is the end of the article.

现在，这是使用HTML5文档标准创建的同一篇文章：

那么，这两个HTML标签示例显示了什么？简而言之，可以在HTML5文档中使用多个标头标签的原因是<article>和<header>标签之类的元素。这些HTML标记告诉搜索引擎，它们应该将这些部分视为单独的文章。

由于Google偏爱网站格式较长，整体性更强的网站（如Hummingbird所证明的那样），并增强了其语义理解能力，因此在单个页面上具有多个H1可能会继续变得越来越普遍。实际上，这可能有助于帮助用户和搜索蜘蛛更好地消化每个网页上的内容部分。可以肯定的认为Google会加入有关H1标签的HTML5（如果尚未加入）。