标题标签（H1–H6）：如何为读者和 SEO 组织页面结构

标题标签（<h1> 到 <h6>）用来标记网页上的标题。它们为页面提供了大纲，就像章节结构组织起一本书。这种结构同时帮助三类受众：

• 读者：他们浏览标题来找到需要的部分
• 屏幕阅读器用户：他们在标题之间跳转来导航
• 搜索引擎和 AI 系统：它们用标题来理解每个部分讲的是什么

把标题用对，是你能做的最简单的页面优化之一。

标题层级如何运作

• H1：页面的主标题，描述整体主题
• H2：主要章节
• H3：H2 内的小节
• H4–H6：更深的层级，大多数网页很少需要

好的大纲读起来就像一份目录：

H1  如何在家开始堆肥
  H2  哪些可以堆肥，哪些不可以
    H3  绿料：富含氮的材料
    H3  褐料：富含碳的材料
  H2  选择堆肥箱
  H2  分步讲解：开始你的第一堆堆肥
  H2  常见问题排查
    H3  我的堆肥有异味
    H3  我的堆肥不分解
  H2  常见问题

任何人看到这个大纲，都能准确知道页面涵盖什么内容，搜索引擎也一样。

一个页面只能有一个 H1 吗？

从技术上讲，HTML5 允许多个 H1 元素，Google 也表示有多个 H1 对其系统来说不成问题。尽管如此，每个页面一个 H1 是最清晰的选择。它明确无误地表明主要主题，让屏幕阅读器的大纲保持逻辑清晰，也不会让 SEO 工具产生困惑。

出现多个 H1 的常见原因，是主题在每个页面上都把 logo 放在 H1 中，或者页面构建器把 H1 当作样式来用。检查一下你的模板。

H1 应该和 title 标签一致吗？

它们应该描述同一个主题，但不必完全相同。title 标签是为搜索结果而写的，需要控制在大约 60 个字符（中文约 30 个汉字）以内。H1 是人们到达页面后看到的标题，所以可以稍长一些，或者更口语化。

如果两者描述的是完全不同的东西，Google 更有可能在搜索结果中改写你的标题。

标题的最佳实践

用标题表示结构，而不是样式

不要因为喜欢某个标题级别的字号而选择它，也不要把普通文字加粗放大来代替真正的标题。用 CSS 设置标题样式；根据大纲选择层级。

不要跳级

从 H2 到 H3，而不是从 H2 直接跳到 H4。跳级会让结构更难理解，尤其是对按标题层级导航的屏幕阅读器用户来说。

让标题具有描述性

“概述”、“更多信息”和“第 2 部分”对谁都没有意义。“阁楼改造要花多少钱？”则准确地告诉读者和搜索引擎接下来是什么内容。

自然地使用人们搜索的词语

如果你的页面针对“阁楼改造费用”，那么 H1 和至少一个 H2 使用这个短语或相近的变体是合理的。不要把关键词硬塞进每个标题，那样读起来很糟，也没有任何好处。

问答类内容使用问题式标题

当某个部分回答一个问题时，把标题写成这个问题，并在下方第一句话中直接回答。这种形式便于读者浏览，也便于搜索引擎提取用于精选摘要、“其他用户还问了以下问题”和 AI 答案。

保持简洁

大多数标题在大约 70 个字符（中文约 35 个汉字）以内效果最好。很长的标题难以浏览。

标题与无障碍

对于使用屏幕阅读器的人来说，标题是理解页面和在页面中移动的主要方式。《Web 内容无障碍指南》（WCAG）要求标题描述其所在的部分，并反映内容的真实结构。因此，良好的标题结构是一项无障碍要求，而不仅仅是 SEO 上的锦上添花，而且它对每个人都有帮助。

常见的标题问题

1. 完全没有 H1：通常是因为主题用带样式的 div 显示页面标题
2. 每个页面的 H1 都是 logo：于是每个页面的 H1 都一样
3. 把标题用于设计元素，比如侧边栏中的“关注我们”或订阅框
4. 空标题：H 标签中只有一张没有 alt 文本的图片
5. 大段文字：长页面上完全没有小标题

