站点运营

站点运营:H1 与标题层级自查,别让页面结构只剩视觉大小

很多页面的标题层级只服务于视觉大小,H1 缺失、重复或层级跳跃,用户和蜘蛛都难以快速判断内容重点。本文从模板检查、常见问题、修复顺序几个方面,整理一份 H1 与标题层级的自查清单,帮助你把页面结构理顺,让内容分区更清晰。

站点运营

站点运营:H1 与标题层级自查,别让页面结构只剩视觉大小

做站点运营时,大家容易盯着 TDK、内链和 URL,却很少回头看标题层级。标题层级不只是视觉问题:H1 告诉用户和蜘蛛这个页面在讲什么,H2、H3 则像内容大纲,把长页面切成可读的区块。层级乱了,页面不是不能看,而是理解成本变高。

H1 常见问题:不是缺失,就是重复

在模板层,H1 经常被误用。有的页面把 Logo 包在 H1 里,有的文章页同时出现“栏目名 + 文章标题”两个 H1,还有的用图片代替文字标题,DOM 里根本没有 H1。这些问题在视觉上未必明显,但对页面主题识别不友好。

  • 一个页面出现多个 H1,且内容互不相关;
  • H1 与 title 完全一致,失去互补作用;
  • H1 被拆成多段,或者里面塞了关键词堆砌;
  • 列表页、专题页、搜索结果页共用一个 H1 模板;
  • H1 在移动端被隐藏,只剩图片或图标。

层级跳跃:H2 之后直接 H4

另一个高频问题是层级跳跃。内容编辑为了让字号变小,直接选 H4 或 H5,跳过了 H2、H3。这样样式看起来没问题,但大纲结构断裂。蜘蛛在解析时,无法判断哪一段是章节标题,哪一段是章节下的小节。

更稳妥的做法是:H1 只出现一次,代表页面主题;H2 用于主要区块;H3 用于 H2 下的细分;如果还需要更细,优先考虑用列表或段落,而不是继续往 H5、H6 堆。

自查时按模板走一遍

逐个页面检查不现实,建议按模板类型抽查。常见的模板包括首页、栏目页、文章页、专题聚合页、标签页、作者页、搜索结果页和 404 页面。

  1. 打开页面源码,搜索 h1 标签,确认数量和内容;
  2. 检查 H1 是否与页面主题一致,是否和 title 有区分;
  3. 从 H2 开始逐级检查,看是否存在跳级;
  4. 把 CSS 关掉或使用阅读模式,观察大纲是否还能读通;
  5. 检查移动端和 PC 端渲染后的标题是否一致;
  6. 记录问题模板,回到模板层统一修改,而不是逐页修补。

修复顺序:先模板,后内容

如果问题出在模板,优先改模板,否则每次发新内容都会重复出现。模板改完后,再处理存量内容。存量内容不必一次性全改,可以按流量和更新频率排优先级:常更新的栏目页、重点文章页先处理,归档内容可以顺带修正。

编辑器侧也可以做一些约束:限制 H1 数量、提供标题层级下拉、在发布前提示层级跳跃。这样能减少编辑随手用加粗或字号代替标题的情况。

标题层级是内容大纲,不是字号工具。样式可以改,语义别乱。

别忽略导航和侧边栏的标题

导航菜单、侧边栏推荐、页脚栏目有时也会使用 H2 或 H3。它们属于全站重复模块,如果层级过高,会干扰正文大纲。更合适的做法是用 div 或 nav 配合样式,正文区域再独立使用 H2、H3。这样蜘蛛进入页面后,能更快定位到主体内容。

最后提醒一句:标题层级自查不需要天天做,但每次改模板、换编辑器、上线新栏目时值得顺手看一眼。结构清晰了,内容更新和内链布局都会省力一些。