HTML 语义化与 SEO：标题层级对排名的影响

学完这篇，你能搞清楚 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 模拟标题等于放弃语义，抽一遍标题标签就能自查。