H1标签:它们是什么,最佳实践和示例

H1标签是HTML标签标签,通常用于标记主标题或突出显示网页的主要主题。

它包括开放%3CH1%3E标签,标题文本和关闭%3C/H1%3E标签。

这是我们博客文章之一的HTML代码中的H1标签的一个示例,以及它在实时页面上的外观。

 
H1标签:它们是什么,最佳实践和示例

H1标签是其他标题中最重要的标题标签(H1-H6)。

它纯粹是HTML元素;但是,您可以使用级联样式表(CSS)对其进行定型,以改善其在网页上的视觉呈现。

因此,您可能会在H1标签中看到其他HTML元素。

例如:

<h1>7 Link Building Services That Actually Work</h1>

如前所述,H1标签用于创建主要标题或突出显示网页的主要关键字。

但是,它的目的超出了这一点。

使用H1标签以及其他HTML标签,为您提供了一种清晰且结构化的方式来组织网页上的内容。帮助搜索引擎爬网和您的读者了解页面的结构和流程。

让我们更好地理解为什么H1标签对于搜索引擎优化(SEO)很重要。

为什么H1标签对SEO很重要?

将H1标签添加到网页上不是确认的排名因素

但是,Google建议使用H1标签以及其他HTML标签作为SEO最佳实践。

以下是一些原因:

1。帮助搜索引擎了解网页的主要主题

想象一下阅读整篇文章没有任何结构。

像这样:

 
H1标签:它们是什么,最佳实践和示例

在上面的示例中,甚至不清楚网页的主要目标关键字是什么。没有标题结构,您的读者很难在网页上浏览内容流。

搜索引擎也是如此。

像您的读者一样,搜索引擎使用H1来了解网页的主要主题。

使用H1标签是您说:“这是我的页面的目的。”

通过未能在网页上添加H1标签,您就可以使搜索引擎难以确定主要主题。

2。改善用户体验

Google清楚地强调,它奖励了提供良好页面体验的内容。

 
H1标签:它们是什么,最佳实践和示例

将H1标签添加到您的网站页面是创建良好页面体验的一个方面。

如何?

H1标签将网页的主要主题显示为页面上最大的文本。

这可以帮助您的读者在继续阅读其余内容之前了解网页的内容。

另外,值得一提的是,当H1标签与其他标题级别标签一起使用时,请您的读者了解页面上内容的结构和层次结构。

 
H1标签:它们是什么,最佳实践和示例

为了最有机会对辅助关键字进行排名,请将其包含在您的H2和H3标签中。

因此,无论他们想导航到特定部分还是只是浏览文章,HTML标签都有效地指导它们。进一步改善整体页面体验。

3。提高可访问性

全球有数百万的视觉障碍者使用屏幕读取器了解网页的内容。屏幕读取器将文本和图像内容转换为语音或盲文输出。

通过未能在您的网站页面上添加HTML标签,您就错过了使您的内容访问这些人的机会。

如何?

Webaim进行的一项研究中,有67.5%的屏幕阅读器用户报告说他们在网页上的标题中导航。

 
H1标签:它们是什么,最佳实践和示例

像这样:

 
H1标签:它们是什么,最佳实践和示例

使用H1标签和其他HTML标题构建网页,可让您创建一个清晰的层次结构,可以通过屏幕读取器轻松解释。并提供良好的用户体验。

如何将H1标签添加到网站页面

这是您可以通过不同内容管理系统(CMS)将H1标签添加到网站页面的方法。

如何在WordPress中添加H1标签

大多数WordPress主题都会自动将H1分配给博客文章和其他网站页面的页面标题。

例如,我们博客文章的页面标题之一是“ 17种获取更多YouTube订户的方法”。

WordPress已自动将此标题分配给H1标签。

<h1>17 Ways to Get More YouTube Subscribers</h1>

同样,WordPress自动将H1标签分配给我们的主页标题“ SEO最佳实践符合现实世界的结果”。

<h1>Where SEO best practices meet real-world results</h1>

您仍然可以直接从WordPress编辑器添加/修改标题标签,包括H1标签。

 
H1标签:它们是什么,最佳实践和示例

如何在Wix中添加H1标签

Wix自动将您的页面标题分配给博客文章的H1标签。

并且不允许您直接添加更多H1标签。但是,您可以通过自定义编码来在博客文章中添加多个H1标签(即使不建议使用)。

要将H1标签添加到其他网站页面,请单击要分配H1的文本。

选择“编辑文本”。

 
H1标签:它们是什么,最佳实践和示例

单击“样式”下的下拉菜单图标,然后选择标题为“标题1 ”。

 
H1标签:它们是什么,最佳实践和示例

如何在Squarespace中添加H1标签

Squarespace自动分配博客文章标题H1标签。

对于其他网站页面,选择要分配H1的文本。

然后,您将看到一个具有多个格式化选项的工具栏。

 
H1标签:它们是什么,最佳实践和示例

单击工具栏最左边的下拉菜单部分。

从下拉菜单中,选择“标题1 ”。

 
H1标签:它们是什么,最佳实践和示例

你就完成了。

如何在HTML中添加H1标签

要直接将基本的H1标签添加到页面的源代码:

使用开放%3CH1%3E标签,输入您的页面标题,并添加关闭%3C/H1%3E标签。

像这样:

<h1>Where SEO best practices meet real-world results</h1>

4 H1标签最佳实践

这里有四个H1标签最佳实践,Backlinko团队亲自遵守99%的时间:

