H1标签是一个HTML标题,最常用于标记网页标题。大多数网站使用CSS来使H1在页面上比H2、H3等次要标题更突出。
但是为什么H1标签很重要,如何添加一个,以及有哪些最佳实践?
在本指南中,您将了解所有这些问题的答案:
为什么H1标签对SEO很重要?
我如何添加H1标签?
H1标签的SEO最佳实践是什么?
为什么H1标签对SEO很重要?
以下是三个原因:
H1标签帮助搜索引擎理解页面
H1标签改善了用户体验
H1标签提高了可访问性
H1标签帮助搜索引擎理解页面
H1标签可以帮助谷歌理解页面的结构。因此,如果你使用H1作为谷歌推荐的页面标题或内容标题,你的H1有效地告诉谷歌“这是我的页面是关于什么的。”
H1标签改善了用户体验
H1标签改善了用户体验,因为它们是网页层次结构的一部分。H1是页面上最突出的标题,然后是H2,然后是H3,等等。
如果不能正确地使用H1标签和其他标题,页面就会变得难以浏览和消化。
H1标签提高了可访问性
数以百万计的视障人士使用屏幕阅读器将网页副本和图像转换为音频。根据webAIM的这项研究,60%的屏幕阅读器用户更喜欢只有页面标题是H1标签。
我如何添加H1标签?
大多数CMS都很容易为您的页面添加H1标签。让我们看看如何在几个流行的例子中做到这一点。
如何在WordPress中添加H1标签
大多数WordPress主题都使用页面或帖子标题作为H1。
如何在Wix中添加H1标签
大多数Wix主题在每个页面上都有一个H1标签。如果您不确定这是哪个文本,可以在主题编辑器中临时更改H1标记的样式。这将有效地突出显示页面构建器中的H1。
如何在Squarespace添加H1标签
大多数Squarespace主题在每个页面上都有一个H1标签。如果你不确定这是在哪里,只要点击突出的文本框,直到你看到一个“标题1”样式。
如何在HTML中添加H1标签
使用开始的H1标签(< H1 >),输入页面标题,然后添加结束的H1标签()。
例子:
这是h1
在搜索引擎优化H1标签的例子是什么?
编写好的H1标题没有硬性规则,但有一些格式可能需要遵循。
下面我列举了三个H1标签的例子来帮助你写下一个标题。
例1:关键字丰富的H1s
在这个H1的例子中,我写了一篇博客,明确地针对我的关键词:SERP波动。把相关的主题和关键字放在H1s的前面,可以加强你的内容与主题的相关性。
例2:长尾H1标签
在这篇文章中,SQ在他的标题中瞄准了一个长尾关键词。这个长尾版本也很高兴地涵盖了大量的短尾关键词变体,包括“谷歌问题”(2.2K搜索量)和“最常问的问题”(400搜索量)。当你在写你的H1标题时,考虑你可以在关键词主题方面涵盖的所有可能的基础。
例3:命令式H1标题
一个吸引读者的好方法是用祈使句指示他们做某事。这里有一个来自SQ的H1例子,它就是这样做的。指导性的、基于任务的标题是“如何”风格教程的一个很好的选择。
H1标签和标题标签的区别是什么?
在我们进入如何优化你的H1标题,重要的是你知道H1搜索引擎优化和标题标签搜索引擎优化之间的区别:
H1标头位于身体< >,而标题标签则放在< >头部分。
H1标题位于页面上,而标题标签在搜索引擎中可见。
因此,您可以将H1标记视为页面标题,而将标题标记视为SERP标题。
标题标签对点击很重要,h1标签对上下文很重要。
下面是H1标签与标题标签的对比:
标题标签通常比H1标题更重要。这是因为:
它们是搜索引擎在页面上看到的第一个元素之一,这意味着它们在向谷歌传达内容的相关性方面做了很多工作。
它们是用户在serp上看到的第一个信息,这意味着它们有能力直接影响点击量。
H1s和其他页面标题需要是描述性的,并帮助用户浏览页面。
稍后,我将讨论h1和标题标记之间的关系,向您展示何时对齐以及何时区分它们。
H1标签SEO最佳实践
在我们浏览最佳实践之前,重要的是要注意,打破其中任何一个都极不可能对你的网站造成SEO破坏。所以,如果你没有做这些事情,也不要惊慌。这当然不会导致任何可怕的事情,比如一个谷歌的点球。
谷歌的工作是理解、索引和排名网络的内容。如果没有处理非理想情况(如没有H1标记的页面)的机制,就不可能做到这一点。
也就是说,每一点都有助于seo,所以尽可能遵循最佳实践是有用的。
这里有9个关于H1标签的最佳实践:
使用H1标签作为页面标题
H1s使用标题案例
将H1与标题标签匹配
在每个重要的页面上使用H1标签
每页只使用一个H1
保持H1标签简短
层次结构的样式标题
包括你的目标关键词
使H1标签引人注目
使用H1标签作为页面标题
谷歌表示“将文章的标题放在文章主体上方的显著位置,例如标签。”
虽然许多网站平台和CMS默认这样做,但这可以覆盖某些主题。
如果你想知道你的主题是如何处理这个问题的,最简单的检查方法是在浏览器中右键单击标题并选择“检查”。如果突出显示的部分包含
,那么它将被包装在h1标记中。
如果你对HTML不熟悉,安装Ahrefs SEO工具栏,并检查免费的页面报告来查看你的h标签,包括H1。
如果您喜欢批量检查H1标签:
注册一个免费的Ahrefs网站管理员工具帐户
抓取您的网站与网站审计
转到On page报告
滚动到“H1设置”图表
单击饼状图的绿色部分
H1s使用标题案例
标题大小写是指包含四个或四个以上字母的所有单词大写。
如果您的CMS对H1标记和标题标记都使用页面标题,那么对页面标题使用标题大小写有助于在搜索结果中保持整洁。通常只有论坛帖子使用小写或句子大小写。
将H1与标题标签匹配
谷歌支持文档说匹配你的标题标签与你的H1。
大多数CMS(如WordPress)会自动做到这一点,但如果你想区分标题标签和H1,你可以使用像Yoast这样的SEO插件。
这样做的最常见的原因是当您的页面标题非常适合H1,但标题标签太长。
例如,我们的标题和H1在这篇文章中略有不同:
如果您的标题和H1略有不同,但出自相同的模式,就像上面的情况一样,那也没关系。如果你的标题和你的H1有很大的不同,可能需要把它们重新对齐。
为什么?在某种程度上,搜索者会被你在serp中的标题标签所吸引。如果他们在页面上看到一个完全不同且不相关的标题(H1),他们会觉得被骗了。
还有其他一些场合,您需要将标题标签与h1标签区分开来。例如,如果你的目标是特定的关键词,优化点击率,甚至品牌你的SERP标题。当你这样做的时候,只要确保两者不会偏离得太大。
您可以在Ahrefs网站管理员工具中免费检查不匹配的H1s和标题标签。
注册Ahrefs网站管理员工具
在网站审核中抓取你的网站
转到On page报告
滚动到“H1设置”图表
单击饼状图中的绿色区域
寻找完全不匹配的标题标签和H1s
下面是锚文本指南中不匹配的标题和H1:
标题标签是围绕定义的角度,而H1是围绕研究的角度。搜索者在点击这个页面后可能会感到有点迷惑或困惑,所以坚持一个一致的角度可能是有意义的。
专业技巧
如果你的网站有很多页面,在Ahrefs网站审计中根据自然流量对报告进行排序,以优先考虑更改。如果你的页面一开始就没有获得任何自然流量,那么担心标题不匹配和H1s就没有什么意义了。
在每个重要的页面上使用H1标签
既然您的页面标题应该用H1标签包装,那么您就应该在每个重要的页面上使用H1标签。毕竟,每一页都有一个标题。
如果你想找到缺失或空H1s的页面:
注册一个免费的Ahrefs网站管理员工具帐户
在网站审核中抓取你的网站
转到On page报告
滚动到“H1设置”图表
单击饼状图中的红色区域
您可以在上面看到我们的一些页面缺少H1s。
这是最佳实践吗?不是真的。但这也不太可能是一件大事,因为从SEO的角度来看,这些页面并不是特别重要。它们只是博客主页和存档页面,只可能吸引品牌流量。
因此,虽然我们的开发人员可以在几分钟内“修复”这个问题,但可能不值得浪费时间,因为页面对访问者来说看起来非常好——这就是这里最重要的。
每页只使用一个H1
谷歌的John Mueller表示,每页使用多个h1是可以的。
如果你使用的是HTML5,这是绝对正确的。在不同的部分使用多个H1标签在技术上没有什么问题。
例如,这个HTML5页面有四个H1标签,在技术上是好的。
Apples
苹果是水果。
Taste
味道好极了。
Sweet
红苹果比绿苹果甜。
Color
苹果有各种颜色。
几乎所有的现代浏览器都能正确地呈现它,并会在嵌套的
然而,即使使用HTML5,万维网联盟(W3C)也建议您使用“适合该部分嵌套级别的适当级别的标题”。
例如:
Apples
苹果是水果。
Taste
味道好极了。
Sweet
红苹果比绿苹果甜。
颜色
苹果有各种颜色。
这是因为如果没有明确的CSS规则,一些旧浏览器在正确呈现内容时会遇到麻烦。
但如果你的网站不使用HTML5怎么办?
John Mueller说,多个H1标签仍然是可以的:
不管你是否使用HTML5,在一个页面上有多个H1元素都是可以的。
既然这不是W3C标准的最佳实践,为什么这是谷歌的建议呢?
答:因为他们开发了一种机制来处理一个网页上的多个H1s的常见问题。
因此,尽管使用一个或多个H1标签对SEO来说可能无关紧要,但我们仍然认为这对大多数网站来说是最佳实践。
你可以在Ahrefs网站管理员工具中免费检查你的网站上是否有多个H1标签的页面。
注册一个免费的Ahrefs网站管理员工具帐户。
抓取您的网站与网站审计
转到On page报告
滚动到“H1设置”图表
单击饼状图中的黄色区域
保持H1标签简短
许多CMS使用相同的副本为您的H1和标题标签。如果是这种情况,除非您计划为每个页面和帖子编写唯一的标题标签,否则页面标题最好保持简短。
多短?一般的经验法则是70个字符或以下。
这里有一个页面打破了这个规则:
这个页面上的H1是80个字符,在页面上看起来非常好。但是由于WordPress使用相同的title标签副本,它在搜索结果中被截断。
我们可以通过将title标记设置为H1标记的较短版本来解决这个问题。但如果我们一开始就努力创造一款更短的游戏,我们就不会遇到这个问题。
层次结构的样式标题
标题用于在网页上创建层次结构。由于H1标签通常是页面上最重要的标题,您的CSS样式应该反映这一点。
换句话说,H1应该是页面上最突出的标签。
这似乎是显而易见的,但有很多网站在H1s和H2s之间几乎没有明显的区别。
包括你的目标关键词
谷歌的约翰·穆勒在2020年说:
当涉及到页面上的文本时,标题是一个非常强烈的信号,告诉我们页面的这一部分是关于这个主题的。
考虑到H1通常围绕着页面标题,它可以说是页面上最重要的标题。因此,通常包含主关键字以使页面主题对谷歌和搜索者都更加清楚是有意义的。
这是我们为几乎所有博客文章所做的事情。
这样做总是有意义吗?当然不是。
有时为了提高可读性,最好使用与目标关键字相近的变体。
例如,这篇文章的主要关键词是“如何在youtube上获得更多的观看量”。但是当我们写清单时,在H1中使用这个是没有意义的。所以我们用了相近的变体。
根据Gotch SEO 2024年的研究,排名与部分关键词匹配之间的相关性(-0.03)可以忽略不计,换句话说,完全匹配的关键词对排名没有显著影响。
不要害怕使用同义词、部分匹配的关键词、连词和停顿词,让事情听起来自然。
使H1标签引人注目
H1标签需要是描述性的。那是不用说的。但如果你是在为博客文章写标题,它们也需要足够引人注目来吸引点击。
如何创建一个引人注目的帖子标题?
在您考虑使用这些博客文章标题生成器之前,请考虑您的文章的目的。如果它的存在是为了吸引搜索引擎的自然流量,并且您的CMS使用H1s和标题标签的页面标题,则需要为搜索引擎用户编写帖子标题。
你怎么知道他们想要什么?
从你的目标关键词的排名结果中获取灵感。
例如,如果我们看一下“搜索引擎优化技术”的顶部页面,很明显搜索者想要可操作的和有效的搜索引擎优化技术,以帮助提高搜索流量。
我们可以使用这些信息为我们的帖子创建一个引人注目的页面标题(H1)。
在搜索引擎优化领域,这被称为搜索意图优化。
H1标签应该有多长?
H1标签可以很长,但由于大多数CMS都使用H1和title标签的页面标题,所以最好保持页面标题短(<70个字符),以避免标题标签截断。
我可以在一个页面上有多个H1标签吗?
如果你使用的是HTML5,答案是肯定的。如果你不使用HTML5,这就不是最佳实践,但也不是什么大问题。
我可以在H1标签中使用图像吗?
是的。事实上,W3C就是这样做的。
最终的想法
可以说,H1标签不像以前那么重要了。谷歌有适当的机制来理解你的内容,即使你使用H1标签不理想。
也就是说,遵循最佳实践并不难,所以您不妨这样做。至少,它改善了用户体验。