学完这篇,你能搞清楚 H1–H6 到底影响什么、怎么排才算语义正确,以及怎样用一个页面的标题结构让搜索引擎读懂你的内容重点。
第一步:先明白搜索引擎拿标题层级当什么用
搜索引擎爬虫解析页面时,<h1> 到 <h6> 是一套「内容大纲」信号,不是字号工具。它告诉爬虫:这一页讲什么(H1)、分成哪几块(H2)、每块下面还有哪些细分(H3)。
这带来两个直接影响:
- 相关性判断:标题里的词权重高于正文普通段落,H1 又高于 H2/H3。
- 结构化摘要:搜索结果里的目录跳转、AI 引擎抓取正文重点,都依赖这个层级。层级乱的页面,摘要容易抓成碎片。
注意:标题标签本身不决定排名。它影响的是「这一页主题是否匹配搜索意图」,内容质量和链接才是主因。为了排名去硬塞标题,反而会被判关键词堆砌。
第二步:一个页面只留一个 H1
H1 是页面主题的唯一声明。正确做法是让 H1 等于文章标题,并且和 <title> 保持语义一致(措辞可以不同,别一个字不差地重复)。
- 文章页:H1 = 帖子标题
- 列表页:H1 = 版块名或列表主题
- 首页:H1 = 站点名或一句站点定位
常见错误是模板里 logo 用了 <h1>,正文标题又用一个 <h1>,一页两个 H1,爬虫不知道哪个是主题。
注意:如果你在正文编辑区用 Markdown 的 # 写一级标题,页面模板自带的 H1 就会和它撞车。正文里从小标题开始写(##、###),把 H1 留给系统模板。
第三步:H2–H6 严格嵌套,不跳级
层级要像目录一样连续:H1 下面是 H2,H2 下面才是 H3。不要 H2 直接跳到 H4,也不要为了字号好看随手用 H5。
一个正常的文章结构长这样:
H1 文章标题
H2 背景与问题
H2 具体做法
H3 步骤一
H3 步骤二
H2 常见坑
跳级不会直接降权,但会削弱大纲的清晰度,也影响目录生成和 AI 摘要的抽取质量。
注意:如果某段内容在语义上不是标题(比如一句强调语),就别用 <h3>。想要视觉加粗,用 CSS 或 <strong>,不要借标题标签凑样式。
第四步:标题文字要能独立成立
把每个标题单独拎出来读,应该能看懂这一段讲什么。合格的标题是「怎么配置数据库读写分离」,不合格的是「配置」「点这里」「接下来」。
关键词自然出现在 H2/H3 里有加分,但一条标题里出现两三次同一个词就过头了。长尾词和具体问题式标题(「为什么 H1 只能有一个」)通常比短词更容易命中真实搜索。
第五步:别用 div 假装标题
<div class="title"> 加粗放大,肉眼看着像标题,爬虫看着是普通文本,语义为零。检查办法很简单:
- 浏览器 F12 里看一下大纲结构,或用「文档大纲」类扩展。
- 直接把页面 HTML 里的所有
<h1>–<h6> 抽出来,看能不能还原出一份合理的目录。
如果抽不出来,说明你这页对机器来说是一团平铺的文本。
第六步:把检查做成习惯
每次改完模板或发完一篇长文,花 30 秒做三件事:确认只有 1 个 H1、确认没有跳级、确认每个标题能独立读懂。系统层的站点标题、描述模板可以到后台「系统设置 → SEO」里统一配,但单篇内容的标题层级只能靠作者在正文里写对,后台配置管不到这一层。
小结
- H1 一页一个,等于页面主题,和
<title> 语义一致。
- H2–H6 连续嵌套、不跳级,结构像目录。
- 标题文字要能脱离上下文独立读懂,关键词自然出现,不堆砌。
- 正文里别自己写一级标题,避免和模板 H1 撞车。
- 用 div 模拟标题等于放弃语义,抽一遍标题标签就能自查。