什么是标题结构分析器?
标题结构分析器可解析 HTML 并将 H1 至 H6 的层级关系以树状图形式呈现。它会显示跳级标题、重复的 H1 标签以及影响 SEO 排名和屏幕阅读器导航的结构性问题。
粘贴完整 HTML 文档或单篇文章,分析器按文档顺序提取所有 h1 到 h6 标签,并标出跳级(h2 直接到 h4)、多余的 h1、空标题、隐藏在脚本里的标题等问题。树状视图让混乱的层级一眼可见。
使用方法
- 第 1 步 — 粘贴 HTML 源代码,或使用 # 标记标题的 Markdown。
- 第二步 — 工具提取所有标题标签,并以带层级标识的嵌套树状结构展示。
- 第三步 — 审查标记的问题,如跳级或缺失 H1,然后导出分析报告。
何时使用
- 博客发布前自查,确保屏幕阅读器和爬虫能干净地解析提纲。
- 研究竞争对手文章的结构,了解他们如何组织主题。
- 找出 WordPress 或 CMS 主题在主流之外塞进侧边栏的多余 h2。
结果
将博客文章的 HTML 粘贴进来,看看侧边栏是不是从 H2 直接跳到了 H4。这种断层会让屏幕阅读器和搜索爬虫扣分。
常见问题
- 标题跳级真的影响 SEO 吗?
- 间接影响。Google 自己说标题顺序不是排名因素,但跳级会让屏幕阅读器困惑、降低可读性,往往也是页面结构差的信号。读起来更顺的页面在意图匹配和停留时长上往往表现更好。
- 一个页面有多个 h1 不好吗?
- HTML5 在 sectioning 元素里技术上允许多个 h1,但大多数 CMS 模板和 SEO 工具仍然期待页面只有一个 h1 表示页面名称。两个 h1 通常是模板 bug 或组件误用,而非有意为之。
- 隐藏或折叠元素里的标题也算吗?
- 算。只要存在于 HTML 中,爬虫和屏幕阅读器都看得到。手风琴折叠区、移动端专属区域、Tab 切换内容都会被纳入提纲,即便此刻屏幕上看不见。
- AMP、MDX 或 JSX 源码能直接分析吗?
- 工具解析的是原始 HTML,AMP 可以直接用。MDX 或 JSX 请先在浏览器里查看渲染后的输出(开发者工具 > 元素 > 复制 body 的 outerHTML),再粘贴进来。Heading 这类组件标签在渲染成真正的 h1-h6 之前,解析器看不到。
- 怎么把报告导出做内容审计表?
- 点「导出报告」下载纯文本提纲,可直接粘进电子表格的一列;也可以直接复制树状视图。报告会列出每个标题的级别、文字以及检测到的问题,方便交给编辑。