标题标签:它们是什么以及如何使用它们

当我刚开始写博客的时候，我不知道如何在搜索引擎上排列我的文章，甚至不知道它为什么重要。

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

现在我知道有一个科学博客优化，我在我的博客文章中加入的使它们看起来更专业的东西叫做标题/标题标签——这是理解的一个重要工具和SEO。

下面是一个关于标题标签的快速指南，以及它们的用途:

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

H1，H2等的“H”正式代表“标题元素”，虽然SEO社区也通常称为这些标签“标题标记”。

正如您从上面的指南中可以猜到的那样，这个数字表示每个节点之间的层次关系(H1是最重要的，H2是次要的，以此类推)。

下面是一个例子，说明这个层次结构如何体现在博客大纲中:

既然您已经理解了标题标签为页面提供结构，那么让我们以更具体的方式来讨论它们，从H1标签开始。

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

此外，H1标签应该始终在页面的顶部，在您的其他内容之前，就像书籍的标题在您深入到里面的文本之前在封面上一样。

为了说明这一点，下面例子中的头标签是标题，"2021年产品营销终极指南．"

使用HTML代码将标题指定为页面的H1。这段代码可能会在网页的源代码中显示如下:

看到这支笔H1示例1Christina Perricone (@hubspot)CodePen．

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

HTML支持多少头标签?

HTML最多支持6个标题标签(H1-H6)，您可以根据需要使用它们来组织页面。可以根据您的品牌在视觉上对它们进行程式化，除了H1之外，您可以在页面上拥有任意数量的这些标签。

你的标题应该坚持你所写的主题，因为它们可以帮助读者(和搜索引擎)找到内容的要点，并引导他们通过页面的流程。当你在格式化的时候，使用你最好的判断来划分章节。

下面是HubSpot博客文章的截图，其中的标题标签用箭头表示:

正如您所看到的，每个标题标记视觉上看起来不同，每个标头标记用于新想法。

现在您对标题标签有了更多的了解，让我们来了解一下它们是如何用于SEO的。

标题标签和SEO

想想看:谷歌找到了提供给用户的内容抓取网页．在此过程中，它将分析文本、图像和找到的其他元素了解该页面的内容．

当您将文本放入头标记时，您是在表明该文本是重要的，谷歌将使用这些文本来确定页面的上下文，然后帮助谷歌提供与搜索者的查询相关的结果。

这就是为什么在使用头标签时要确保它们正确匹配关键词意图．如果一个帖子的H1标签没有关键字，或者如果你把不相干的文本放在H2和H3标签，谷歌将很难理解一个页面。因此，该页面的排名就不会像它可能的那样好。

举例来说，假设你的关键词是“电子商务”。你会希望这反映在你的H1标签，所以标题像“开始一个电子商务的指南”将是理想的。这将告诉谷歌如何发送网页浏览器到你的帖子。

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

你自己不必自己想到关键字 - 事实上，你可以做一些简单关键字研究为了帮助你，或者看看关键字研究工具，比如SEMRush或者Ahrefs.．只要确保你的标题标签对人类和搜索引擎机器人都是友好的。

标题也使页面更容易阅读。将网页的不同部分分开可以使信息以一种易于理解的方式组织和分解。这可以帮助读者找到他们想要的信息，也可以帮助搜索引擎找到他们想要的信息。

如果您的部分没有意义，您的页面可能不会排名。想想这篇文章中的部分 - 你认为他们是否被易读的方式分解了？

如何在HTML中添加标题标签

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

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

看到这支笔H1示例2Christina Perricone (@hubspot)CodePen．

这将适用于HTML4或更早的版本。如果你使用HTML5，你可能需要使用稍微不同的线条来获得相同的结果。改变是给谷歌一个关于什么是H1的提示:

看到这支笔H1示例3Christina Perricone (@hubspot)CodePen．

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

看到这支笔H3示例1.Christina Perricone (@hubspot)CodePen．

记住，谷歌会扫描HTML的标题标签来告诉浏览器你的页面是关于什么的，所以看一看你的HTML标题是否正确格式化是很重要的。

一些博客平台，如WordPress和Hubspot，在工具栏上有一个选项来创建标题标签，因此每次要添加一个时，您都不必挖掘到源代码或HTML中要执行此操作。

下次你为你的网站创建一个帖子时，看看添加相关的标题标签是否会影响搜索引擎优化，以及你的读者是如何理解信息的。

我喜欢使用的一个很好的测试是将帖子发送给不太了解博客或营销的亲密家庭成员。使用外部反馈，并在我发表文章之前询问他们是否能理解我的写作，这有助于我编排文章的格式，使其易于理解。

因为使用标题有助于提高用户的可读性以及搜索引擎的可爬行性，所以在创建页面和帖子时没有理由不使用它们。你甚至可以在搜索引擎排名、流量和页面时间上看到跳跃。

编者按:这篇文章最初发表于2020年1月，现已全面更新。