首页3个h1、分类页h2跳到h4、详情页标题全用div写的,H标签检测工具能五分钟找出全站页面标题层级的隐性SEO扣分项,Chrome插件查单页、桌面爬虫扫全站、在线工具随手用,三档方案按网站规模选
网页标题标签(h1到h6)是SEO里最容易忽略的细节。大多数站长只知道"一个页面只能有一个h1",但实际的坑远不止这个:h2直接跳到h4中间漏了h3、把logo和导航栏也套了h1标签、用div加CSS模拟标题完全不写H标签、整站几十个页面h1内容完全一样。这些搜索引擎都能检测到,而且已经在影响排名了。这篇文章把H标签的常见问题、检测工具、修复方法一次说清楚。
快速结论
· 只查一两个页面 → SEO Meta Inspector或Detailed SEO Extension这两个Chrome插件,点一下就看完整标题结构
· 要扫整个网站几百个页面 → Screaming Frog免费版(爬500个URL),H标签问题全列在报告里
· 不装软件、随手查一下 → jsjson标题层级检查工具或2index.ninja在线粘贴URL即可
· 要定期监控全站 → Sitebulb或Ahrefs Site Audit,每次爬完自动对比上次数据
一、H标签出问题,搜索引擎看到的和你看到的是两码事
用户在浏览器里看到一个页面是这样的:大字标题、小标题、正文,层次分明。但搜索引擎蜘蛛看到的只有HTML源码,它完全靠h1-h6标签来判断"这段文字是什么级别的标题"。如果你没写H标签,或者写错了层级,搜索引擎的理解就会和你想传达的不一样。
五个最常见的H标签问题,每个都能影响SEO:
| 问题 | 具体表现 | SEO影响 |
|---|---|---|
| 多个h1 | 页面同时有logo的h1、导航的h1、文章标题的h1 | 搜索引擎不知道该用哪个作为页面主标题,关键词权重被分散 |
| 缺少h1 | 整页没有h1标签,标题用div或span写 | 搜索引擎抓不到页面核心主题,关键词匹配度大幅降低 |
| 层级跳级 | h1下面直接是h3,跳过了h2;或者h2下面直接h4 | 搜索引擎认为页面结构混乱,内容层级逻辑不清晰 |
| h1内容重复 | 全站所有页面的h1都是"欢迎来到XX网站" | 搜索引擎无法区分不同页面的主题,内页排名潜力被浪费 |
| 空标题标签 | h2标签存在但里面没有文字内容 | 搜索引擎认为这是一个无效的结构标记,浪费了关键词布局机会 |
这些问题在视觉上完全看不出来——因为CSS可以把任何标签渲染成任何样式。只有通过工具检测HTML源码才能发现。

