中，而 Gutenberg 又在标题区块选项中隐藏了 H1，那么页面上最终会没有任何 H1 标签。

这正是 Gutenberg 存储库中一个长期存在的 GitHub 问题所标记的情况——用户请求能够为企业和代理机构设置完全移除 H1 选项，因为在这些设置中 H1 是在模板级别控制的。该问题突显了真正的困惑：编辑器的默认行为和主题的模板需要明确协调，但 WordPress 没有为此提供自动检查。

问题 B： 内容编辑仍然可以通过更改标题级别在区块编辑器中选择 H1。如果你的主题已经将文章标题输出为 H1，编辑在内容区域内添加另一个 H1 区块就会产生重复——而且不会出现任何警告。

来源 3：页面构建器（Elementor、Divi、Beaver Builder）

页面构建器是 WordPress 中标题层级混乱的最大来源。

原因如下：页面构建器为你提供了细粒度的视觉控制。你可以将文本元素拖动到任何地方，以任何方式设置样式，并分配任何标题级别。这对设计来说很强大，但对结构来说却是灾难性的。

典型的页面构建器标题问题如下所示：

• 首屏部分：H1（正确）✓
• 功能部分标题：H3（跳过了 H2，选择它是为了“看起来更好”）✗
• 小部件区域标题：H2（看起来像部分标题，但只是侧边栏小部件标题）✗
• 推荐标题：H4（上方没有 H3）✗
• CTA 标题：H2（回到更高级别，现在大纲完全是非线性的）✗

结果是一个视觉上连贯但在语义上毫无意义的标题结构。解析此内容的屏幕阅读器和爬虫会得到一个像破碎的目录一样跳跃的内容大纲。

InspectWP 的文档明确指出了这种模式：作者和页面构建器用户根据标题的 外观 而不是它们的逻辑含义来选择标题级别——如果 H3 是合适的视觉尺寸，他们就会选择 H3，即使上方没有 H2。

来源 4：小部件和主题组件

WordPress 小部件区域（侧边栏、页脚、页眉模块）通常会输出它们自己的标题。“近期文章”小部件可能渲染为 H2。主题中内置的促销横幅可能使用 H3。这些都不是内容大纲的一部分，但它们出现在页面的标题结构中。

这会产生标题“噪音”，从而夸大大纲的表面复杂性，并可能将内容标题推离其正确的层级位置。

WordPress 中 5 个最常见的 H1 和标题层级问题

问题 1：每页的站点标题都被 H1 包裹

表现形式： 你网站的每一页都有两个 H1 标签——站点名称和文章标题。

受影响对象： 使用旧主题、构建质量较差的高级主题，或任何开发者在站点品牌标识中使用

标签的主题的网站。

如何检测： 右键点击任意页面 -> 检查 -> 在“元素”面板中搜索

。如果你看到站点名称在

部分被 H1 包裹，就说明存在此问题。

如何修复：

选项 1：子主题编辑（开发者方法） 在你的子主题的 header.php中，找到站点标题输出，将其从

改为

或 ，并加上适当的类名：

php

＜p class="site-title"＞
  ＜a href="＜?php echo esc_url(home_url('/')); ?＞" rel="home"＞
    ＜?php bloginfo('name'); ?＞
  ＜/a＞
＜/p＞

选项 2：CSS + aria-label（无需代码的变通方法） 如果你无法编辑主题文件，请使用 CSS 重置站点标题的 H1 样式：

css