全站抓取会标记出缺少 H1 或有多个 H1 的页面，单页检查则能显示完整的大纲。

常见页面类型的大纲示例

产品页面

H1  铂富 Barista Express 意式咖啡机
  H2  主要功能
  H2  包装清单
  H2  规格参数
  H2  用户评价
  H2  配送与退货

本地服务页面

H1  深圳 24 小时水管维修
  H2  我们修什么
    H3  水管爆裂
    H3  热水器故障
    H3  下水道堵塞
  H2  服务区域
  H2  收费标准
  H2  为什么选择我们
  H2  常见问题

对比评测文章

H1  2026 年最佳锥刀磨豆机
  H2  推荐一览
  H2  我们如何测试
  H2  磨豆机详细评测
    H3  1. Baratza Encore ESP – 综合最佳
    H3  2. Fellow Opus – 设计最佳
  H2  选购磨豆机要看什么
  H2  常见问题

每个大纲本身都清晰明了。你可以把它交给一位作者，他会准确知道要写什么。

标题与精选摘要

当页面出现在精选摘要（部分搜索结果顶部方框中的答案）中时，Google 常常把一个标题作为上下文，把紧随其后的段落或列表作为答案。摘要中的列表经常来自一系列 H2 或 H3 标题，或者来自某个标题下的有序列表。

为了让你的内容获得最好的机会：

• 把标题写成问题或任务
• 在其后的第一段中简洁作答（约 40–60 个词，中文约 80–120 个字）
• 步骤使用编号列表，选项使用项目符号列表
• 比较使用表格

同样的结构也让 AI 搜索引擎更容易提取和引用你的内容。

审计全站的标题

标题问题通常来自模板，所以会在许多页面上重复出现。抓取可以很快发现规律：

1. 没有 H1 的页面：检查该页面类型的模板
2. 有多个 H1 的页面：通常是 logo 或侧边栏小工具造成的
3. 许多页面的 H1 完全相同：说明使用了模板化内容，或存在单薄、重复的页面
4. H1 与 title 标签的主题不一致：有发出混乱信号的风险

修复一次模板，所有使用它的页面都会得到改进。对于单个页面，打开大纲视图，只读标题：如果故事讲得通，并涵盖了搜索者期望的内容，结构就是有效的。

设置标题样式而不破坏结构

设计师有时想让一个结构上是 H2 的部分显示为小而低调的标题，或者想要一个并非标题的大号视觉文字。CSS 可以同时解决这两种情况：用一个 class 让 H2 看起来很小，用带样式的段落或 div 来呈现装饰性文字。让 HTML 如实反映内容结构，外观交给 CSS 处理。

要点总结

• 标题为页面提供大纲，对读者、屏幕阅读器用户和搜索引擎都有帮助。
• 用一个 H1 表示主要主题，用 H2 表示章节，用 H3 表示小节，不要跳级。
• 根据结构选择标题层级，用 CSS 设置样式。
• 问题式标题加直接的答案，适合精选摘要和 AI 答案。
• 大多数标题问题来自模板，在源头修复一次即可。
• 只读你的标题：如果大纲讲清楚了故事，结构就是有效的。

常见问题

标题标签对 SEO 有帮助吗？

有。它们帮助搜索引擎理解页面的主题和结构，并让内容更易阅读，从而提升用户参与度。尤其是 H1，它是页面主要主题的强信号。

我可以使用多个 H1 吗？

可以，Google 也能处理，但每个页面一个 H1 对用户、无障碍工具和审计来说都更清晰。

一个页面应该有多少个 H2？

有多少个真正的章节，就用多少个。一个简短的产品页面可能有两三个，一篇长指南可能有十个甚至更多。

标题必须包含关键词吗？

在自然合适的地方使用相关词语，尤其是在 H1 和主要的 H2 中。对读者来说，清晰比精确匹配关键词更重要。