MagicSEO
内容 SEO · 第 4 篇

标题层级 H1–H6：语义嵌套、唯一 H1 与可读性

约 11 分钟阅读 更新于 2026-06-24 MagicSEO 编辑部 · 人工审核 内容 SEO

标题层级是页面的“目录骨架”。清晰、有序的 H1–H6 让搜索引擎理解内容主次，让读者快速扫读，也让屏幕阅读器用户高效导航。它看起来是个小细节，却同时服务于 SEO、可读性和无障碍三件事——而正确做法其实很简单。

H1 唯一性原则每页只用一个 H1：虽然 HTML5 技术上允许多个、Google 也称能处理，但单一 H1 表达最清晰，对读者和辅助技术也最友好。其余标题用 H2–H6 表达层级。

H1 与 Title 可不同H1 是页面内主标题，Title 是搜索结果/标签页标题，两者可以不同措辞。详见 标题与 Meta 描述优化。

H2–H6 语义嵌套#

标题应按级别逐层嵌套，不跳级：H1 下是 H2，H2 下才是 H3，不要从 H2 直接跳到 H4。需要更小字号时用 CSS 调样式，而不是降级标题标签。

heading-outline.html
<h1>标题层级 H1–H6</h1>
  <h2>H1 唯一性原则</h2>
  <h2>H2–H6 语义嵌套</h2>
    <h3>不要跳级</h3>
    <h3>用 CSS 控制字号</h3>
  <h2>与无障碍的关系</h2>

这样的结构能生成清晰的“文档大纲”，搜索引擎据此理解各部分的主次关系。

标题、大纲与可读性
  • 便于扫读：用户能靠标题快速找到想看的部分；
  • 与内容相符：标题承诺什么，正文就讲什么。

    • 标题中的关键词#

    标题是主题信号，自然包含相关关键词有帮助，但以可读性为先。关键词应自然融入，而不是硬塞。堆砌关键词的标题既伤害体验，也可能被判低质。把读者放在第一位，关键词作为水到渠成的结果。

    与无障碍的关系#

    可访问 ≈ SEO 友好屏幕阅读器用户常用标题列表跳转页面，清晰不跳级的层级让他们高效导航。用真正的 H1–H6，而非靠加粗的普通文本伪装标题。可访问的结构往往也是搜索引擎友好的结构。

    常见错误#

    错误修正
    多个 H1 或没有 H1每页一个清晰 H1
    跳级（H2→H4）逐级嵌套
    用 H 标签纯粹为了字号大小层级表达结构，字号交给 CSS
    用加粗文本冒充标题用语义化标题标签
    标题堆砌关键词可读优先，自然含词
    本站示范本页用单一 H1、逐级 H2/H3，每个标题自带信息且配锚点——清晰的层级让本文也成为 适合 LLM 理解的内容结构 的实例。

    常见问题

    标题层级可以跳级吗（比如 H2 直接到 H4）？

    不建议跳级。标题应按 H1→H2→H3 顺序逐级嵌套，H2 下面才是 H3，不要从 H2 直接跳到 H4。跳级会破坏文档大纲的逻辑，让屏幕阅读器用户难以理解结构，也削弱搜索引擎对内容层次的解析。需要更小字号时用 CSS 控制样式，而不是用更低级别的标题标签。

    标题里一定要放关键词吗？

    标题是表达内容主题的重要信号，自然地包含相关关键词有帮助，但不要为塞词而牺牲可读性。好的标题先服务读者：准确概括该部分内容、便于扫读。关键词应是自然融入的结果，而不是硬塞的目的。堆砌关键词的标题既不友好，也可能被判为低质。

    标题层级和无障碍有什么关系？

    关系很大。屏幕阅读器用户常通过标题快速浏览和跳转页面，清晰、有序、不跳级的标题层级能让他们高效理解页面结构。这与搜索引擎解析内容的需求一致——可访问的结构往往也是 SEO 友好的结构。用语义化的 H1–H6 而非靠加粗的普通文本来表达标题，是无障碍的基本要求。