.site-header h1.site-title {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

注意：这隐藏了 视觉上的 H1 问题，但并没有解决结构性问题。H1 标签仍然存在于标记中。

选项 3：切换到结构良好的主题 遵循 WordPress 编码标准的主题（如 Twenty Twenty-Four、Kadence、GeneratePress、Astra）开箱即用地处理了此问题。如果你的当前主题存在此问题且你不是开发者，切换主题通常是最可靠的修复方法。

---

问题 2：首页缺少 H1

表现形式： 你的首页没有任何 H1 标签。SEO 插件会报告“未找到 H1”。

受影响对象： 使用徽标图片进行品牌标识（隐藏站点标题）的网站、使用不显示标题的静态首页的网站，或主题首页模板未调用 the_title().

这是 WordPress 支持论坛中一个真实且反复出现的问题。原因通常是这样的顺序：站点标题被设置为在页眉中显示，但用户将其隐藏（或用徽标替换），从而移除了页面上唯一的 H1。由于首页通常不像博客文章那样有“文章标题”，因此不会自动生成 H1。

如何修复：

针对首页： 在你的首屏区域或页面模板中添加一个 H1。这可以是：

• 一个可见的标题（“你的企业名称 | 服务类别”），它同时也作为 H1
• 通过 CSS 添加的视觉隐藏 H1（position: absolute; clip: rect(0 0 0 0);），它在不破坏视觉设计的情况下提供语义标记

在 Gutenberg 中： 在首页内容顶部添加一个标题块，将其设置为 H1，并使其成为首屏信息的一部分。

---

问题 3：内容中跳过标题层级

表现形式： 内容结构从 H2 直接跳到 H4，或从 H1 直接跳到 H3。

受影响对象： 任何撰写长篇内容并为了视觉样式而非语义结构使用标题的人。

为什么这很重要： 正如 InspectWP 所指出的，当作者根据外观选择标题级别时，就会发生跳过标题层级的情况——因为 H3 看起来很合适，所以他们就用了 H3，而不考虑前面是否有 H2。

如何在 Gutenberg 中检测： 点击块编辑器顶部工具栏中的信息图标 (ⓘ)。“文档大纲”面板会按顺序显示每个标题，并用警告标记跳过的层级。

如何修复：

1. 在发布前使用“文档大纲”审核你的标题结构
2. 为你的团队设定内容风格指南：H2 用于主要部分，H3 用于子部分，H4 用于子子部分——切勿跳过层级
3. 使用 Yoast SEO 或 Rank Math 的内容分析功能——两者都会标记标题结构问题

---

问题 4：页面构建器产生的多个 H1 标签

表现形式： 使用 Elementor 或 Divi 构建的页面有三个或四个 H1 标签，因为每个主要部分都有自己的首屏风格“H1”标题。

如何修复：

在 Elementor 中：编辑每个标题小部件 -> 检查 HTML 标签设置 -> 仅将主要页面标题设置为 H1，并将所有其他标题根据需要更改为 H2 或 H3。

在 Divi 中：编辑标题模块 -> 在“高级”下 -> HTML 标签 -> 更改为正确的语义级别。

在 Beaver Builder 中：每个标题模块在“样式”选项卡中都有一个“标题标签”设置。请逐一审核。

---

问题 5：Gutenberg 的 H1 可见性问题

表现形式： 你的主题没有将文章标题输出为 H1，而 Gutenberg 在标题块中隐藏了 H1 选项。你的页面没有 H1。

如何修复：

对于管理必须将 H1 放置在内容区域内的站点的开发者，你可以使用主题中的过滤器恢复 H1 选项 functions.php:

php

// Allow H1 in the Heading block
add_filter( 'allowed_block_types_all', function( $allowed_blocks ) {
    return $allowed_blocks;
});

或者，切换到标题块的“编辑为 HTML”视图，并在标记中手动设置

。

对于您想要以下操作的代理机构设置： 防止 编辑者添加 H1（因为模板控制它），请使用 block_editor_settings_all 过滤器来限制编辑器中的标题级别。

---

如何审计您的 WordPress 标题结构（分步指南）

方法 1：SkySEOManager 免费插件

使用 SkySEOManager 插件 内置的 SEO 分析器来查找所有与标题相关的问题。

阅读完整指南： 如何使用 SkySEOManager 审计您的 WordPress 网站以解决所有 SEO 问题

方法 2：使用 Siteskyline 免费 SEO 分析器

访问我们的 免费 SEO 分析器 并输入您的 URL，然后点击立即分析。

它将向您显示标题标签的所有问题。

---

WordPress H1 层级：代理机构检查清单

如果您正在为客户构建或维护 WordPress 网站，标题结构需要成为您发布前和持续审计过程的一部分。这是一个可重复的检查清单：

在主题层面：

• 页眉中的网站标题不应被

  包裹（请使用

  、 或

  ）

• 文章/页面标题在所有文章类型的
  或

  中呈现为

• 主页恰好有一个

  — 来自网站标题或首屏部分

• 存档页面（分类、标签、作者）有一个描述性的

• 404 页面有一个

在内容层面：

• 每个页面在内容区域恰好有一个

  （如果主题通过标题处理，则为零）

• 主要部分使用

• 小节使用嵌套在

  部分内的

• 没有跳过标题级别
• 标题不仅仅用于视觉样式

在插件/构建器层面：

• Elementor/Divi/Beaver Builder 标题元素具有正确的 HTML 标签设置
• 小工具区域不会意外输出 H1 或 H2 标签
• SEO 插件的 H1 警告在所有关键页面上都已解决

---

正确的 WordPress 标题层级 — 按页面类型

一种模式并不适用于所有 WordPress 页面类型。以下是每种类型的正确结构：

博客文章 / 单篇文章页面

H1: Post Title (output by theme automatically)
  H2: First major section
    H3: Subsection
    H3: Another subsection
  H2: Second major section
    H3: Subsection
      H4: Detail
  H2: Third major section

主页（静态首页）

H1: Primary value proposition or page headline
  H2: Service category or feature group
    H3: Individual service or feature
  H2: Testimonials or social proof section
  H2: Call to action section

WooCommerce 产品页面

H1: Product name (output by WooCommerce template)
  H2: Product description heading
  H2: Reviews
  H2: Related products

分类 / 存档页面

H1: Category name (e.g., "WordPress SEO Articles")
  H2: Post title within loop (if posts are displayed with headings)

---

破坏 WordPress H1 结构的常见错误

错误 1：使用标题标签来设置文本样式 如果您想要大号粗体文本但它不是章节标题，请不要使用 H2。给

或

添加 CSS 类并从视觉上设置样式。使用标题标签进行美化会污染您的结构大纲。

错误 2：让编辑者凭视觉选择标题级别 如果没有内容样式指南，编辑者会自然倾向于选择他们认为 外观 正确的标题级别。一份简短的内部指南 — “H2 用于章节，H3 用于小节，内容中从不使用 H1” — 可以防止大多数问题。

错误 3：在未检查标题结构的情况下安装 WordPress 主题 并非所有高级 WordPress 主题都会输出正确的标题标记。在确定使用某个主题之前，请检查演示文章：文章标题是否呈现为 H1？网站标题在内部页面上是否避免成为 H1？

错误 4：假设您的 SEO 插件涵盖了一切 Yoast 和 Rank Math 会检查您正在编辑的文章。它们无法捕捉到由您的主题页眉模板、页脚小部件或存档页面模板引入的标题问题。手动审计或使用 Screaming Frog 进行爬取仍然是必要的。

错误 5：修复视觉外观而不是 HTML 结构 针对网站标题 H1 问题的最常见“修复”方法是添加 CSS 使其看起来更小。这在视觉上隐藏了问题，但损坏的标记仍然存在。请修复 HTML 标签，而不仅仅是样式。