标头标签：它们是什么以及如何使用它们

当我第一次开始写博客时，我不知道如何构建我的帖子以在搜索引擎中排名，甚至不知道为什么它很重要。

我只是添加了看起来不错的粗体单词和短语，并希望被随机选择用于搜索引擎结果页面（SERP）。

现在我知道有一门科学可以 博客优化，我在博客文章中添加的使它们看起来很专业的东西被称为标题/标题标签 - 它们是理解的重要工具 和 搜索引擎优化。

以下是有关标头标签及其用途的快速指南：

• H1 — 帖子的标题。它们通常以关键字为中心，围绕页面或帖子的“大创意”，并精心设计以吸引读者的注意力。
• H2 — 这些是对段落和单独部分的要点进行分类的副标题。考虑在 H1 中使用与“大创意”相关的语义关键词，同时帮助读者轻松找到他们想要阅读的部分。
• H3 ——这些小节进一步阐明了 H2 中提出的观点。或者，它们可以用于格式化列表或项目符号点。
• H4 ——这些小节进一步阐明了 H3 中提出的观点。或者，它们可以用于格式化列表或项目符号点。

H1、H2 等中的“H”正式代表“标题元素”，尽管 SEO 社区通常也将这些标签称为“标题标签”。

正如您可以从上面的指南中猜到的，数字表示每个之间的层次关系（H1 最重要，H2 不太重要，依此类推）。

以下是这种层次结构如何在博客大纲中体现的示例：

现在您已经了解标头标签为页面提供了结构，让我们从 H1 标签开始更具体地讨论它们。 

不要错误地将标题标签仅用作样式元素。毕竟，它们本质上是结构性的。将 H1 想象成书名。通常，一本书只有一个标题，因此您的页面或帖子也应该只有一个标题。 

此外，H1 标签应始终位于页面顶部，位于其余内容之前，就像书名位于封面上，然后再深入了解内部文本一样。

为了说明这一点，下例中的标题标签是标题“2021 年产品营销终极指南设立的区域办事处外，我们在美国也开设了办事处，以便我们为当地客户提供更多的支持。“

使用 HTML 代码将标题指定为页面的 H1。此代码可能会出现在网页的源代码中，如下所示：

见笔 H1 示例 1 作者：克里斯蒂娜·佩里康（@hubspot）上 CodePen.

然而，正如我们之前提到的，还有其他标题标签也有助于创建页面结构。

HTML 支持多少个标头标签？

HTML 支持最多六个标头标签 (H1-H6)，供您根据需要用来构建页面。它们可以根据您的品牌进行视觉风格化，并且除了 H1 之外，您可以在页面上添加任意数量的此类标签。 

您的标题应该紧扣您所写内容的主题，因为它们可以帮助读者（和搜索引擎）找到内容中的要点并引导他们浏览页面的流程。当你格式化时，在分解部分时使用你最好的判断。

下面是 HubSpot 博客文章的屏幕截图，其中包含用箭头指示的标题标签示例：

正如您所看到的，每个标题标签在视觉上看起来都不同，并且每个标题标签都用于一个新的想法。

现在您已经对标题标签有了更多了解，让我们了解它们如何用于 SEO。

标题标签和 SEO

您可能认为标头标签在与网站相关的事物的宏伟计划中无关紧要。然而，标题标签可以帮助提供内容的结构，并引起人们对最重要的想法、主题和（实际上）的关注。 关键词 在那内容中。因此，标题标签具有关键字相关性和可读性。 

考虑一下：Google 通过以下方式找到为其用户提供服务的内容： 抓取网页。在此过程中，它会分析文本、图像和其他找到的元素 了解该页面的内容.

当您将文本放入标题标记中时，您就表示该文本很重要，Google 将使用这些文本来确定页面的上下文，然后帮助 Google 提供与搜索者查询相关的结果。

这就是为什么在使用标题标签时确保它们正确匹配是很重要的 关键词意图。如果帖子的 H1 标签没有关键字，或者在 H2 和 H3 标签中放入不相关的文本，Google 将很难理解页面。因此，该页面的排名不会达到应有的水平。 

为了说明这一点，假设您的关键字是“电子商务”。您希望这一点反映在您的 H1 标签中，因此像“电子商务创业指南”这样的标题是理想的选择。这将准确地告诉 Google 如何将网络浏览器发送到您的帖子。

搜索引擎还会查看帖子中的标题标签，因此最好保持这些以关键字为中心。例如，您可以围绕与电子商务相关的流行长尾关键字创建一些 H2 部分，例如“创建电子商务业务的五个步骤”或“电子商务的最佳社交媒体工具”。

您也不必自己考虑关键字——事实上，您可以做一些简单的事情 关键字的研究 帮助您或研究关键字研究工具，例如 SEMRush or Ahrefs。只需确保您的标题标签对人类和搜索引擎机器人都友好即可。

标题还使页面更易于阅读。划分网页的不同部分可以使信息以易于理解的方式组织和分解。这不仅可以帮助读者找到他们正在寻找的信息，还可以帮助搜索引擎进行扫描。

如果您的部分没有意义，您的页面可能不会排名。想想这篇文章中的各个部分 - 您认为它们是以可读的方式分解的吗？

如何在 HTML 中添加标头标签

在 HTML 中添加标头标签是一个相当简单的过程。如果您想标记 H1，您可以输入 和 ，将 H1 文本放在这两个标记之间。对于任何类型的标头标记来说，这都是相同的方法。

例如，如果您的 h1 是“启动电子商务指南，” 它看起来像这样：

见笔 H1 示例 2 作者：克里斯蒂娜·佩里康（@hubspot）上 CodePen.

这适用于 HTML4 或更早版本。如果您使用 HTML5，则可能需要使用稍微不同的行才能获得相同的结果。这一变化是为了向 Google 提示 H1 是什么：

见笔 H1 示例 3 作者：克里斯蒂娜·佩里康（@hubspot）上 CodePen.

您还可以在两个标签之间包含标点符号。例如，您可能有：

见笔 H3 示例 1 作者：克里斯蒂娜·佩里康（@hubspot）上 CodePen.

请记住，Google 会扫描标头标签的 HTML，以告诉网络浏览器您的页面的内容，因此检查它们并查看 HTML 标头的格式是否正确非常重要。

一些博客平台（例如 WordPress 和 HubSpot）在工具栏上有一个用于创建标题标签的选项，因此每次您想要添加标题标签时，都无需深入研究源代码或 HTML 来执行此操作。

下次您为网站创建帖子时，请查看添加相关标题标签是否会影响 SEO，以及读者如何理解信息。

我喜欢使用的一个很好的测试是将帖子发送给一位对博客或营销不太了解的亲密家庭成员。利用外部反馈并在发布之前询问他们是否可以理解我的写作，这有助于我对帖子进行格式化，使它们易于理解。

因为使用标题可以帮助提高用户的可读性以及搜索引擎的可抓取性，所以在创建页面和帖子时没有理由不使用它们。您甚至可能会看到搜索引擎排名、流量和页面停留时间的跳跃。

编者注：本文最初发表于 2020 年 XNUMX 月，并已更新以提供全面性。

资料来源：https://blog.hubspot.com/marketing/header-tags