目录是一种导航工具，旨在帮助读者找到他们正在寻找的信息。这些出现在几乎任何类型的书面内容中，并且仅由一段内容中的章节或部分列表组成。

随着内容创作者揭开谷歌算法的秘密，有一件事很清楚：内容越长，效果越好。但这并不意味着它对读者有好处。

事实上，您可能会注意到跳出率随着字数的增加而增加。

较长的内容包含更多信息，但因此，很难找到读者正在寻找的内容。尤其是当43%的人承认只是浏览博客内容时。

相反，让访问者准确找到他们正在寻找的内容可以显着降低跳出率并帮助留住访问者。特别是如果它在你的内容的开头。

如何使用目录

Heroic Table of Contents是一个wordpress ToC插件，只需添加其块即可在任何文章中自动生成ToC。因此，这是在wordpress中添加ToC的最简单方法之一。

但是，它还具有其他自定义选项可供选择，包括用于ToC的多个模板、展开和折叠选项、您选择的项目符号、数字或纯文本等。

这是一个很棒的wordpress插件，易于使用，所以让我们直接进入它。

第1步：安装Heroic目录

让我们首先单击“插件”，然后选择左侧管理面板上的“添加新”选项。

在可用的搜索框中搜索Heroic目录。这将拉出您可能会发现有用的其他插件。

向下滚动，直到找到Heroic目录插件，然后单击“立即安装”按钮并激活该插件以供使用。

注意：此插件仅适用于Gutenberg编辑器。它完全是基于块的，因此，如果您仍在使用经典编辑器，则此插件不适合您。

第2步：添加Heroic目录块

这个插件没有设置部分，相反，一切都在块本身内处理。

在网站上打开您也想添加ToC的现有文章或页面。请记住，如果您创建一个新的用于测试，将需要创建一些标题，否则插件将没有任何内容可制作。

单击“+”按钮并搜索Heroic Table of Contents块。

将块放置在您希望ToC出现在文章或页面上的位置。像所有块一样，如果您不确定，可以稍后移动它。

第3步：它是如何工作的

如果您已经在文章或页面上设置了标题，您应该注意到该块会自动生成ToC。其实就是这么简单。

无论将块放在文章或页面的哪个位置，它都将包含所有标题。这意味着它将包括一个位于其上方和下方的标题。因此，块的位置无关紧要。

该块使用标头结构来生成ToC。层次结构遵循H2>H3>H4等。随后的标题将计为副标题/小节，直到找到下一个相等的标题/小节。下面是我的样子：

因此，您选择的标题层次结构比以往任何时候都更加重要。它还可以帮助网站的SEO，因此始终使用适当的标题结构是有益的。

第4步：自定义ToC

正如我在开始时所说，可以自定义ToC的外观。

单击Heroic Table of Contents块开始编辑。在每个部分旁边，您应该注意到一支小铅笔和一个打叉的眼睛图标。铅笔允许编辑外观，而打叉的眼睛允许隐藏项目。

注意：编辑只是意味着可以更改该部分的内容，而不是外观。

您也可以单击“+”按钮添加新链接。但在大多数情况下，这是不必要的。毕竟，插件会自动生成它们。

在右侧，您应该注意到块设置。在顶部，有四种样式可供选择。这些将影响ToC的外观。单击每个以查看其外观并选择所需的外观。

在下面，将看到一个“默认样式”选项。选择块在放置时自动使用的样式。这很重要，因为所有ToC看起来都应该相同。

其余的块设置包括一个切换选项，供访问者选择ToC是否可见、ToC是否默认打开或关闭、插件查找哪些标题以及是否要添加自定义CSS。

完成设置并保存工作。ToC现在将在该文章或页面上完全发挥作用。

恭喜您设置了Heroic目录插件。不幸的是，没有快速的方法将块添加到每个文章中，因此需要手动执行此操作。

在长内容上使用它

请记住，ToC更适合较长的内容。

例如，如果可以在不向下滚动页面的情况下查看所有标题，则绝对不需要 ToC。

事实上，在这样的内容中包括一个对访问者来说绝对是荒谬的。

相反，ToC最好用于具有多个标题和副标题的较长内容。但每个网站都是不同的，所以做最适合你的。只需尝试在内容类型和ToC位置上保持一致即可。