什么是 H1 标签?为什么它很重要以及 SEO 的最佳实践
发布日期: 2024年4月5日
01
H1标签是什么?
H1标签是用于在网页上创建主标题的HTML,有助于向访问者和搜索引擎指示页面的主要主题。它包含一个开始</h1>标记、标题文本和一个结束</h1>标记。
以下是 HTML 和实时页面上的 H1 标签示例:

H1标签示例
为了让您更好地理解 HTML H1 标签在实践中的样子,让我们看看来自不同网站的示例。
H1标签是“SEO 原理:初学者基本指南”。它简洁、描述性强且引人注目。

W3Schools关于HTML标题的教程上的H1标签是“HTML Headings”。它简单、准确,并且与标题页面相匹配。

这篇 TechCrunch 文章的 H1 标签是“我们测试了 Google 的 Gemini 聊天机器人——以下是它的表现。”它很有趣,并准确地告诉读者他们会发现什么。

如何检查网页上的 H1 标签
享受特殊技能即可轻松查看您自己(或任何其他)网页上的H1标签。
以下是一些最常见的方法:
查看页面的来源代码
右键单击页面上的任意位置,然后从菜单中选择“查看页面源”或“显示页面源”。

这将打开一个包含页面源代码的新选项卡。
现在,您可以手动查找<h1>标记。
或者在Mac上使用“ Command + F”快捷键,在PC上使用“Ctrl + F ”快捷键,然后输入“h1”。

使用浏览器扩展
您可以安装浏览器扩展程序,该扩展程序将在您访问的任何网页上突出显示 H1 标签。

其他更复杂的扩展(例如SEO 扩展)详细显示了与 SEO 相关的意见,例如:
标题标签(指定网页标题的 HTML)
元描述(提供页面描述的 HTML)
元机器人标签(告诉搜索引擎如何提取、索引和显示页面内容的 HTML)
<h>标签和更多。
使用网站审核工具
您可以使用网站审核工具扫描您的网站,识别 H1 标签的任何问题。例如标签缺失、重复或为空。
例如,网站审核为您提供相关H1标签的信息,作为网站运行状况和性能综合报告的一部分。

02
为什么H1标签对SEO很重要?
H1 标签不是已确认的排名因素。但它们对于 SEO 仍然很重要。
以下是最主要的三个原因:
1. H1帮助搜索引擎理解内容
搜索引擎会查看您的 H1 以了解您的页面及其内容。
H1 的描述性越强越好。
Chewy 这篇博文中的 H1 是描述性 H1 的一个很好的例子。
它准确地告诉搜索引擎他们会找到什么:美国最好的有猫的咖啡店。确保他们更轻松地理解页面上的内容。

2. H1用户体验改善
H1 标签让读者能够快速了解页面的内容,从而改善用户体验 (UX)。特别是当您访问大多数网站时,H1 显示为页面上最大的文本时。
改善用户体验是根本。谷歌强调它有助于提高排名。
更何况:
快速浏览标题可以向读者展示他们在深入研究之前将学到的内容。这样,他们就可以预先评估您的内容的价值。
如果您做得很好,您的 H1 将提供层次结构,并向访问者保证您拥有他们正在寻找的信息。
考虑这个图像:

右边的示例显示 H1 是页面上最突出的标题,然后是 H2,然后是 H3,依此类推。
很容易浏览、接近和理解。
3. H1 提高可访问性
H1标签(以及一般的其他标题)可以帮助使用屏幕阅读器的用户理解页面的内容。
屏幕阅读器是通过语音合成器或盲文显示器传送计算机文本的程序。
以下是赫尔辛基州立大学显示辅助功能指南中的标题如何在屏幕阅读器上的示例:

图片来源:赫尔辛基州立大学
通过制作描述性的H1标签并保持有组织的标题结构,快速提高网站的可访问性。
03
如何将 H1 标签添加到您的博客页面
在大多数网站内容管理系统(CMS)中向文章添加H1标签很容易。事实上,许多CMS都有一个用于文章标题的占位符,该占位符会自动格式化为您的H1。
也就是说,以下是如何使用 WordPress、Squarespace 和 Wix 更改 H1 标签。
在 WordPress 中添加 H1 标签
大多数WordPress主题都是经过编码的,后续帖子标题是H1。

要更改此(或任何其他)标题,请单击或突出显示要重新格式化的文本。工具栏应该出现在您选择的块上方。
像这样:

单击该工具栏左侧的段落符号。
然后,选择“标题”。

通过选择“ H1 ”将标题标签更改为 H1 。

你已经准备好了。
在 Squarespace 中添加 H1 标签
大多数情况下,在 Squarespace 中向博客文章添加 H1 就像填写“文章标题”字段一样简单。
如果要更改页面的 H1 标签,请首先选择要更改为 H1 的文本。
然后,单击工具栏左侧的格式设置按钮。

并选择“标题1”。
像这样:

你就完成了!
在Wix中添加H1标签
Wix 会自动将您的博客文章标题设为 H1 标签。

