H1标题很有用，但并不重要

在Google网站站长环聊中，有人询问了H1在网页上的作用。约翰·穆勒（John Mueller）回答说，标题标签之所以好，有几个原因，但它们并不是关键要素。

SEO和H1标题

长期以来，搜索引擎优化的首要规则之一就是在页面顶部的H1标题中添加关键字，以表明该页面的含义和排名。

在2000年代初期就是这种情况。必须在H1中添加目标关键字词组。在2000年代初期，如果关键字不在H1标题中，那么您的网站可能就没有那么竞争了。

但是，自2000年代初以来，Google理解网页内容细微差别的能力已经走了很长一段路。

因此，务必听取Google的John Mueller对H1标题的评价。

可以使用多个H1吗？

问题的上下文是发布者是否被限制使用一个H1或可以使用多个H1标题标签。

这是问题：

“在网页上仅强制使用一个H1标签是强制性的，还是可以多次使用？”

Google的John Mueller回答说，您可以使用任意数量的H1。他还说，您也可以省略使用H1标题标签。

John Mueller关于H1标题标签的答案：

“您可以在页面上随意使用H1标签。没有上限，也没有上限。”

然后，在回答的最后，他重申发布者可以自由选择他们想要使用H1标题标记的方式：

“您的网站在没有H1标签或有五个H1标签的情况下将排名完美。”

H1标题，用于传达页面结构

John Mueller确认H1标题非常适合概述页面结构。

他的意思是标题元素可以协同工作，以创建有关页面内容的顶级概述。这是网页内容的宏观概述。

我认为，正确部署的标题策略对于传达页面内容很有用。

W3c是管理HTML指南的官方机构，它提供HTML验证程序，向您显示网页的“大纲”。

验证网页时，选择“显示轮廓”按钮。这是仅通过标题元素创建的轮廓来查看页面的好方法。

在W3C HTML验证程序中选择“显示大纲”选项将向您显示标题元素所传达的页面外观概述。这是获取页面结构的高级快照视图的好方法。

这是Mueller对H1标题元素的评论：

“ H1元素是一种为页面提供更多结构的好方法，以便用户和搜索引擎可以了解页面的哪些部分属于不同的标题。

因此，我将在页面上以正确的方式使用它们。尤其是对于HTML5，在一个页面上具有多个H1元素是完全正常的，也是一种期望。”

H1标题和SEO

约翰·穆勒（John Mueller）继续重申，缺乏标题或使用许多H1无需担心。这可能是由于Google不需要或不需要H1标题来对网页进行排名。

对于从事数字营销工作的任何人来说，这应该是显而易见的。Google的搜索结果到处都是没有H1标题或将其用于样式目的（滥用标题标签！）的网页。

有相关研究表明，排名最高的网站的XX％使用标题。但是这些研究忽略了现代网页，特别是那些使用WordPress模板的网页，通常会使用标题来设置导航元素的样式，这会使这些相关性研究产生偏差。

这是Mueller观察到的：

“因此，您无需担心。

一些SEO工具将此问题标记为问题，然后说“哦，您没有任何H1标签，或者您有两个H1标签……从我们的角度来看，这不是关键问题。”

H1标题对可用性有用

当Mueller开始谈论可用性的上下文中的标题标签时，他总是在回答这个问题。

我发现，尤其对于移动设备而言，标题标签有助于使网页更易于阅读。正确计划的标题有助于与用户交流网页的内容，并且在视觉上有助于分解令人生畏的文本页面，从而使其更易于阅读。

这是穆勒说的：

“从可用性的角度来看，可能有必要对此加以改进。因此，这并不是我会完全忽略那些建议，但我不会将其视为关键问题。”

关于标题标签的要点

1.根据需要使用尽可能多的H1标题元素
2.对与用户和Google交流页面结构
很有用3.标题元素对可用性很有用

更新：关于穆勒的回应

我在Facebook上阅读了一些批评穆勒的回应的反馈。有人认为他不应该只讲H1。

我认为，穆勒的回应应在所提问题的范围内看待。有人问他关于H1元素的狭窄问题，他回答了。

从技术上讲，穆勒的答案是正确的。他回答了他提出的问题。因此，我认为应该给约翰以这种考虑。

但是，我理解为什么有人会说他应该解决这个问题的根本原因。问这个问题的人可能不理解标题元素的正确用法。

如果该人知道标题元素的使用基础知识，那么他们就不会问是否可以在整个网页上放置H1元素。因此可能需要解决。

再一次，他没有批评穆勒，而是将回答的重点放在了H1元素上。

正确使用标题元素

我要补充一点，正确使用从（例如）H1到H4的所有标题元素是有用的。通过使用H2，H3（有时甚至是H4）来嵌套文章子主题，对于使页面内容更加清晰很有用。

以正确的方式正确使用H1到H4（您的选择！）的好处将有助于传达有关网页的内容，这对机器人和人类都是有益的，并且将提高可用性，因为它更易于在移动设备上阅读。

一种方法是将H1用作页面的主要主题，然后将该主要主题的每个子主题包装在H2标题元素中。这就是我对本文所做的。

如果<H2>子主题本身之一变成自身的子主题，那么我将使用<H3>。

<H1>主题</ H1>

<H2>子主题A <H2>

<H2>子主题B <H2>

<H3> B的子主题</ H3>

<H2>子主题C <H2>

标题元素和辅助功能

标题元素在使网页可供使用辅助设备访问Web内容的站点访问者访问中也起着重要作用。

ADA合规顾问Kim Krause Berg从可访问性的角度提供了以下见解：

我们在顶部使用一个H1标签来指示辅助设备内容的开头，并按照轮廓的显示方式组织<h2>-<h6>中的其余内容。

内容的层次结构对于屏幕阅读器很重要，因为它表明了内容与内容其他部分的关系。
标题下的内容应与标题相关。错误的序列会以<h3>开始，然后是<h1>

标题元素不仅仅是关键字的地方

关键字转储标题标签可以掩盖内容的不相关性。当您不再将标题标签视为转储关键字的地方并开始将它们用作传达该页面内容的标题时，您将开始看到页面的真正含义。如果您不喜欢所看到的内容，可以重写它。

如有疑问，请通过W3C HTML验证程序运行URL，以查看轮廓外观！