H1、H2、H3 怎么用？清楚组织网页内容

最后更新：2026年10月3日

一张厨房电器服务页可能已经写出所有答案，但如果文字挤成一大段，读者仍难以找到安装前的要求。标题层级能为读者提供路线，也让使用辅助技术的人在不同章节之间跳转。

HTML 的标题级别说明各主题之间的关系。它们用于组织内容，不是为了塞更多关键词或把字体放大。

H1、H2 和 H3 分别是什么？

H1 指出网页的主要主题；H2 引出主要章节；H3 在某个 H2 之下，把需要细分的内容拆开。HTML 还有 H4 至 H6，但短网页通常不需要这么深的层级。

假设要规划一张电磁炉安装服务页，可以先列出：

这是页面规划示例，并非在描述某家公司的实际服务。每个标题下面都应有网页真正能提供的资料。

让正文有一个清楚的 H1，是实用的写作习惯，并非排名公式。出现多个 H1 也不会自动构成 Google 惩罚。如果一个主标题已经足够，就不要让多个标题争当页面主题。

网页上可见的 H1 和浏览器里的 Title Tag 应描述同一张网页，但不必逐字相同。例如浏览器标题可以是 电磁炉安装服务 | 厨房电器店，H1 则是 电磁炉安装服务。若只是想放大字体，请用 CSS，而不是把文字硬改为 H1。

标题级别表达从属关系。H3 应属于某个相关的 H2，而不该因为默认字体较小才被选用。从 H3 回到下一个 H2，则是正常地开始新章节。

标题帮助人理解网页，也能为搜索系统提供章节背景。Google 说明，语义顺序对屏幕阅读器很有帮助；但标题级别乱序，对 Google 搜索并没有同样的影响。只改一个标题级别，不是一套排名策略。

标题仍须服务于有用的正文。如果 H2 写着「安装费用」，下面就应说明真实价格或报价方式。堆满关键词的标题加一段空泛文字，仍没有回答读者的问题。

打开已发布的页面，列出正文实际输出的标题，包括主题或页面编辑器自动加入的标题。导航、侧栏和页脚的模板标题另外检查。再对照视觉版面：主要主题是否明显？每个 H2 是否引出不同内容？子主题是否放在合理的上层标题之下？

手机上也要检查：有意义的标题不能消失，或只剩放大字体却失去标题标签。工具可以提示缺失或跳级，但标题是否准确概括下方内容，仍需人工判断。若要进一步检查整张网页，可看页面 SEO 指南。

先只读一张网页的标题：不逐段阅读，也能看懂它如何从问题走到答案吗？

它是 HTML 标题组成的层级，用来标明网页主旨和各章节。它应帮助读者理解内容，而不是单独的排名技巧。

通常用 H1 标明网页主题、H2 划分主要章节，需要细分时再用 H3。根据内容关系选级别，不根据字形大小或关键词公式来选。

把章节名称写清楚，将子主题放在相关的上层章节下，并核对网页视觉呈现与 HTML 标题清单是否说同一件事。