标题层级必须严格递进（h1→h2→h3→h4…），跳级或倒置会破坏爬虫文档大纲构建，降低索引优先级；需配合或包裹逻辑单元，并确保h1唯一且位于内首部。

标题层级断层（比如 h2 后直接出现 h4）会让搜索引擎爬虫无法构建可信的文档大纲，进而降低内容区块的索引优先级，甚至跳过整段内容。这不是样式问题，而是结构信号失效。

严格遵循 h1–h6 的递进顺序

爬虫和读屏工具都依赖标题嵌套表达逻辑关系。h2 必须由 h3 承接，h3 后才能是 h4，不能跳跃、不能倒置。

• 允许：

  产品特性

  续航表现

  实测数据

• 禁止：

  产品特性

  实测数据

  （跳过 h3）
• 禁止：

  用户反馈

  购买指南

  （层级倒置）

用语义标签辅助锚定结构边界

仅靠标题不够，还需用

、

等包裹逻辑单元，帮爬虫确认“哪一段属于哪个 h2 下的子结构”。

• 每个
  应以 h2 或 h3 开头，内部标题保持连续降序
• 独立博文/产品页建议用
  包裹，其内首个标题应为 h1 或 h2（视页面定位而定）
• 避免把所有内容堆在单个
  里再靠 CSS 模拟层级——爬虫完全无视 class 名称

  检查与修复常见断层场景

  CMS 输出、Markdown 转 HTML、编辑器粘贴等环节极易引入跳级。上线前必须验证。

  

  DeepBI DHTML 页面生成器

  生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

  下载

  • 用浏览器插件（如 HeadingsMap）或 Lighthouse 的 “Heading levels should only increase by one” 检查项扫描
  • 避免 CMS 自动补空 h3：内容为空的标题比跳级更糟，会污染大纲
  • 若某段确实无需 h3，改用

    配置步骤

    或无序列表替代，不强行跳级“省事”

  确保 h1 唯一且位于主体内容起始处

  h1 是整个页面的主题锚点，缺失或错位会放大标题断层的影响——爬虫失去顶层参照，后续所有层级都可能误判。

  • 全页只能有一个 h1，且必须出现在
    内部、靠近开头位置
  • 不能是通用文案（如“欢迎光临”），应包含该页核心关键词（如“iPhone 16 Pro 配置与价格”）
  • 不要把 h1 放在
    或
    中；它需紧邻用户真正要读的正文

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！