如何在 WordPress 帖子和页面中创建目录

您想为您的 WordPress 帖子或页面添加目录吗?

目录可以使浏览长篇文章更容易,并改善您网站的 SEO。但是,对于初学者来说,它们可能很难创建。

在本文中,我们将向您展示如何在 WordPress 帖子和页面中创建目录。

如何在 WordPress 帖子和页面中创建目录

为什么要在 WordPress 中的帖子和页面中添加目录?

您可能已经在 Wikipedia 等网站上看到了目录。我们还在 WPBeginner 上使用它们作为我们的长篇指南,例如我们的 WordPress 速度和性能终极指南。

您可以在WordPress 网站上的帖子中添加目录,以便更轻松地在长文章的各个部分之间跳转。

它们不仅可以改善用户体验,还可以帮助您的 WordPress SEO。这是因为 Google 可以使用目录在搜索结果中自动添加“跳转到部分”链接。

Google 在搜索结果中包含目录条目

目录还可以帮助您将帖子列为搜索引擎结果页面顶部的精选片段。这将帮助您获得最大的 SEO 流量。

目录也用于精选片段

话虽如此,让我们来看看如何在 WordPress 帖子和页面中创建目录。我们将向您展示如何使用插件自动完成并手动使用锚链接:

在 WordPress 中自动添加目录(推荐)

在 WordPress 中手动添加目录

在 WordPress 中自动添加目录

All in One SEO (AIOSEO) 是最好的 WordPress SEO 插件,有助于改善您的网站 SEO。您只需要免费版本即可轻松添加目录,但AIOSEO Pro提供了更多功能来帮助您在搜索引擎结果页面中获得更好的排名。

我们推荐这种方法,因为它通过根据您的子标题自动生成目录来节省您的时间,同时还可以使用可编辑的链接完全自定义它。

您需要做的第一件事是安装免费的All in One SEO Lite插件。有关更多详细信息,请参阅我们关于如何安装 WordPress 插件的分步指南。

激活后,您需要使用 AIOSEO 设置向导配置插件。有关详细说明,请参阅我们的指南,了解如何正确设置 WordPress 的多合一 SEO。

使用 AIOSEO 添加目录

您需要创建或编辑要添加目录的帖子或页面。之后,单击蓝色的“+”图标并找到“AIOSEO – 目录”块。

将 AIOSEO 目录块添加到帖子或页面

只需将块拖到您希望目录出现的帖子或页面上。

注意:添加目录后,您可能会注意到“AIOSEO – 目录”块将变灰。那是因为每个帖子或页面只能有一个目录。

该插件将自动识别页面上的标题并将它们添加到您的目录中。如果您使用不同的标题级别(例如 H2 和 H3),则较低级别的标题将缩进以显示内容的结构。

如果您仍在撰写帖子或页面的内容,则添加到文档中的任何标题都将自动添加到目录中。

使用 AIOSEO 自定义目录

您可以通过多种方式自定义目录以满足您的需求。例如,您可以单击一个标题来重命名它。这将重命名目录中的标题,但不会重命名文章。

自定义您的目录

AIOSEO 会自动为每个标题创建锚链接。您可以单击链接图标来编辑锚文本,这会在目录和帖子内容的标题中进行更改。

您还可以单击任何标题旁边的眼睛图标将其隐藏。AIOSEO Pro用户可以重新排列目录块中的标题。这样做会重新排列目录中的标题,但不会重新排列文章中的标题。

您还将在边栏中找到该块的设置。您可以在此处为目录选择项目符号或编号列表样式。

您的目录可以在项目符号或编号列表中

最后,当您完成自定义目录后,您需要单击“完成”按钮以保存更改。

现在,您将能够看到目录对访问者的外观。

您的目录是帖子或页面中标题的链接列表

在目录上方添加标题或段落是个好主意。这将使您的读者清楚他们正在查看目录。

当您的访问者单击目录中的链接时,他们将立即被带到文章中的该标题。这允许用户跳转到他们最感兴趣的部分。

锚链接预览

在 WordPress 中手动添加目录

您还可以使用锚链接手动创建目录,而无需插件。但是,这将需要更多的时间和精力。

您可以在我们关于如何在 WordPress 中添加锚链接的指南中了解有关锚链接的更多信息。

键入目录

首先,您需要添加一个“列表”块,您可以在其中添加目录的标题。您可以将标题键入列表中,也可以从文章内容中一一复制并粘贴它们。

您需要输入标题列表

如何将锚文本添加到标题块

接下来,您需要为目录中要引用的每个标题添加一个锚属性。当访问者单击目录中的标题时,这将使 WordPress 知道跳转到哪里。

您应该首先单击标题,例如 H2 或 H3。然后,您需要单击块设置窗格中的“高级”箭头以显示高级设置。

之后,在“HTML 锚点”字段中输入一个不带空格的唯一单词或短语。如果您愿意,可以使用连字符来分隔每个单词。

您需要为每个标题创建一个 HTML 锚属性

然后,只需对将包含在目录中的所有其他标题重复此操作。

提示:如果您将标题粘贴到此字段中,将自动添加连字符。这是创建也清楚地表示标题的唯一 ID 的简单方法。

将锚链接添加到目录

最后一步是将目录中的标题链接到您创建的 HTML 锚点。

您应该突出显示列表块中的第一个条目,然后单击工具栏中的“链接”图标。

突出显示标题文本并单击链接图标

接下来,您应该键入井号 (#),然后键入或粘贴该标题的锚文本。

# 告诉 WordPress 跳转到当前帖子的那个部分。您不添加域名或其他 URL 参数。

键入一个标签,然后键入锚文本

完成后,您需要按“Enter”或单击“提交”图标来创建链接。

锚链接将添加到您的目录列表中。当您的访问者单击此链接时,他们将立即被带到帖子或页面内容中的该标题。

将锚链接添加到目录

您可以重复这些步骤以将锚链接添加到目录中的其他标题。

我们希望本教程能帮助您了解如何在 WordPress 帖子和页面中创建目录。您可能还想了解如何增加您的博客流量,或查看我们的必须有插件列表来扩大您的网站。