spot_img
Homegoogle谷歌SEO排名优化谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

JasperAI 10000字免费额度试用

比 Ahref便宜的SEO分析工具 SERanking免费试用注册地址

H1 标签是一种 HTML 标题,最常用于标记网页标题。 与 H2、H3 等较小的标题相比,大多数网站使用 CSS 使 H1 在页面上脱颖而出。

谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

但是为什么 H1 标签很重要,如何添加标签,有哪些最佳实践?

在本指南中,您将了解所有这些问题的答案:

谷歌SEO优化服务

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

以下是三个原因:

  1. H1标签帮助搜索引擎理解页面
  2. H1标签提升用户体验
  3. H1 标签提高可访问性

H1标签帮助搜索引擎理解页面

Google 的 John Mueller 说 H1 标签帮助 Google 理解页面的结构。 因此,如果您按照 Google 推荐的页面标题或内容标题使用 H1,则您的 H1 会有效地告诉 Google“这就是我的页面的内容”。

谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

H1标签提升用户体验

H1 标签在某种意义上改善了用户体验,因为它们是网页层次结构的一部分。 H1 是页面上最突出的标题,然后是 H2,然后是 H3,等等。

未能正确使用 H1 标签和其他标题,页面变得更难浏览和消化。

WordPress divi主题
谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

H1 标签提高可访问性

数百万视障人士使用屏幕阅读器将网页副本和图像转换为音频。 根据 webAIM 的这项研究,60% 的屏幕阅读器用户更喜欢只有页面标题是 H1 标签。

谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

大多数 CMS 使您可以轻松地将 H1 标签添加到您的页面。 让我们看看如何在一些流行的中做到这一点。

如何在 WordPress 中添加 H1 标签

大多数 WordPress 主题都被编码为使用页面或帖子标题作为 H1。

如何在 Wix 中添加 H1 标签

大多数 Wix 主题在每一页上都有一个 H1 标签。 如果您不确定这是哪个文本,请在主题编辑器中临时更改 H1 标签的样式。 这应该有效地突出页面构建器中的 H1。

谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

如何在 Squarespace 中添加 H1 标签

大多数 Squarespace 主题在每一页上都有一个 H1 标签。 如果您不确定它在哪里,只需单击突出的文本框,直到您看到带有“标题 1”样式的文本框。

谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

如何在 HTML 中添加 H1 标签

使用起始 H1 标签 (

),输入您的页面标题,然后添加结束 H1 标签 (

)。

例子:

<h1>This is the H1</h1>

H10的年终大促

H1 标签 SEO 最佳实践

在我们运行最佳实践之前,重要的是要注意打破其中任何一个都极不可能对您的网站造成 SEO 破坏。 因此,如果您没有做其中一些事情,请不要惊慌。 它肯定不会导致像谷歌惩罚这样可怕的事情。

Google 的工作是理解、索引和排名网络内容。 如果没有处理非理想情况(例如没有 H1 标签的页面)的机制,就不可能做到这一点。

也就是说,每一点点滴都对 SEO 有帮助——所以尽可能遵循最佳实践是很有用的。

以下是 H1 标签的 9 个最佳实践:

  1. 使用 H1 标签作为页面标题
  2. 为 H1 使用标题大小写
  3. 将 H1 与标题标签匹配
  4. 在每个重要页面上使用 H1 标签
  5. 每页只使用一个 H1
  6. 保持 H1 标签简短
  7. 层次结构的样式标题
  8. 包括您的目标关键字
  9. 让 H1 标签引人注目

使用 H1 标签作为页面标题

谷歌表示“将文章标题放在文章正文上方的显着位置,例如

标签中。”

虽然许多网站平台和 CMS 默认执行此操作,但可以针对某些主题覆盖此操作。

如果您好奇您的主题是如何处理这个问题的,最简单的检查方法是右键单击浏览器中的标题并选择“检查”。 如果突出显示的部分包含

,则它被包裹在 H1 标签中。

高质量外链购买
谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

如果您不熟悉 HTML,请安装 Ahrefs SEO 工具栏并查看免费的页面报告以查看您的 H 标签,包括您的 H1。

谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

如果您希望批量检查您的 H1 标签:

  1. 注册一个免费的 Ahrefs 网站站长工具帐户
  2. 使用 Site Audit 抓取您的网站
  3. 前往 在页面上 报告
  4. 滚动到“H1 设置”图表
  5. 单击饼图的绿色部分
谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

为 H1 使用标题大小写

标题大写是将包含四个或更多字母的所有单词大写的地方。

如果您的 CMS 对 H1 标签和标题标签都使用页面标题,则对页面标题使用标题大小写有助于使搜索结果看起来整洁。 通常只有使用小写或句子大小写的论坛帖子。

谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

将 H1 与标题标签匹配

Google 说要将您的标题标签与您的 H1 相匹配。

JasperAI 10000字免费额度试用

大多数 CMS(如 WordPress)会自动执行此操作,但可以使用 Yoast 等 SEO 插件将标题标签设置为与 H1 不同的内容。

谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

这样做的最常见原因是您的页面标题对于 H1 来说非常好,但对于标题标签来说太长了。

例如,这篇文章的标题和 H1 略有不同:

谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

如果您的标题和 H1 略有不同但出自同一模具,如上例,那很好。 如果您的标题与您的 H1 截然不同,则可能值得将它们重新对齐。

为什么? 搜索者部分地通过 SERP 中的标题标签出售。 如果他们在页面上看到一个完全不同且不相关的标题 (H1),他们会觉得被骗了。