二、Chrome插件:查单页最快,点一下就看
如果你只需要检查当前浏览的这个页面,Chrome插件是最快的方式。不需要输入URL、不需要下载软件,装好插件后点一下图标,H标签结构直接显示在侧边栏或弹窗里。
1. Detailed SEO Extension(免费)
目前Chrome商店里SEO检测类评分最高的插件之一。点开后会列出当前页面的所有H标签,按h1→h2→h3→...的顺序展示,每个标签旁边显示文字内容。如果有多个h1会标红提示,层级跳级也会标记。
适合场景:每天检查自己网站的新发布页面、看竞品页面的H标签布局
额外功能:除了H标签,还检测Meta Title、Meta Description、Open Graph标签、Schema结构化数据、图片Alt属性
安装方式:Chrome应用商店搜索"Detailed SEO Extension"
2. SEO Meta Inspector(免费)
界面比Detailed更轻量,重点聚焦在元标签和标题结构上。H标签会按层级用树形图展示,跳级的地方直接标红,一目了然。
适合场景:需要快速看H标签层级树、不关心其他SEO数据
亮点:树形展示比列表展示更直观,层级关系一眼看清
安装方式:Chrome应用商店搜索"SEO Meta Inspector"
3. SEOquake(免费)
老牌SEO插件,功能比前两个重很多。H标签检测只是它众多功能中的一个,在"Diagnosis"报告里可以看到当前页面所有的H标签列表。额外提供Alexa排名、Google索引量、SEMrush数据等。
适合场景:需要一站式看页面SEO数据,H标签只是其中一环
短板:插件比较臃肿,加载数据慢,偶尔拖慢浏览器
安装方式:Chrome应用商店搜索"SEOquake"
| Chrome插件 | H标签检测 | 层级树展示 | 跳级/错误标记 | 额外功能 |
|---|---|---|---|---|
| Detailed SEO Extension | ✓ | 列表 | ✓ | Meta标签、Schema、Open Graph、图片Alt |
| SEO Meta Inspector | ✓ | 树形 | ✓ | Meta标签为主,功能较精简 |
| SEOquake | ✓ | 列表 | 仅列表 | Alexa排名、索引量、外链、SEMrush数据 |
三、在线工具:不用装任何东西,粘贴URL就行
不想装插件也不想下载软件,直接打开网页就能用。适合临时查一下、或者发给客户/同事让他们自己看。
4. jsjson标题层级检查工具(免费,无需注册)
打开jsjson.com/tools/heading-checker,输入URL或粘贴HTML代码,点击检测,结果直接显示。会列出:页面有几个h1、h2、h3……每个标签的文字内容,以及是否有跳级、空标签、缺失h1等问题。
亮点:中文界面,检测项全面(跳级/缺失/多个/空标签/内容长度),结果带颜色标记,绿色正常红色有问题
短板:一次只能查一个页面,不能批量
网址:jsjson.com/tools/heading-checker
5. 2index.ninja页面标题检查器(免费)
同样是输入URL即可检测,结果以表格形式展示每个H标签的文本内容。额外提供了"标题结构评分"功能,给页面的标题层级打个总分,方便快速判断。
亮点:有评分机制,适合给客户或老板展示优化前后的对比
短板:英文界面,不支持粘贴HTML代码
网址:2index.ninja/zh/tools/page-headers

6. SEO Check Kit H1标签检查器(免费)
和其他在线工具不同的是,这个工具支持输入网站域名后批量抓取多个页面的H1标签。一次可以检查一个域名下多个URL的h1使用情况,对于小规模网站的批量检测很方便。
亮点:支持域名级批量检测,一次查多个页面
短板:只检测h1,不检测h2-h6的层级关系
网址:seocheckkit.com/zh/seo-tools/h1-tag-checker
四、桌面爬虫工具:全站批量检测,几百个页面一次扫完
如果网站有几十上百个页面,手动一个个查是不现实的。桌面爬虫软件可以模拟搜索引擎蜘蛛爬遍全站,把所有页面的H标签问题汇总成一份报告。
7. Screaming Frog SEO Spider(免费版可爬500个URL)
Screaming Frog是全球SEO从业者使用率最高的桌面爬虫工具。输入网站域名后,它会像搜索引擎一样爬取全站页面,然后在"H1"、"H2"标签页中列出每个页面的所有标题标签。
在H1标签页里可以快速看到:哪些页面缺少h1、哪些页面有多个h1、每个h1的内容是什么。在H2标签页里同理。还可以导出CSV,在Excel里做进一步的筛选和分析。
免费版限制:最多爬500个URL,不支持自定义提取、不能保存项目
付费版价格:£199/年(约1800元),无URL限制,支持JS渲染、自定义提取、定时爬取
适合场景:500页以内的小中型网站全站检测
下载地址:screamingfrog.co.uk/seo-spider
8. Sitebulb(免费试用14天)
和Screaming Frog功能类似,但Sitebulb的报告可视化做得更好。爬完全站后会生成一份"SEO审计报告",H标签问题被归类为"错误""警告""提示"三个等级,每个问题都附带修复建议。对于不太懂技术的人来说,Sitebulb的报告比Screaming Frog的原始数据更容易看懂。
价格:$13.5/月起(约100元)
亮点:报告可视化程度高,每个问题都有截图+修复建议,适合给客户看
短板:没有免费版,只有14天试用;Windows/Mac都有客户端
下载地址:sitebulb.com
9. Ahrefs Site Audit(免费版可用)
Ahrefs的Site Audit功能在注册免费Ahrefs Webmaster Tools账号后就可以使用。输入域名后会自动爬取全站(免费版每月可爬5000个页面),H标签问题会出现在"HTML tags"报告里。
免费版限制:每月5000页爬取额度,只能查看自己验证过的网站
亮点:云端运行不需要开电脑,定时自动爬取+邮件通知,和Ahrefs其他功能打通
注册地址:ahrefs.com/webmaster-tools
| 工具 | 免费额度 | H1检测 | H2-H6检测 | 层级跳级检测 | 导出报告 |
|---|---|---|---|---|---|
| Screaming Frog | 500 URL | ✓ | ✓ | 需手动 | CSV |
| Sitebulb | 14天试用 | ✓ | ✓ | 自动标记 | PDF/CSV |
| Ahrefs Site Audit | 5000页/月 | ✓ | ✓ | 自动标记 | CSV |
五、H标签怎么改才符合SEO规范?四个关键原则
工具检测出问题之后,接下来是修复。H标签的SEO规范其实就四条,做到了基本不会出大错:
原则一:一页一个h1