但与此列表中的其他两个 CMS 不同,H1 标签只是帖子标题的一个选项。这意味着您不能将任何其他副标题更改为 H1。
04
H1标签最佳实践
您可以遵循以下六种 H1 标签最佳实践来提高 SEO。
1. 每页使用一个 H1
仅使用一个 H1 即可创建层次结构,并为您的页面提供更具逻辑性的结构。
它使读者(以及使用屏幕阅读器的人)可以轻松浏览并理解页面的内容。
H1用于传达主题的副标题。H2用于重要的副标题。H3用于支持这些内容的副标题。等等:

那么,每页有多少个H1标签呢?
每一页应该只有一个主要主题。那应该是你唯一的H1。
2.确保每个重要页面都有一个H1
考虑到 H1 标签是最重要的标题,每个重要页面都应该有一个。
哪些页面被认为是重要的?这取决于你。但一个好的起点是您想要在 Google 上排名的任何页面。
要查找 H1 丢失或为空的页面:
1、前往现场审核
2、输入您的主页 URL,然后单击“开始审核”
3、单击“问题”选项卡
4、在搜索栏输入“h1”
5、单击没有 H1 的页面的警告

然后您将看到旅行页面的列表。您可以通过为每个人添加 H1 来解决这个问题。
3. 包含你的目标关键词
除了标题标签之外,Google 还将扫描 H1 等内容,自定义其是否与搜索者的查询相关。
可用:
具有提及搜索词的 H1 的页面可能比具有未提及搜索词的 H1 的页面在该查询中排名更高。
我们对所有博客文章都这样做。
下面,您可以看到我们如何在两个不同的博客文章 H1 中包含关键字“标题标签”和“替代文本”:

4. 将 H1 标签控制在 60 个字符以内
你写的字越清晰、越简洁越好。H1标签或其他标题没有什么不同。
最佳做法是将其长度保持在50到60个字符之间,就像标题标签一样。
为什么?
许多CMS对H1和标题标签使用相同的希望副本。另外,Google有时会将标题标签切换为H1标签。并且您不Google在搜索结果中将其截断,如下所示:

因此,H1标签的长度没有技术限制。但最好的选择只是将其控制在60个字符以下。
5.将H1与文章页面的标题标签相匹配
一个常见的SEO 错误是将代码 部分中添加的标题标签与 H1 标签混淆。因为标题标签和H1标签都描述了页面的内容。
主要区别在于它们出现的 位置。
标题标签显示在浏览器选项卡的顶部。并且可能会出现在搜索引擎结果页面 (SERP) 上。除此之外,它们在网页上不可见。
以下是浏览器选项卡和 SERP 中标题标签的示例:

H1标签是用户在页面上看到的内容,通常是大文本。如果它们与标题标签不同,通常不会出现在SERP上。
Google 建议将 H1 标签与标题标签相匹配,以防止搜索结果中显示不准确的文章标题。
如果它们不同,它们应该非常相似。
像这样:

如果用户登陆您的页面并看到完全不同(且不相关)的 H1,他们会感到被欺骗。你不想要这样。
在某些情况下,您可能希望非文章页面的标题标签和H1不同。例如,如果您的主页包含您的品牌名称,或者您的产品页面包含您希望出现在搜索结果中而不是页面本身的价值协办。
6.优化你的H1搜索意图
搜索意图是用户搜索某些内容时的主要目标。
你的 H1 应该立即告诉读者你将满足他们的搜索意图。
可用:
您的内容将为他们提供他们想要的东西。
满足需求非常重要,因为这是 Google的主要目标。如果您想要更好的排名,这将成为您的解决目标。
要确定关键字的搜索目的,则其输入Google并分析出现的内容。
例如,“内容营销”的热门结果集中于解释内容营销是什么:

这些文章都不是太深入。它们也不卖任何东西。这告诉我们搜索本意是信息性的,文章是为了想要学习某些人编写的东西。
这意味着我们需要编写满足信息搜索意图的 H1(以及随附的帖子)。
确定搜索意图的一种更快的方法是使用关键字概述。
输入您的关键字并点击“搜索”。

这将提取有关您选择的关键字的信息,包括其意图。

05
如何运行 H1
标签审核
要检查您的网站是否有任何 H1 标签错误,请运行审核。
公开 现场审核。然后,粘贴您的域名并单击“开始审核”。

该工具将显示一个仪表板,其中包含您网站的整体健康状况。
单击“问题”选项卡可查看问题列表。

在搜索栏输入“h1”。

现在,您可以看到所有存在 H1 问题的页面。首先修复警告,然后修复通知。
我们建议定期进行审核,以通知您需要注意的任何新问题。
为此,请设置定期报告。
在站点评估仪表板的右上角,单击齿轮图标。
阶梯阶梯设置找到“计划”。
像这样:

接下来,您将看到一个选择弹出窗口,您可以在其中运行报告的频率。
将其设置为您喜欢的日期。并确保单击弹出窗口底部的“发送电子邮件”选项。然后,单击“保存”。

这样,您就能够解决任何问题并保持 SEO 工作顺利进行。

本篇文章来源于微信公众号: 外贸加出海

手机:+86 18526334221
地址:天津市和平区河川大厦A座写字楼18层
天津运营总部