您可以在 Ahrefs 网站站长工具中免费检查不匹配的 H1 和标题标签。

  1. 注册 Ahrefs 网站站长工具
  2. 在网站审核中抓取您的网站
  3. 前往 在页面上 报告
  4. 滚动到“H1 设置”图表
  5. 单击饼图中的绿色区域
  6. 寻找完全不匹配的标题标签和 H1

这是我们的锚文本指南的不匹配标题和 H1:

谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

标题标签围绕定义倾斜,而 H1 围绕研究倾斜。 搜索者在点击此页面后可能会感到有点受骗或困惑,因此坚持一致的角度可能是有意义的。

专家提示

如果您的网站有很多页面,请按自然流量对 Ahrefs 网站审核中的报告进行排序,以确定更改的优先级。 如果您的页面一开始就没有获得任何自然流量,那么担心标题和 H1 不匹配就没有意义了。

WordPress花园粉丝福利

想做跨境电商独立站但是没什么钱?可以免费试用Shopline智能建站工具,一个月都不要一顿火锅的钱!(这里就可以在线申请!) 或者扫描下方二维码
shopline
谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

在每个重要页面上使用 H1 标签

鉴于您的页面标题应该包含在 H1 标签中,不用说您应该在每个重要页面上使用 H1。 毕竟,每一页都有一个标题。

如果你想查找缺少或空 H1 的页面:

  1. 注册一个免费的 Ahrefs 网站站长工具帐户
  2. 在网站审核中抓取您的网站
  3. 前往 在页面上 报告
  4. 滚动到“H1 设置”图表
  5. 点击饼图中的红色区域
谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

您可以在上面看到我们的一些页面缺少 H1。

这是最佳做法吗? 并不真地。 但这也不太可能是一个大问题,因为从 SEO 的角度来看,这些页面并不是特别重要。 它们只是博客主页和存档页面,无论如何只能吸引品牌流量。

因此,虽然我们的开发人员可以在几分钟内“解决”这个问题,但可能不值得浪费他们的时间,因为页面对于访问者来说看起来非常好——这就是这里最重要的。

每页只使用一个 H1

谷歌的 John Mueller 说每页使用多个 H1 没问题。

如果您使用的是 HTML5,则完全正确。 在不同部分使用多个 H1 标签在技术上没有错。

例如,这个 HTML5 页面有四个 H1 标签,在技术上是没问题的。

<body>
   <h1>Apples</h1>
   <p>Apples are fruit.</p>
   <section>
      <h1>Taste</h1>
      <p>They taste lovely.</p>
      <section>
         <h1>Sweet</h1>
         <p>Red apples are sweeter than green ones.</p>
      </section>
   </section>
   <section>
      <h1>Color</h1>
      <p>Apples come in various colors.</p>
   </section>
</body>

几乎所有现代浏览器都会正确呈现它,并会根据嵌套级别在嵌套的

元素中显示 H1 标签。 这意味着第一个

中的 H1 看起来像 H2,嵌套在另一个

中的 H1 看起来像 H3,等等。

谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

然而,即使使用 HTML5,W3C 也建议您使用“适合该部分嵌套级别的标题”。

例如:

<body>
   <h1>Apples</h1>
   <p>Apples are fruit.</p>
   <section>
      <h2>Taste</h2>
      <p>They taste lovely.</p>
      <section>
         <h3>Sweet</h3>
         <p>Red apples are sweeter than green ones.</p>
      </section>
   </section>
   <section>
       <h2>Color</h2>
       <p>Apples come in various colors.</p>
   </section>
</body>

这是因为如果没有明确的 CSS 规则,某些旧版浏览器将无法正确呈现内容。

但是,如果您的网站不使用 HTML5 怎么办?

John Mueller 说多个 H1 标签仍然可以:

无论你是否使用 HTML5,一个页面上有多个 H1 元素都是可以的。

鉴于这不是 W3C 标准的最佳实践,为什么这是 Google 的建议?

答:因为他们已经开发出机制来处理网页上多个 H1 的常见问题。

因此,尽管使用一个或多个 H1 标签对 SEO 可能没有太大影响,但我们仍然认为这是大多数网站的最佳做法。

您可以在 Ahrefs 网站站长工具中免费检查您的网站上是否有包含多个 H1 标签的页面。

  1. 注册一个免费的 Ahrefs 网站站长工具帐户。
  2. 使用 Site Audit 抓取您的网站
  3. 前往 在页面上 报告
  4. 滚动到“H1 设置”图表
  5. 点击饼图中的黄色区域
谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

保持 H1 标签简短

许多 CMS 为您的 H1 和标题标签使用相同的副本。 如果是这种情况,除非您计划为每个页面和帖子编写一个唯一的标题标签,否则保持页面标题简短是值得的。

多短? 一般的经验法则是 70 个字符或以下。

这是违反此规则的页面:

谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

此页面上的 H1 是 80 个字符,在页面本身上看起来非常好。 但是因为 WordPress 使用相同的副本作为标题标签,它会在搜索结果中被截断。

tiktok siteground
谷歌SEO教程 什么是 H1 标签? 搜索引擎优化最佳实践

我们可以通过将标题标签设置为较短版本的 H1 标签来解决这个问题。 但如果我们一开始就努力创建一个较短的标题,我们就不会有这个问题。

层次结构的样式标题

标题用于在网页上创建层次结构。 由于H1标签通常是最…

比 Ahref便宜的SEO分析工具 SERanking免费试用注册地址
5分钟生成10篇英文软文article forge软件试用

siteground

【WordPress花园提醒您】如果想购买国外正版WordPress主题和插件,您需要一张VISA信用卡才能支付,这里我们推荐光大银行信用卡!赶快免费申请,别耽误了买插件哦!

guangda
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES