标题层级必须严格递进（h1→h2→h3→h4…），跳级或倒置会破坏爬虫文档大纲构建，降低索引优先级；需配合或包裹逻辑单元，并确保h1唯一且位于内首部。
标题层级断层（比如 h2 后直接出现 h4）会让搜索引擎爬虫无法构建可信的文档大纲，进而降低内容区块的索引优先级，甚至跳过整段内容。这不是样式问题，而是结构信号失效。
严格遵循 h1–h6 的递进顺序
爬虫和读屏工具都依赖标题嵌套表达逻辑关系。h2 必须由 h3 承接，h3 后才能是 h4，不能跳跃、不能倒置。
- 允许：
<h2>产品特性</h2> <h3>续航表现</h3> <h4>实测数据</h4> - 禁止：
<h2>产品特性</h2> <h4>实测数据</h4>（跳过 h3） - 禁止：
<h3>用户反馈</h3> <h2>购买指南</h2>（层级倒置）
用语义标签辅助锚定结构边界
仅靠标题不够，还需用 <section></section>、<article></article> 等包裹逻辑单元，帮爬虫确认“哪一段属于哪个 h2 下的子结构”。
- 每个
<section></section>应以 h2 或 h3 开头，内部标题保持连续降序 - 独立博文/产品页建议用
<article></article>包裹，其内首个标题应为 h1 或 h2（视页面定位而定） - 避免把所有内容堆在单个
<div> 里再靠 CSS 模拟层级——爬虫完全无视 class 名称 <h3>检查与修复常见断层场景</h3> <p>CMS 输出、Markdown 转 HTML、编辑器粘贴等环节极易引入跳级。上线前必须验证。</p><div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="/xiazai/skill12116" title="DeepBI DHTML 页面生成器"><img src="https://img.php.cn/upload/skill/001/246/273/6adaf20d3191a227.jpg" alt="DeepBI DHTML 页面生成器" ></a> <div class="aritcle_card_info flexColumn"> <a href="/xiazai/skill12116" title="DeepBI DHTML 页面生成器">DeepBI DHTML 页面生成器</a> <p>生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur</p> </div> <a href="/xiazai/skill12116" title="DeepBI DHTML 页面生成器" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> <p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p> <ul> <li>用浏览器插件（如 HeadingsMap）或 Lighthouse 的 “Heading levels should only increase by one” 检查项扫描</li> <li>避免 CMS 自动补空 h3：内容为空的标题比跳级更糟，会污染大纲</li> <li>若某段确实无需 h3，改用 <code><p><strong>配置步骤</strong></p>或无序列表替代，不强行跳级“省事”
确保 h1 唯一且位于主体内容起始处
h1 是整个页面的主题锚点，缺失或错位会放大标题断层的影响——爬虫失去顶层参照，后续所有层级都可能误判。
- 全页只能有一个 h1，且必须出现在
<main></main>内部、靠近开头位置 - 不能是通用文案（如“欢迎光临”），应包含该页核心关键词（如“iPhone 16 Pro 配置与价格”）
- 不要把 h1 放在
<header></header>或<footer></footer>中；它需紧邻用户真正要读的正文
