H标签怎么用:一个页面一个H1,H2、H3不跳级

倪叶明

作者

更新于

H标签这事最容易搞反的地方,是很多人把它当成字号工具在用。看着这段字小了,就套个h4;想让那行大点,就改成h2。可H1到H6是六个层级的章节标题元素,H1最高,H6最低,它管的是这页内容怎么分层,不是字多大。SEO上要做的就三条:一个页面只放一个H1说清这页讲什么,H2、H3按内容层级往下排不跳级,把用户会搜的词放进页面标题和主标题但不在标题里反复堆。Google生成搜索结果里的标题链接时会参考h1这类标题元素,这是H标签在搜索里最直接的作用之一。

对做英文站的人来说,这件事的好处是改得动:不花钱,改的是自己页面上的结构,不用等谁批准。标题层级一乱,后面的关键词布局、内链、结构化数据都跟着歪。

  • 这是什么:H1到H6是六个层级的章节标题元素,H1最高,H6最低。
  • 官方怎么说:标题元素是Google生成标题链接的来源之一,建议把用户会用的词放进页面标题和主标题。
  • 怎么做:一个页面一个H1,H2分节,H3归子点,不跳级。
  • 要多久:出现在Google搜索结果里不花钱,改动后Google要重新抓取处理,可能几天到几周。

整站的框架看Google SEO优化教程那篇。

H1到H6到底是什么,六个标签差在哪

六个标签,六个层级。H1是最高一层,H6是最低一层。它们表示的是章节层级,不是字号层级。这一层先分清,后面很多错都不会犯。

MDN标题元素页面属性说明,H标签只有全局属性
官网说明截图:MDN写明标题元素只包含全局属性。

它默认长什么样

默认情况下,所有标题元素在页面布局里生成一个块级盒子,另起一行,占满所在容器的可用宽度。你不加任何样式写一个h3,它也会自己换行,字号比正文大一些。想让某个标题的字小一点,那是CSS的事,跟它用h2还是h4没有关系。

浏览器和读屏软件拿它干什么

标题信息能被用户代理用来自动给文档生成一份目录。长页面在阅读模式里能列出小标题,靠的就是这个。标题元素的隐式ARIA角色是heading,读屏软件读到它就知道这里是标题,可以按标题跳着读。

这两件事不直接决定排名,但它们决定了页面结构对机器对人都清不清楚。结构乱的页面,人看着累,工具读起来也累。

它表达的是一层套一层的结构

标题可以嵌套成子章节,用来反映页面内容的组织方式。一级标题下面挂几个二级章节,每个二级章节里再分几个三级小节。读者扫一眼小标题,就知道这页讲什么、哪一段跟自己有关。

实际做内容站,常用到的是h1、h2、h3三个。h4以下不是不能用,是一篇文章如果真拆到四层,说明它更适合拆成几篇来写。

两个前端细节,做内容站知道就行

标题元素只包含全局属性,没有自己专属的属性。另外有两个全局属性headingoffset和headingreset,可以调整这些元素计算出来的标题层级。这是做前端组件时的用法,做内容站基本碰不到,知道有这回事就够了。

H标签在站内优化里只是其中一项,检查顺序和还有哪些项要一起看,写在站内SEO优化清单里。

为什么标题要用H1到H6,不用div加粗行不行

行,页面照样能显示,普通用户看不出区别。Google的帮助文档里说得很直接:语义HTML不是必需的,网页整体上并非有效HTML,它一样能理解。所以你用div加粗当小标题,页面不会因此打不开,也不会因此就一定进不了搜索结果。

但它同时建议尽量用语义HTML,理由是这能帮屏幕阅读器这类用户更容易解析和导航页面。同一份文档里还有一句,说人们通常喜欢网页按段落和章节组织,并用标题给出清晰的结构来导航内容。这不是命令,是它推荐你这么做的原因。

还有一个实际问题:div加粗出来的假标题,换模板、改样式、导出内容的时候跟正文没有区别,一改版就全没了。真标题是结构,假标题只是一段带样式的文字。

落到搜索上,标题元素最直接的作用在标题链接。Google生成搜索结果里的标题链接时会参考h1这类标题元素。这个生成过程完全自动,会同时看页面内容和网络上对这个页面的引用,站长没法手动改单个站点的标题链接。

所以H标签不是排名开关。它管两件事:把页面结构说清楚,让人和读屏软件都能导航;给标题链接提供一个说得通的来源。这两件事做好,比纠结「多加几个H2会不会加分」有用。

照着做:一页一个H1,H2分节,H3归子点

