如何在WordPress中添加目录：提升可读性与SEO的完整指南

在WordPress的长篇文章中，添加目录不仅能提升可读性，还能增强网站的整体结构性。目录为读者提供清晰的导航，帮助他们快速定位自己感兴趣的内容。在这篇文章中，我们将详细介绍如何在WordPress中手动或使用插件添加目录，让你的文章条理清晰，提升用户体验。

目录的作用与重要性

首先，让我们讨论一下为什么在 WordPress 文章中添加目录是至关重要的。

• 提升可读性：在长篇文章中，读者可能会感到迷失，不知道如何找到他们需要的信息。目录通过简洁的导航引导用户，帮助他们快速跳转到相关内容，提升可读性。

• 更好的网站美观度：目录可以使文章看起来更有条理，提升整体设计感，使读者觉得内容结构清晰、专业。

• 提高用户参与度：如果用户可以方便地找到他们关心的内容，他们更有可能停留更长时间，阅读更多内容，从而增加页面停留时间，提升用户参与度。

• SEO优势：搜索引擎爬虫可以通过目录更轻松地抓取文章的各个部分，有助于SEO优化。搜索引擎会将页面结构视为网站优化的一部分，目录可以帮助增强网站的结构性。

如何手动在 WordPress 添加目录？

手动方法适用于喜欢更自由和定制化解决方案的用户。以下将介绍如何在经典编辑器和 Gutenberg 编辑器中手动添加目录。

1、在经典编辑器中手动添加目录

对于仍然使用经典编辑器的用户，可以通过以下几步添加目录：

步骤1：在文章顶部创建目录标题列表

首先，在文章的顶部使用段落或列表创建一个目录，列出所有的文章标题。这可以帮助用户轻松地导航到他们感兴趣的部分。可以手动输入标题，并确保每个标题与文章内容中的实际标题一致。

例如，可以在段落块或列表块中输入如下内容：

• 第一部分标题
• 第二部分标题
• 第三部分标题

确保每个标题文本之间使用换行符，使每一项成为独立的行。

步骤 2：添加 HTML 锚点 ID

接下来，浏览文章中的每个标题，并为每个标题分配一个唯一的 HTML 锚点 ID。锚点 ID 是页面内的定位标记，用户点击目录中的链接时会直接跳转到该标题。

需要切换到文本编辑。手动在 HTML 代码中为每个标题添加一个 id 属性。

举个例子，如果你的标题是“如何创建WordPress网站”，可以为它添加如下 HTML 代码：

<h3 id="create-wordpress-website">如何创建WordPress网站</h2>

这个 id 属性是唯一的，在页面中不应重复。

步骤 3：转换为锚链接

设置了每个标题的 HTML 锚点 ID 后，返回顶部的目录列表，将每个标题转换为可以点击跳转的锚链接。

在经典编辑器的可视化模式下，选择目录中的某个标题文本，然后单击工具栏上的“链接”图标。

在弹出的链接框中，输入井号（#）加上对应的锚点 ID。例如，对于标题“如何创建WordPress网站”，可以输入：

<a href="#create-wordpress-site">如何创建WordPress网站</a>

记住，锚点需要唯一，并且与标题内容相关，以确保用户能准确跳转。

2、在 Gutenberg 编辑器中使用区块添加目录

Gutenberg 编辑器自 WordPress 5.0 起成为默认的编辑器，它使用区块系统构建文章。以下是如何在 Gutenberg 编辑器中添加目录的方法。

步骤 1：创建列表区块

首先，点击左上角的“+”图标，在搜索框中输入“列表”（目录不一定使用列表来添加）。选择“列表区块”并将其添加到文章中。这个区块将作为文章的目录。

步骤 2：创建锚点

为每个标题创建锚点。选择标题区块，点击右侧栏中的“高级”选项。在“HTML 锚点”框中输入该标题的自定义锚点。例如，如果标题是“如何创建WordPress网站”，可以输入“create-wordpress-site”。

步骤 3：在列表区块中添加链接

回到列表区块，输入目录项名称，如“如何创建WordPress网站”。选中该文本，点击工具栏上的链接图标，在链接框中输入“#create-wordpress-site”。这会将目录项与该部分的锚点链接起来。

步骤 4：添加更多目录项

可以继续添加更多标题并重复上述步骤，每次为新的标题创建锚点，并将其链接到目录中。

使用插件向 WordPress 添加目录

使用 LuckyWP Table of Contents 插件

LuckyWP Table of Contents 是另一个强大的插件，适合希望更加控制目录风格的用户。

步骤 1：安装插件

与其他插件一样，首先在插件库中搜索 LuckyWP Table of Contents 并进行安装和激活。

步骤 2：设置插件

激活后，进入 “设置” > “LuckyWP Table of Contents”，根据你的喜好配置显示选项，如自动插入目录的位置、自定义目录样式等。

步骤 3：手动或自动添加目录

可以选择让插件自动在所有文章中插入目录，或在每篇文章中手动选择是否添加目录。插件还可以排除特定的标题，不希望出现在目录中的标题可以不被显示。

在编辑器中点击“+”，添加Table of Contents自动识别页面内容生成你的目录，点击阅览查看。

总结

为WordPress文章添加目录不仅能改善用户的阅读体验，还能增强网站的结构性与专业度。无论是手动添加目录，还是使用插件自动生成，都能为你的网站带来显著的优化效果。通过目录，用户能够更加快速、便捷地浏览长篇内容，从而提高他们的参与度和停留时间。更重要的是，清晰的页面结构对SEO优化也有着积极的作用。