H1、H2、H3 标签的正确用法是：H1 表示页面主主题，H2 划分主要章节，H3 只用于某个 H2 下面的子主题。在 WordPress 文章中，主题通常已经把文章标题输出为 H1，所以正文一般从 H2 开始；需要继续细分某个 H2 时再用 H3。不要因为想把字变大或变小而选择标题级别，也不要为了放关键词重复堆多个主标题。
这套规则适用于外贸产品页、产品分类页、应用解决方案页和博客文章。标题层级的首要任务是让采购商快速理解页面结构，同时给浏览器、搜索引擎和辅助技术提供清楚的内容关系。它不是保证排名的技巧。
H1、H2、H3 有什么区别？
| 标签 | 表示什么 | 外贸网站常见内容 | 建议用法 | 常见错误 |
|---|---|---|---|---|
| H1 | 当前页面的顶层主题 | 产品名称、产品分类、应用方案或文章标题 | 保留一个清楚、可见、与页面任务一致的主标题 | Logo、产品名、广告标语都设成 H1；正文再次手动添加同名 H1 |
| H2 | 主主题下的一级章节 | 产品参数、应用、材料、质量控制、选型方法、FAQ | 用来划分访客会单独寻找的主要问题 | 每一小段都设 H2；只为了加入关键词而增加空洞章节 |
| H3 | 某个 H2 下的子主题 | 参数中的尺寸/压力、应用中的行业、步骤中的目标/操作 | 只有 H2 内确实需要细分时才使用 | 没有所属 H2 就直接出现 H3；用 H3 只是因为字体更小 |
WHATWG HTML 标准把 H1 定义为顶层章节标题、H2 定义为子章节、H3 定义为更下一层章节。这里的数字表达层级关系，不是字号。字号、颜色和间距应由 CSS 或主题样式控制。
SEO 标题、页面 H1 和正文 H2 不是同一个东西
| 项目 | 出现位置 | 主要作用 | 是否必须完全相同 |
|---|---|---|---|
SEO 标题（<title>） | HTML 的 <head>，也可能被搜索结果标题参考 | 概括页面并帮助用户判断搜索结果 | 不必逐字相同，但不能与页面主题矛盾 |
| H1 | 公开页面正文顶部 | 告诉到达页面的访客“这一页讲什么” | 可以比 SEO 标题更自然或更完整 |
| H2/H3 | 正文各章节 | 建立内容目录和从属关系 | 应围绕 H1 展开，不应另起无关主题 |
Google 的标题链接说明提到，系统可能参考 <title>、页面主要视觉标题、标题元素和其他突出文字。如果页面上有多个视觉权重相同的“主标题”，主题就容易变得含糊。因此，SEO 标题和 H1 可以针对展示场景略作调整，但要表达同一个页面任务。详细写法可配合阅读WordPress SEO 标题和描述教程。
先看真实页面：H1、H2、H3 应该长什么样
下面三张图来自 2026 年 8 月 29 日实际打开的本站公开文章《外贸独立站 SEO 优化完整教程》。橙色和蓝色边框是为了讲解而添加的标注，文字、标题关系和源代码来自当前公开页面，不是 AI 生成的 WordPress 假界面。
第一张图中，文章名称是页面唯一、可见的 H1。日期是元信息，不是标题。正文不需要再手动输入一次同名 H1。
第二张图中，“步骤 1：确定 SEO 的业务目标和边界”是一个主要章节，所以使用 H2；其下的“目标”是该步骤内部的子主题，所以使用 H3。旁边的“操作”也与“目标”平级，应该继续使用 H3。
第三张图是 Chrome“查看网页源代码”的实际结果。高亮行包含 <h1 class="entry-title">…</h1>，其后进入正文，再出现 H2。检查公开源代码比只看编辑器字号可靠，因为主题或页面构建器可能在编辑器之外额外输出标题。
WordPress 设置 H1、H2、H3 的 5 个步骤
步骤 1：先确定页面唯一任务
目标：用一句话说明这个页面要解决谁的什么问题。
操作：先写下页面类型、主要产品或问题、目标读者和希望完成的动作。例如，产品页任务可以是“帮助海外采购商判断某型号是否适合其工况并提交参数询价”；教程页任务可以是“教网站编辑正确设置标题层级”。
正确结果：主任务可以直接写成一个 H1。
常见错误：一页同时推广多个无关产品、招商政策和行业新闻，导致没有明确主标题。
步骤 2：确认主题是否已自动输出 H1
目标：避免 WordPress 文章出现两个同名 H1。
操作：在文章或页面顶部填写标题，保存预览或发布后打开公开页面。右键选择“查看网页源代码”，搜索 <h1；也可以用浏览器开发者工具检查可见主标题。若主题已经把标题输出为 H1，正文编辑区不要再插入 H1。
正确结果：页面有一个清楚、可见并与任务一致的 H1。
常见错误：只看编辑器工具栏，以为文章标题不是 H1；或者把隐藏标题、Logo 和正文标题都设成 H1。
步骤 3：把主要问题写成 H2
目标：让访客扫一遍 H2 就能理解文章或产品页的完整结构。
操作：列出完成页面任务所需的主要章节，再按读者决策顺序排序。WordPress 区块编辑器中，选中“标题”区块并选择 H2；Elementor 等构建器则在标题组件的 HTML 标签设置里选 H2。不要用加粗段落代替真正的标题标签。
正确结果：每个 H2 都回答一个独立的主要问题，删除任何一个都会影响页面完整性。
常见错误：把“欢迎访问”“更多信息”等空泛文字设成 H2，或连续出现多个 H2 但章节没有实际内容。
步骤 4：只在 H2 内需要细分时使用 H3
目标：明确子主题属于哪个章节。
操作：先问“这个标题是否解释上一个 H2 的一部分？”如果是，再设为 H3。例如 H2 是“产品参数”，其下的“材料”“尺寸”“压力范围”可以是 H3；如果下一段已经转到“质量控制”，它应回到新的 H2。
正确结果：H3 可以明确归入最近的 H2，兄弟主题使用同一级别。
常见错误：从 H2 跳到 H4 只因为样式好看；或为了让字小一点把普通提示设成 H3。
步骤 5：发布后检查结构、显示和链接
目标：确认公开页面而非编辑器中的最终结果。
操作：在电脑和手机打开最终 URL，逐项检查 H1 是否唯一且可见、H2/H3 是否按逻辑嵌套、标题是否被固定导航遮挡、长标题是否换行异常。查看源代码确认标签；同时检查目录、内部链接、图片 ALT 和 CTA。标题文字应自然说明章节内容，不必机械重复完全相同的关键词。
正确结果：只读 H1/H2/H3 也能复述页面逻辑，手机端没有横向溢出。
常见错误：只追求 SEO 插件绿灯；公开页主题模板产生额外 H1 却没有复查。
三类外贸网站页面的标题结构示例
以下是结构示意，不代表任何具体企业的产品参数或经营数据。方括号内容应替换为企业经过审核的真实信息。
产品详情页
H1：[产品名称/型号]
H2：产品概述
H2：技术参数
H3：材料与尺寸
H3：可选配置
H2：适用工况
H2：质量控制与文件
H2：询价需要提供什么产品分类页
H1：[产品大类] 制造与供应
H2：产品系列
H2：如何选择
H3：按介质选择
H3：按压力或温度选择
H2：制造与质量能力
H2：常见问题知识教程或对比文章
H1：[问题]怎么做 / A 与 B 有什么区别
H2：直接答案或结论
H2：核心概念/对比表
H2：操作步骤
H3：步骤 1
H3：步骤 2
H2：常见错误
H2：下一步标题结构要与页面在网站架构中的任务一致。若产品、分类、应用页互相重复，先处理关键词、栏目与 URL 规划，再调整单页标题。
常见错误：看到这种结构应该怎么改
| 问题结构 | 为什么有问题 | 修改方式 |
|---|---|---|
| H1 → H3，没有 H2 | 子主题缺少所属的主要章节，阅读关系不清楚 | 若它是主要章节改为 H2；若它确实是子主题，先补充对应 H2 |
| 页面标题是 H1，正文又复制一个 H1 | 两个相同主标题没有提供新信息，还会干扰目录与模板检查 | 保留主题生成的页面 H1，正文从 H2 开始 |
| 用 H2/H3 控制字号 | 把视觉样式和内容语义混在一起 | 按逻辑选标签，用主题或 CSS 调整外观 |
| 每个标题都塞入完全相同关键词 | 文字僵硬，章节之间难以区分 | 准确描述各章节，用自然同义表达补充上下文 |
| 图片中的大字代替 H1 | 图片文字不能替代可访问、可选择的 HTML 主标题 | 保留真正的文字 H1，图片用准确 ALT 描述画面 |
| 导航、页脚和正文产生多个无关 H1 | 模板层级与页面任务不一致 | 检查主题模板或构建器的 HTML 标签，把辅助区域改为合适元素 |
注意：“一个页面只能有一个 H1”不应被理解为 HTML 解析器遇到第二个 H1 就报错。这里建议一个清楚的主 H1，是为了内容治理、模板验收和读者理解更稳定。比数量更重要的是：页面是否有明确主标题、层级是否真实、标题是否与内容一致。
H1、H2、H3 会直接提高 Google 排名吗？
不能这样承诺。正确标题可以帮助用户浏览内容，也能让页面结构更清楚，但排名还取决于页面是否满足需求、内容与产品事实是否可信、网站能否抓取和索引、移动体验、站内链接及竞争环境等因素。Google 的SEO 入门指南建议使用标题和小标题帮助用户浏览，并避免过多标题；它也明确说明不存在能自动让网站排第一的秘密。
标题层级完成后，还应继续检查网站内部链接和外贸图片 SEO。这些项目共同服务于页面理解和使用体验，不能靠重复关键词代替。
发布前快速检查清单
- 页面只有一个清楚、可见且与主任务一致的 H1。
- WordPress 主题已输出 H1 时，正文从 H2 开始。
- 每个 H2 都是主主题下的主要章节。
- 每个 H3 都能明确归属于最近的 H2。
- 没有为了字号而跳级，也没有用加粗段落冒充标题。
- SEO 标题与 H1 可以略有不同，但没有表达冲突。
- 标题没有编造参数、案例、排名、交期或询盘结果。
- 公开页面的源代码、桌面显示和手机显示都已检查。
想把标题层级放进完整的外贸网站结构里？
H1、H2、H3 只是单页结构的一部分。外贸独立站还需要把产品、分类、应用、内容、内链和转化入口组合成可执行的网站。可进入《独立站 SEO 与广告流量》课程，系统学习关键词、页面优化、技术检查与流量承接；也可以查看全部在线课程，按当前阶段选择学习路径。