下面六步按顺序做,一页过一遍,发布前顺手检查就行。做完之后,页面结构这件事就不用再想。

  1. 页面只留一个h1,用它说清这页讲什么。它的作用类似文档的title:告诉人和搜索引擎这页的主题。动作是先看后台的标题字段,把主标题填进去,再确认模板没有在正文顶部自动又生成一个h1。回查办法是打开页面看源码,数一下h1标签的数量,应该是1个。
  2. 从h1开始,按h2、h3逐级往下排,不跳级。落到动作上:正文第一个小标题用h2,h2下面的子点才用h3。h1后面直接跟h3或h4,视觉上可能看不出来,结构上已经断了。回查看渲染后的页面,层级是不是从h1一路排下来。
  3. 用标题把子章节嵌套起来,反映内容的组织。一篇文章的骨架通常是:一个h1是主题,几个h2是分节,每个h2下面用h3拆子点。可以照着抄的三层结构放在下面那张表里。
  4. 字号用CSS调,不用标题元素调。规范里明确不要用标题元素来调整文字大小,要改用CSS的font-size属性。原因很实际:h4看着小,是因为浏览器给了它小字号,你拿它当小标题用,结构上就凭空多了一层。回查模板里有没有把h4、h5当小标题用的地方,有就换成普通段落加CSS类。
  5. 把用户会搜的词放进页面标题和主标题。Google建议使用人们会用来查找内容的词,并把这些词放在页面显眼位置,比如页面标题和主标题。注意是放进去一次,不是反复放。它同时提醒,同一个词或短语反复出现没有理由,堆多了会让结果在Google和用户看来像垃圾。关键词怎么分到各级标题,写在关键词布局与H标签那篇里。
  6. 让主标题在视觉上最醒目。Google的建议是让主标题和其他文字有区别,成为页面上最醒目的文字,比如用更大的字号,或者把标题文字放进页面第一个可见的h1元素。这里要留意一个细节:页面上有多个又大又醒目的标题时,Google可能拿第一个当标题链接的文字。导航、侧栏、广告位上的大字,别做成和主标题一个量级。
层级 这一行写什么
h1 H标签怎么用
h2 H1到H6是什么
h3 默认长什么样
h3 浏览器和读屏软件拿它干什么
h2 怎么一步步做
h3 第一步,只留一个h1
h3 第二步,逐级往下排
h2 常见问题

表里这八行就是一页的骨架,换成你自己的主题就能用。某个h2下面的子点如果超过5个,说明这一节该拆成两个h2了。

改完怎么确认:用site:运算符在Google搜自己的站点,有指向自己站点的结果就说明已被收录;页面有改动,可以请求Google重新抓取。正文怎么配合标题写,看SEO文章怎么写;页面标题和描述怎么写,看标题与描述撰写。

数字和限制:花钱吗、多久生效、有没有上限

先把几个能查到的数字放在一张表里,都是官方页面写明的。

项目 数或规则
出现在Google搜索结果里 不花钱
Google注意到标题改动 要重新抓取并重新处理页面,可能几天到几周
改动生效的时间 几小时到几个月,一般等几周再评估
标题元素在各浏览器可用 2015年7月起

表里第二行最该记住:改完别盯着搜索结果看。Google得重新抓取并重新处理页面,才可能注意到标题这类来源的更新,这个过程可能几天到几周。第三行说的是另一回事,有的页面几小时就有变化,有的要几个月,所以评估的节奏放在几周这个量级上比较合理。

上限这块,真正要盯的是搜索结果里的显示宽度:title元素长度没有限制,但标题链接会按需截断,通常是为了适配设备宽度。H标签用几级、每级写多长,按内容结构来定,别为了凑长度在标题里加词。H标签的数量和层级跟排名之间也没有可以对照的量化关系,别去找「加几个H2加几分」这种表,把力气放在结构上。

五个常见误区和排查顺序

下面五条,都是规范和政策里点过名的做法。每条先给结论,再给依据。

Google垃圾政策关键词堆砌与隐藏文字条款原文
官网说明截图:关键词堆砌和隐藏文字都在垃圾政策里。
  • 用标题元素调字号。想让字小一点,改CSS的font-size,别把h4当小标题使。依据是规范里要求不要用标题元素调整文字大小,字号归样式管。
  • 一个页面放多个h1。HTML标准允许,只要它们不互相嵌套,但这不是好做法,一个描述页面内容的h1就够了。旧版标准里在嵌套的sectioning元素里放多个h1曾被允许,这个写法现在已不符合规范。
  • 跳级。h1后面直接上h3,结构就断了。依据是要求始终从h1开始接h2。另外,2025年5月之前HTML标准规定section、article、aside、nav里的h1按h2渲染,这个依赖上下文的默认样式已经被移除,别指望靠外面的section自动降级。
  • 标题里堆关键词。同一个词或短语在标题里反复出现没有理由,堆多了会让结果在Google和用户看来像垃圾。Google把关键词堆砌列为垃圾政策,指的是用关键词或数字填满页面来操纵排名,它也说同一词语反复出现没有理由。
  • 把关键词塞进看不见的标题。这是隐藏文字,属于垃圾做法,指的是把内容放在页面上只为操纵搜索引擎、不容易被真人看到。折叠面板、标签页这种正常交互里藏起来的内容不违反政策,这两件事要分开。

