首页 / SEO book / 内容与站内优化 / H 标签是什么、怎么用

什么是 H 标签(Header Tags)?

H 标签是什么、怎么用内容与站内优化

H 标签是用于把网页内容中的标题、副标题同其余内容区分开的 HTML 标签,重要性从 H1 到 H6 依次递减。

什么是 H 标签?

H 标签是用于把网页内容中的标题、副标题区分开的 HTML 标签,按重要性从 H1 到 H6 依次递减。

多数情况下只需用到 H1 到 H4,其中:

  • H1 是页面的主标题和标题
  • H2 是副标题和支撑论点
  • H3 是 H2 之下的子章节或列表项
  • H4 是 H3 之下的子章节或列表项

还需注意,h1 标签和 title 标签在 HTML 中并不是同一个元素。所有 H 标签描述的都是页面上实际显示的内容,而 title 标签则用于向浏览器窗口和搜索结果页摘要传达页面标题。

查看某个网页时,会在页面顶部附近看到 H1,而“title”显示在浏览器窗口或标签页中。

页面标题 vs H1

H 标签为什么对 SEO 重要?

H 标签能帮助用户浏览页面,把信息拆分开来,方便读者快速扫读并找到所需内容。

使用 H 标签也有助于让网站对搜索引擎更友好,搜索引擎依靠 H 标签更好地理解页面的各个部分。

H 标签有助于让内容对搜索引擎和读者都保持结构清晰、易于消化。

H 标签的最佳实践

1. 不要在 H 标签里过度堆砌关键词

如果遵循 SEO 最佳实践已有数年,可能习惯了在 H1、H2 和 H3 标签里加入目标关键词。

这些 H 标签过去曾是重要的排名因素,如今 Google 的算法已更聪明,H 标签里的关键词不再像以前那样有影响力。

话虽如此,在 H 标签里加入关键词仍然是个好主意,只是如今应更明智、更自然地添加。最不希望发生的,就是 H 标签过度堆砌到被 Google 判定为垃圾内容。

近些年来,我们发现了另一个应当谨慎使用 H 标签关键词的理由:清晰自明的副标题能帮你拿下精选摘要(featured snippet),尤其是在操作指南或清单类文章中。

来自 H2 的精选摘要

在我们那篇关于如何获取外链的文章中,写的是能提供价值的相关 H2 副标题,而非简单塞满关键词,结果 Google 把它们放进了精选摘要。

2. 保持 H 标签简短且一致

使用 H 标签的另一个重要习惯是尽量保持简短一致:把 H 标签控制在 3 到 5 个词,并保持结构一致,方便读者扫读。

H 标签的设计初衷就是把整块文字拆分成整洁的小节,过长的标题和副标题在页面上自然不好看。

除了让读者更轻松,简短的 H 标签也能帮助 Google 更好地理解页面内容。

3. 用 H 标签建立正确的内容层级

H 标签最初为何出现?其本来用途就是维护 HTML 页面上正确的内容层级。

H1 是主标题,H2 是副标题,H2 内部的 H3 是该部分的次一级标题,依次类推。每个小节内部都按重要性从高到低组织,从最重要、最相关的信息开始,再往下展开。

如果想用一种简单的方式查看网站如何在页面上组织 H 标签,可以在常用浏览器(Google Chrome 或 Mozilla Firefox)中安装 Ahrefs SEO Toolbar 扩展。

4. 检查 CSS 中的 H 标签设计是否一致

默认情况下,HTML 已能很好地为网页建立视觉层级。

你通常会发现 H1 和 H2 标签的字体更大、字重更粗(大致分别相当于 32px 和 24px),而 H3 和 H4 标签的字体更小(大致分别相当于 18px 和 16px)。

这一点并没有硬性规定,但有时会看到某些网站主题把 H3、H4 做得比 H2 还大。

在网站上,可以在 CSS 样式表中用正确的字体格式代码设定一致的 H 标签设计,也可以把选择器添加到自定义 CSS 字段,作为额外的样式表。

有时也会出现本该用 H2 的地方却用了 H3 的情况。如果 H 标签的设计没有设置好,这种情况很常见。虽然这一步并非关键,但它能确保你提供尽可能好的用户体验,并在 Google 中获得最大的 SEO 价值。

常见问题

我可以使用多个 H1 标签吗?

可以。Google 表示他们对此没有意见。不过,最佳的 SEO 实践仍然是每页只用一个 H1。

即便不考虑 Google,每页只保留一个 H1 也能让页面保持一致,日后由他人修改也更容易理解。

H1 和 title 标签可以不一样吗?

默认情况下,发布新文章时 H1 和 title 完全相同,但也可以选择写出不同的 title 和 H1。

例如,可能希望 title 更短,以便在搜索结果页上更好看,而 H1 稍长一些,留给页面访问者;或者希望 title 里包含年份,H1 里不加。

无论出于什么原因,从 SEO 角度看,让 H1 和 title 标签不同完全没有问题。

H 标签一共有几级?

HTML 总共支持六级标签:H1 到 H6。这意味着不存在 H7、H8 等等。

除了 H4 之外,很少会需要更多层级的子章节。若某个页面需要用 H5 和 H6,就值得想一想:是不是把太多信息硬塞进了一个页面?

与其如此,不如把内容拆到一个单独页面,让它更易读。