标题层级检查

📖 工具介绍

标题标签构成页面的内容大纲，既帮助读者快速浏览，也是搜索引擎判断页面结构的重要依据。本工具粘贴 HTML 源码后提取全部 h1 到 h6 标签，按文档顺序生成缩进大纲并统计各级数量，同时检查五类常见问题：是否存在内容为空的标题、是否有标题超过 60 字符、是否出现层级跳跃（例如 H2 直接跳到 H4）、页面是否缺少 H1、以及是否存在多个 H1。通常一个页面只应有一个 H1 作为主标题，其余按层级递进，不应跳级。大纲可一键复制为带缩进的文本，便于贴进文档或交给同事核对。源码只在本机解析。常见使用场景包括：长文发布前检查结构、接手旧页面时快速了解内容组织、以及排查因多个 H1 导致的主题分散问题。本工具的检查基于静态源码，无法执行页面脚本，因此通过 JavaScript 动态插入的视口设置或样式不会被识别，这类情况建议结合实际设备测试确认。字号与点击区的检查只覆盖内联样式与页面内嵌样式表，外链 CSS 文件中的规则不在扫描范围内，若页面样式集中在外部文件，应配合浏览器开发者工具一并核对。标题文字本身也是内容的组成部分，应避免为了结构而堆砌关键词，保持每级标题都能准确概括其下的内容。对于篇幅较长的页面，可考虑在开头加入目录导航，让读者能直接跳转到感兴趣的章节。

✨ 功能特点

• 完整大綱提取：按文件順序列出全部 h1–h6，層級用縮排直觀呈現
• 五類問題檢測：空標題、過長標題、層級跳躍、缺失 H1、多個 H1 逐一檢查
• 各級數量統計：分別統計 H1 到 H6 的數量與總數，結構分佈一目瞭然
• 問題精確定位：層級跳躍會直接指出從哪一級跳到哪一級
• 大綱一鍵複製：帶縮排的文字大綱可複製進文件或協作工具

🚀 使用方法

1. 粘贴网页 HTML 源码；
2. 点击「检查层级」；
3. 查看大纲与问题列表；
4. 按提示调整标题结构。