很多站点在发布内容时,把页面标题和正文里的小标题当作排版工具:字号够了、看起来像标题,就觉得完成了。但标题标签和 H 标签还承担另外几件事:帮读者快速判断页面在讲什么,帮辅助技术建立大纲,也帮搜索引擎理解页面层级。如果只按视觉大小来写,页面往往会出现多个 H1、层级跳跃、模板化重复等问题。
先分清 title 和 H1 的分工
title 标签是页面在搜索结果、浏览器标签和分享卡片中经常被引用的名称;H1 是页面正文里的主标题,通常和 title 相近,但不必逐字相同。把这两个位置分开看,很多问题会更容易发现。
- title 更强调在外部环境中被识别,适合把核心主题和站点名放在一起。
- H1 更强调在页面内部开场,适合用自然语句告诉读者这篇内容解决什么问题。
- 两者都应当唯一、具体,而不是同一套模板换几个词反复使用。
title 标签自查:先看唯一性和信息量
同一站内是否有大量重复标题
列表页、标签页、搜索结果页、详情页如果共用同一套标题模板,容易出现几十个页面标题几乎一样。可以在站内搜索或数据库里按 title 分组,看看重复量最多的前几组,再决定哪些页面需要补充区分信息,例如栏目名、地区、年份或具体条目。
模板变量有没有渲染成空值
“标题 - 栏目名”这种模板很常见,但如果栏目名为空,就会留下多余的连接符;如果变量没有默认值,还会出现 undefined 或 null 直接暴露在标题里。发布前抽查几个没有归类、没有标签的页面,往往能发现这类问题。
重要信息是否被挤到后面
标题被截断时,前半段决定读者是否继续看。把站点名、栏目后缀放太长,可能让真正有区分度的词被挤掉。可以人工看几个宽度较窄的展示场景,确认关键信息是否仍然保留。
H 标签自查:把页面大纲画出来
把页面里所有 H 标签依次列出来,只看层级,不看样式,能比较直观地发现结构问题。理想情况下,页面大纲应该像一本书的目录:H1 是章节名,H2 是主要小节,H3 是 H2 下面的细分。
- H1 通常只出现一次。多个 H1 会让大纲的起点变模糊,尤其当其中一些只是卡片标题或模块名称时。
- 不要从 H1 直接跳到 H3,也不要在没有 H2 的情况下大量使用 H3。层级跳跃会让依赖大纲的读者和工具难以理解从属关系。
- 不要把整段文字加粗后当标题用。如果它在视觉上是大标题,就应该用对应的 H 标签承载。
- 反过来,也不要用 H 标签只为了调字号。页面底部的小标签、按钮文案、卡片上方的分类名,通常不需要参与正文大纲。
栏目与模板页面要单独检查
内容页的标题结构往往比较自然,问题更容易出在栏目页、聚合页和详情模板上。比如栏目页的 H1 是栏目名,下面每个条目又各有一个 H3,中间缺少 H2,层级就会显得零散。可以在模板层面约定:栏目页 H1 为栏目名,列表分组用 H2,单条标题用 H3 或普通链接。详情页则可以用 H1 写条目标题,H2 写正文小节。
空标题、隐藏标题与装饰性标题
有些页面会把 H 标签放在折叠面板、弹窗或纯装饰模块里。如果它并不参与页面主线,可以改成普通元素;如果它确实是一个可读的小节标题,即使默认折叠,也应当保留在文档结构里。另外,空 H 标签、只有图标没有文字的 H 标签,都应该清理掉,它们不会带来额外信息,反而增加理解成本。
可访问性与摘要场景顺带受益
屏幕阅读器用户常用标题跳转来浏览页面,页面大纲清晰时,他们可以快速跳过导航和推荐位,直接进入目标小节。一些浏览器阅读模式、站内摘要工具也依赖标题层级来提取内容。把 H 标签用对,不只是为了搜索引擎,更是为了让页面在不同阅读方式下都保持可用。
一份可以照着做的巡检清单
- 随机抽取 10 个不同类型的页面,导出它们的 title 和 H1,检查是否重复、是否为空、是否包含核心主题。
- 用浏览器开发者工具或辅助插件查看标题大纲,确认 H1 只有一个,H2/H3 没有跳跃。
- 检查栏目页和聚合页模板,确认列表分组、单条标题分别使用合适的层级。
- 搜索全站模板中形如“标题 - 站点名”的拼接逻辑,为可能为空的变量设置默认值或去掉多余连接符。
- 检查移动端首屏和窄屏展示,确认标题被截断时仍能保留关键信息。
- 把发现的问题按模板修复,而不是逐页手工调整;模板改好之后,新内容会自然沿用正确结构。
标题标签和 H 标签不会直接决定页面生死,但它们会影响读者是否愿意继续读、工具能否正确理解页面结构。把标题当作结构的一部分来维护,比事后反复猜关键词更省力。
如果暂时没有精力全站整改,可以先从流量较集中的栏目和最近更新的内容开始。每次发布前花一分钟检查 title、H1 和两三个 H2,长期下来,页面大纲会稳定很多。