真出了问题,按这个顺序查,一般三步就能定位。

  1. 先看渲染层级。在Search Console的网址检查工具里输入这一页的网址,看Google看到的页面里标题是不是从h1往下排的。对不上,问题在模板或编辑器。
  2. 再看醒目程度。搜索结果里的标题链接和你预期的不一致,先数页面上一共有几个又大又醒目的标题,Google可能取了第一个当标题链接的文字。
  3. 最后看关键词。页面标题、主标题里同一个词出现了几次,多就删。如果页面本身被检测出问题,Google可能改用锚文本、页面文字这些来源生成标题链接,这个时候先修页面,只改标题没用。

有个前提要清楚:标题链接没法手动改单个站点,只能按最佳实践改页面,然后等它重新抓取。

这些项一条条对下来,人工容易漏。把页面层级清单和对应的规则一起交给猎者出海的AI Agent,让它整理成一张改稿单,你只判断先改哪条。另外,H标签和结构化数据是两回事,结构化数据怎么加写在结构化数据标记里,别把两者混着当同一件事。

AI能帮哪几步,哪三件事必须人来做

这一节给的提示词是本文的示例,不是官方模板。AI在这里的角色是干重复活,判断还是你下。整理资料、对照官方文档、出改稿单这类活可以交给猎者出海的AI Agent,但上线前那几个动作,得你自己动手。

  1. 列层级清单。把现有正文贴给AI,让它按层级把当前所有标题列出来,标出跳级的行、出现多个h1的行、同一个关键词重复出现的行。这一步省的是你一行行数标题的时间。
  2. 重排结构。让它按一个页面一个h1、h2分节、h3归子点的规则,输出一份标题结构草稿,你在几个版本里挑一个。
  3. 查关键词重复。让它检查标题里同一个关键词是不是反复出现,给删减建议。
  4. 转成HTML片段。让它把定稿的层级清单转成HTML,贴进后台,字号和样式交给CSS。

三条能直接照抄的提示词,改一下正文就能用:

「下面是一篇网页正文。请只输出标题层级清单,格式为 层级 + 标题文字,并标出:跳级的行、出现多个h1的行、同一关键词重复3次以上的行。不要改写正文。」

「按一个页面一个h1、h2分节、h3归子点的规则,为下面这篇正文重排标题结构。每个标题不超过20字,关键词只在h1和必要的h2出现一次。输出层级清单,不要输出正文。」

「把这份标题层级清单转成HTML,h1到h6按清单层级使用,不加任何内联样式,字号交给CSS。」

AI给的是草稿,下面三件事它替不了你。

  1. 在发布后台的标题字段里亲手填h1文字,确认模板没有自动再生成一个h1。
  2. 在Search Console的网址检查工具里输入这一页的网址,看Google渲染出的页面里标题层级和后台是不是一致,据此决定改模板还是改内容。
  3. 用site:运算符搜自己的站点,确认这一页已经被收录,再决定要不要点请求重新抓取。

常见问题

一个页面放多个H1合不合规?

HTML标准允许,前提是它们不互相嵌套。但这不是好的做法,一个页面通常应该只有一个h1,用来描述这页的内容。模板自动多生成的那个,要回去关掉。

标题层级能不能跳,H1后面直接接H3行不行?

不跳。始终从h1开始,接着h2,再往下排。跳级不会让页面打不开,但目录、读屏导航和结构判断都会断,改起来也就多花几分钟。

标题字号太小,能不能用H4、H5来调?

不能。字号改CSS的font-size,标题元素只管层级。拿h4去把字调小,等于给页面凭空多插了一层结构,后面再想理清就麻烦。

语义HTML是不是必须做,不做会不会不被收录?

不是必需,Google能理解不规范的HTML。但它建议尽量用,因为读屏软件这类用户解析和导航会更容易。语义HTML影响的是结构清不清楚,跟页面能不能被抓取不是一回事。

关键词放在H标签里就行了吗,还要放哪?

页面标题和主标题是重点,链接文字这类描述性位置也算。放进显眼位置一次就够,别在标题里把同一批词反复写。堆多了,Google把它归到关键词堆砌那一类。

H标签改完多久能看到变化?

不会立刻生效。Google要重新抓取并重新处理页面才可能注意到,评估的节奏放在几周比较稳,别当天没变化就推翻重来。

H标签的规矩就这几条,定下来一次,后面每篇照着用。改完给Google留出重新抓取和处理的时间,剩下的精力放在内容和内链上。

发表评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注