1。每页只使用一个H1标签

Google的官方文件说,您应该每个网站页面仅使用一次H1标签。

 
H1标签:它们是什么,最佳实践和示例

将其保留为网页的主要主题或主要主题。

这样做可以帮助读者和搜索引擎了解网页的意义。

使用其他HTML标签进一步构建内容可以帮助您创建层次结构,并使读者和搜索引擎可以轻松浏览。

但是,这并不意味着Google会因在网页上使用多个H1标签而惩罚您。

实际上,Google的官方发言人约翰·穆勒(John Mueller)在Google搜索中央YouTube频道上的一个Office-Hours视频中清楚地提到了Google不会对具有多个H1标签的网站页面进行惩罚。

 
H1标签:它们是什么,最佳实践和示例

他的话:

H1标签:它们是什么,最佳实践和示例

您可以根据需要在页面上尽可能多地使用H1标签。没有限制,既没有上限也没有下限。

在某些情况下,在网页上使用多个H1标签是有意义的。

就像具有多个部分的网页一样。

尽管如此,我们还是建议每个页面只使用一个H1标签,以使您的内容集中在一个主题上,即使它很广泛。

2。在每个重要网站页面上使用H1标签

H1标签是最重要的标题标签。通常关注网页的主要主题。

未能在每个重要网站页面上包含H1标签,这意味着错过了将网页清楚地传达给读者和搜索引擎的机会。

使用Semrush的网站审核工具是识别具有缺失或空H1标签的网站页面的好方法。

要执行SEO站点审核,请启动该工具。

选择“ +创建项目”来创建一个新项目。

 
H1标签:它们是什么,最佳实践和示例

输入您的网站域。另外,输入项目名称(可选)。

单击“创建项目”。

 
H1标签:它们是什么,最佳实践和示例

请按照屏幕上的说明进行配置。

完成后,单击“启动站点审核”。

 
H1标签:它们是什么,最佳实践和示例

要发现缺少H1标签的页面,请转到“问题”选项卡。

 
H1标签:它们是什么,最佳实践和示例

在搜索栏中,键入“ H1” ,您将获得与H1标签有问题的页面列表。

 
H1标签:它们是什么,最佳实践和示例

3。使您的H1标签类似于标题标签

人们经常在标题标签和H1标签之间感到困惑。

因为两者都专注于网页的主要主题。

让我们清除混乱。

标题标签(%3ctitle tag%3E)出现在搜索引擎和浏览器选项卡的顶部。

标题标签示例:

 
H1标签:它们是什么,最佳实践和示例

而H1标签出现在网页本身上:

 
H1标签:它们是什么,最佳实践和示例

Google说,最好将网页的标题标签与H1标签匹配。

 
H1标签:它们是什么,最佳实践和示例

他们不需要逐字化。但是请确保它们传达相同的主题/主题。

否则,它可能会给读者和搜索引擎引起混乱。

当用户单击搜索结果中的标题标签时,他们希望找到与标题标签中承诺的内容相匹配的内容。

如果您的H1标签显着不同,并且完全谈论其他内容,则可能会造成混乱并导致糟糕的用户体验。

另一个原因是,除非提供单独的标题标签,否则许多CMS将网页的H1标签设置为标题标签。

因此,如果您的H1标签很长,并且您没有为网页提供单独的标题标签,则它可能会在搜索结果中截断或搜索引擎重写以更好地适合其显示参数。

为了避免这种情况,以50-60个字符为目标。

4。将关键字合并到H1标签中

根据一项相关研究,Google使用H1标签作为次级相关信号。标题标签旁边。

 
H1标签:它们是什么,最佳实践和示例

另外,在2020年,Google的John Mueller确认了搜索引擎将标题视为确定页面内容的一种方式。

而且,由于H1标题是页面上最突出的标题,并且标题标签着重于网页的主要主题,因此可以说Google在理解网页的上下文中具有很大的重视。

这意味着将您的主要和长尾关键字变化纳入H1标签是一种好习惯。

4 H1标签示例

Backlinko团队已经使在我们所有网站页面上添加H1标签的做法 – 从主页到博客文章再到指南。

这里有一些例子:

1。主页

源代码:

<h1>Where SEO best practices meet real-world results</h1>

它如何显示在网页上:

 
H1标签:它们是什么,最佳实践和示例

2。关于页面

源代码:

<h1>Want higher rankings and more traffic?</h1>

它如何显示在网页上:

 
H1标签:它们是什么,最佳实践和示例

3。终极指南

源代码:

<h1><strong>On-Page SEO:</strong> The Definitive Guide</h1>

它如何显示在网页上:

 
H1标签:它们是什么,最佳实践和示例

4。博客文章

源代码:

<h1>7 Link Building Services That Actually Work</h1>

它如何显示在网页上:

 
H1标签:它们是什么,最佳实践和示例

使使用H1标签是一种练习

在您的网页中使用H1标签并不能保证更好的搜索排名。

实际上,这甚至不是确认的排名因素。

但这是Google和其他搜索引擎推荐的好习惯。

使其成为最佳的SEO实践以及其他页面SEO实践,例如将Alt-Texts添加到图像中,包括您的元描述中的目标关键字,内部链接等。

Backlinko海外大牛热门必读

28种增加网站流量的方法

2025-2-17 7:04:31

Backlinko海外大牛热门必读

关键字蚕食:为什么避免它以及如何修复它

2025-2-20 6:23:41

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