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

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

我只是添加了看起来不错的粗体单词和短语，希望被随机选中用于搜索引擎结果页面(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最多支持6个标题标签(H1-H6)，您可以根据需要使用它们来组织页面。可以根据您的品牌在视觉上对它们进行程式化，除了H1之外，您可以在页面上拥有任意数量的这些标签。

您的标题应该坚持自己写作的主题，因为它们可以帮助读者（以及搜索引擎）在内容中找到主要点，并通过页面的流程来指导它们。当您的格式化时，在分手部分时使用您的最佳判断。

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

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

既然你知道有关标题标签的更多信息，让我们进入它们如何用于SEO。

标题标签和SEO

考虑一下：Google查找内容以供您提供服务爬行网页．因此，它分析了它发现的文本，图像和其他元素了解这个页面是关于什么的．

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

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

为了说明，假设您的关键字是“电子商务”。您希望将其反映在您的H1标签中，因此像“开始电子商务业务指南”的标题是理想的。这将告诉谷歌究竟如何向您的帖子发送Web浏览器。

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

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

标题还更容易阅读页面。切断网页的不同部分，以可理解的方式保持有组织和分解的信息。这有助于读者找到他们正在寻找的信息，而且还可以搜索正在扫描的搜索引擎。

如果你的部分没有意义，你的页面可能不会排名。想想这篇文章中的章节——你认为它们是以一种可读的方式分解的吗?

如何在HTML中添加标题标记

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

例如，如果你的h1是“开始电子商务的指南，“它应该是这样的:

看笔H1示例2由克里斯蒂娜百科（@hubspot.)Codepen.．

这将适用于HTML4或更旧的工作。如果您正在使用HTML5，您可能必须使用略微不同的线来获得相同的结果。改变是向谷歌提供关于H1是什么的校长：

看笔H1示例3由克里斯蒂娜百科（@hubspot.)Codepen.．

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

看笔H3示例1由克里斯蒂娜百科（@hubspot.)Codepen.．

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

一些博客平台，如WordPress和HubSpot，在工具栏上有一个创建标题标签的选项，所以每次你想添加一个，你不需要挖掘源代码或HTML来做。

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

我喜欢使用的良好测试是向一个不太了解博客或营销的亲密家庭成员发送帖子。使用Outsider反馈并询问他们是否可以在我发布之前理解我的写作，以帮助我格式化帖子，因此它们可以理解。

由于使用标题可以帮助您的用户和搜索引擎的可粗易可读性，因此在创建页面和帖子时没有理由不使用它们。您甚至可能会在页面上的搜索引擎排名，流量和时间内看到跳跃。

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