网页标题结构就像文章目录。用户靠它快速扫读，搜索引擎也会用它理解页面层级。很多页面视觉上好看，但 HTML 标题乱用，实际结构并不清楚。

你可以用 HTML 标题结构检查器 检查页面里的 H1、H2、H3。

H1 应该表达页面主题#

一个页面通常只需要一个 H1，用来说明页面核心主题。

例如工具页：

html已剪下 ✓
<h1>HEIC 图片转换工具</h1>

不要把 logo、导航、广告语都写成 H1。H1 太多会让页面主题变模糊。

H2 是主要章节#

H2 适合承载页面的主要部分：

  • 工具功能。
  • 使用步骤。
  • 常见问题。
  • 注意事项。
  • 相关工具。

如果一篇文章没有 H2，用户很难快速找到重点。长页面尤其需要清楚分段。

H3 是 H2 下的细分#

H3 应该服务于上一级 H2，不要乱跳。

推荐结构：

text已剪下 ✓
H1 页面主题
  H2 使用方法
    H3 第一步
    H3 第二步
  H2 常见问题
    H3 是否上传服务器

不建议从 H1 直接跳到 H4，也不建议把标题标签当作字体大小工具。

常见错误#

  1. 页面没有 H1。
  2. 一个页面多个无关 H1。
  3. 为了样式乱用 H2。
  4. 标题层级跳跃。
  5. 标题文字太空，比如“介绍”“更多”“内容”。
  6. 标题里堆关键词，读起来不自然。

标题应该帮助用户理解结构，而不是单纯服务关键词。

工具页和文章页的区别#

工具页通常更适合“任务型结构”：H1 写工具名称，H2 写使用方法、输入说明、输出结果、常见问题、相关工具。用户进来是为了完成操作，所以结构要短、直、方便扫读。

文章页更适合“问题型结构”：H1 回答搜索问题，H2 拆解原因、步骤、误区、检查清单。这样用户从搜索结果进来后，能快速判断这篇内容是否解决他的具体问题。

无论哪种页面，标题都不要只写“第一部分”“第二部分”。标题本身应该能表达这一段的价值。

总结#

好的标题结构能让页面更容易读，也更容易被搜索引擎理解。H1 讲页面主题，H2 讲主要章节，H3 讲细分内容。

上线前可以用 HTML 标题结构检查器 扫一遍页面，确认大纲清楚、层级合理。