每个页面有且仅有一个h1标签。h1应该是页面最核心的主题,和页面title标签内容保持一致或高度相关。logo、导航、侧边栏都不要套h1。
原则二:层级不跳级
h1下面是h2,h2下面是h3,以此类推。不要h2下面直接h4。可以把h3当作h2的子标题、h4当作h3的子标题,但中间不能跳。
原则三:内容不重复
不同页面的h1必须不同。如果你的CMS模板把网站名称写死在h1里,赶紧改掉。每个页面的h1应该反映该页面独有的主题。
原则四:包含关键词
h1和h2里尽量自然地包含目标关键词。不是堆砌,是在表达页面主题时自然地出现。h1包含核心关键词,h2包含长尾变体或相关词。
六、常见CMS的H标签配置方法
大部分H标签问题不是人为写错的,是CMS主题模板的默认设置造成的。
| CMS/建站方式 | 常见问题 | 修复方法 |
|---|---|---|
| WordPress | 部分主题把网站标题/logo套在h1里,文章页出现两个h1;分类页的h1是"分类:XXX"格式 | 改主题模板文件(header.php和archive.php),把logo的h1改成div或p标签;用SEO插件(Rank Math/Yoast)修改分类页h1格式 |
| 帝国CMS | 列表模板里每个文章标题都套了h2或h3,但整页没有h1 | 在列表模板顶部手动加一个h1标签(如"XX分类下的文章"),文章标题用h2 |
| Typecho | 默认主题H标签使用规范较好,但第三方主题质量参差不齐 | 换主题前先用检测工具扫一下Demo页面的H标签结构 |
| 织梦CMS | 模板里大量使用div模拟标题,完全不写H标签 | 修改模板文件,把模拟标题的div替换为对应的h标签;或者直接迁移到现代CMS |
| SaaS建站平台 | 页面用可视化编辑器搭建,拖拽的"标题"组件可能是div也可能是h标签 | 查看页面源码确认;好的建站平台(如UC建站)的可视化编辑器会自动生成正确的H标签层级 |
七、不用工具也能自查的三种场景
如果暂时不方便用上述工具,浏览器自带的开发者工具也能做基础检测:
// 查看所有h1
document.querySelectorAll('h1')
// 查看所有h1的文字内容
document.querySelectorAll('h1').forEach(h => console.log(h.textContent))
// 统计各级标题数量
for(let i=1; i<=6; i++) {
console.log('h'+i+':', document.querySelectorAll('h'+i).length)
}
三行代码就能看出当前页面有没有多个h1、有没有跳级、各级标题的数量分布是否合理。
最后说两句
H标签问题属于那种"修了不一定马上涨排名,但不修一定会拖后腿"的隐性SEO扣分项。用Chrome插件查几个核心页面、再用Screaming Frog扫一遍全站,把多个h1、缺少h1、层级跳级这三个最常见的问题修掉,整个网站的内容结构在搜索引擎眼里就清晰了不止一个档次。如果你用的是UC建站这类平台,后台编辑器会自动处理H标签层级,不需要自己改模板代码,这也是用建站平台比自建站省心的地方之一。
