如何通过代码或者TOC插件添加WordPress文章目录

   日期:2024-12-26    作者:gzzhuangdian3688 移动:http://3jjewl.riyuangf.com/mobile/quote/24749.html

搜索引擎优化 (SEO)的理想博客文章长度约为2,000字,相当于四页文字。然而,值得记住的是,43%的读者表示他们只浏览博客文章。

如何通过代码或者TOC插件添加WordPress文章目录

因此,提供目录 (TOC) 是帮助读者浏览您的帖子并防止他们在几秒钟内点击您的WordPress网站的绝佳方式。

与网站建设者相比,WordPress允许用户使用插件更自由地扩展网站的功能。本文将介绍手动和使用插件将TOC添加到WordPress站点的步骤。我们还列出了五个WordPress TOC插件供您参考。

  • 什么是TOC(内容目录)?
  • 什么是WordPress目录插件?
  • 为什么要添加WordPress目录?
  • 如何手动或者通过插件添加TOC目录或者锚链接
  • 添加WordPress文章目录的插件

从技术上讲,锚链接(又称锚文本或跳转链接)是页面中的任何超链接,通常指向同一页面的另一个部分。

要创建锚链接,基本上是在 URL 的周围编写一段代码(别担心,我们会教你如何编写),使其成为某种书签。然后,你可以将该书签附加到同一页面上的任何文本或图片上。当有人点击书签时,他们就会快速滚动到你用代码指定的页面区域。如果还不太明白,请稍等片刻,我们会越讲越清楚!

在很多情况下,你会在页面或文章开头的目录(TOC)中遇到锚链接。

无论您网站上的页面或文章是否太长,不适合手动滚动,锚链接都能帮助您确保在提供所有精彩内容之前吸引访客的注意力。

值得注意的是,搜索引擎并不声称锚链接能直接提高你的搜索引擎排名。不过,锚链接确实可以改善用户和搜索引擎的内容排名体验。

您以前可能在实体书中看到过目录。它们列出了书中的主要章节,因此您可以更有效地定位特定内容,而无需随机翻阅所有页面。因此,您可以在查找必要信息的同时节省时间和精力。

目录在WordPress网站上起到类似的作用。但是,与实体书不同,WordPress文章或者页面目录将更具动态性和交互性。它们包含您文章的标题和副标题列表,带有可点击的锚链接(或跳转链接),可将读者带到这些特定部分。

目录文本锚链接允许用户跳转到他们最感兴趣的部分。因此,由于访问者不必手动向下滚动,这种布局增加了文章或页面的用户体验。此外,它可以通过清楚地向用户展示期望的内容来增强可读性。

目录中的锚链接也可以稍微提升 SEO。使用这样的SEO链接将允许搜索引擎在SERP中显示这些链接。

通过使用WordPress目录插件(您也可以称其为TOC插件),您可以将此功能插入到您的文章和页面中,而无需添加自定义代码。因此,这种类型的插件可以成为您业务的用户友好且省时的工具。

目录可以帮助读者跳转到WordPress文章的相关部分,这可以提高其可读性——尤其是对于长篇内容。

添加目录还可以增强搜索引擎优化。例如,它可能会降低您网站的跳出率,因为用户可以轻松导航到符合其搜索意图的部分。

此外,TOC可以帮助您的网页在搜索引擎结果页面 (SERP) 上看起来更具吸引力。提供目录有助于Google自动生成指向文章不同部分的跳转链接。

总的来说,设置锚链接有助于改善内容导航。不过,这并不全是阳光和彩虹–你可能需要考虑一些不利因素。

在此,我们将从正反两方面进行探讨。

(1)更好的体验

有了锚文本,读者可以快速了解您的内容,从而减少跳出的可能性,提高参与的积极性。此外,网络爬虫(帮助搜索引擎理解互联网内容的机器人)可以更快、更清晰地处理列表。

让我们更深入地了解一下这一优势。

当富片段出现在排名靠前的谷歌搜索结果旁时,通常会包含页面目录的一部分,而目录通常是通过锚链接创建的。谷歌还可能从目录中提取内容,填充到搜索结果页面顶部的 “People also ask” 部分。在某些情况下,Google 甚至会在元描述下方使用可点击链接来显示文章的锚文本。

(2)更容易分享内容

通过锚文本,可以轻松分享指向文章特定部分的链接。这对于发布文章的社交媒体经理和需要与客户分享帮助文章关键部分的支持团队尤其有用。

(1)缩短网站停留时间

如果您衡量内容和网站性能的指标是在站时间,那么锚链接实际上可能会减少访客在您网站上花费的平均时间,因为他们可以直接跳到他们想要的内容,而不是阅读整篇文章。

如何在让访客满意和达到某些关键绩效指标(KPI)之间取得平衡,这取决于您。

(2)以后可能更难更新内容

随着时间的推移,您可能需要更新网站域名或创建 301 重定向,这很可能会改变整个网站的链接。在更改链接时,可能很难跟踪和更新您创建的所有锚文本,以确保每个链接仍然新鲜和准确。

您在 WordPress 页面和文章上看到的所有文字都是由 HTML 代码驱动的。HTML 与 CSS 和 JavaScrip t都是最常用的编程和标记语言。如果您能对其中任何一种语言稍加熟悉,您就能在 WordPress 网站上做更多的事情,减少更多的挫折!- 在您的 WordPress 网站上做更多的事情,减少更多的挫折。

因此,我们将首先向你展示解读和编辑 HTML 是多么容易!

首先,选择要添加锚链接的页面或文章。我们将使用博客文章。

要创建锚链接,首先需要设置锚点。为此,请选择要链接的小标题,然后点击浮动菜单右侧显示的三个点

格式为: 。我们的锚点名称将是 “headline-3″。下面是代码完成后的样子:.

在我们的示例中,我们将向上滚动到目录中的 Headline 3选中它,然后点击悬浮编辑面板中显示的链接图标

如果你不习惯使用代码,手动创建 HTML 锚点链接可能会让你感到害怕。不过,正如你所看到的,添加锚标签非常简单。一旦你知道了这个过程是如何工作的,手动添加这些链接应该只需要几秒钟。

如果要创建指向位于不同页面或新标签页上的锚点 ID 的链接,请确保包含以 https 开头的绝对 URL。

在本节中,我们将介绍如何使用 WordPress 的 Gutenberg 区块编辑器 创建目录。

这种方法并没有提供太多的灵活性,但对于那些想要避免安装太多插件的人来说,它是一个不错的选择。

  1. 登录到您的WordPress仪表盘并访问您希望添加目录的文章。
  2. 为要包含在TOC中的每个部分添加一个标题区块。如果标题已经存在,请跳过此步骤 – 您可以通过标题和正文之间的不同字体大小来判断。
  1. 然后,将光标放在标题上并在高级设置下为其编写HTML锚点。请注意,锚文本应该没有空格。对所有标题重复此步骤,并确保每个锚名称不同。
  1. 在要插入目录的页面部分添加一个列表区块。然后,连续插入所有TOC标题。
  1. 使用光标突出显示列表中的条目,然后单击工具栏中的链接图标。
  1. 在弹出框中使用井号标签键入标题的目标HTML锚点,然后按Enter
  2. 对列表中的所有条目重复步骤5和6,以便它们每个都在内部链接到目标部分。

请注意,如果您使用其他页面构建器,上述教程将不起作用,在这种情况下,请考虑使用WordPress插件来创建目录。

对于包含许多标题的长文章,手动创建目录可能会很耗时。幸运的是,一个WordPress插件可以帮助简化这个过程。

例如,我们将演示使用Easy Table of Contents创建TOC的步骤:

  1. 安装并激活插件。
  2. 导航到WordPress仪表盘上的设置->目录
  3. General -> Auto Insert下,选择您希望插件自动添加TOC的文章类型。在这里,我们选择了Posts

在同一部分下,您还可以配置表格的位置、标题标签以及要显示的标题数量。

  1. 然后,在外观部分自定义TOC的宽度和对齐方式。也可以更改TOC的字体大小、表格主题和颜色。
  1. 导航到高级配置设置以定义TOC的显示条件。例如,仅选择H1、H2和H3标题将从目录中排除H4及以下标题。
  1. 点击保存更改按钮。

这个免费工具会在发布时自动生成目录。但是,我们建议在发布之前预览TOC,以确保没有配置错误。

许多WordPress SEO插件已经包含一个目录创建工具。但是,如果您更喜欢使用专用的WordPress TOC插件,这里有我们的七个建议。

  • 1. Easy Table of Contents
  • 2. Table of Contents Plus
  • 3. SimpleTOC——Table of Contents Block
  • 4. LuckyWP Table of Contents
  • 5. Ultimate Blocks
  • 6. Fixed TOC
  • 7. Magicpost

Easy Table of Contents是下载次数最多的WordPress TOC插件之一。它可以帮助用户轻松创建目录,而无需编辑任何HTML代码。您需要做的就是如上所述配置插件的设置,目录将自动出现在您的文章中。

这个插件没有高级版本,所以它的所有功能和工具都是免费的。

如果您运行一个包含多页WordPress文章的更复杂的网站,这个插件是一个合适的选择。

受Wikipedia的TOC格式的启发,Table of Contents Plus的开发者使用户能够在其帖子的侧边栏上索引和显示TOC。

这个插件的功能也都是免费的。

如果您是Gutenberg的狂热用户,请考虑使用此插件来创建TOC。它直接从侧边栏小部件设置中提供Gutenberg的原生样式选项。

值得注意的是,该插件具有多种语言选项,并且与阿拉伯语和日语等非拉丁文本兼容,为运行多语言或非英语网站的用户提供了方便。

您可以免费将所有这些功能集成到您的WordPress仪表盘中。

LuckyWP与多个WordPress页面构建器插件兼容。用户可以通过调整宽度、悬停颜色和字体大小来自定义TOC的外观。它甚至可以选择浮动TOC。

该插件提供了对SEO友好的功能和流畅的用户体验,并且所有工具都是免费的。

Ultimate Blocks是一个多功能插件,为WordPress的Gutenberg编辑器提供47种类型的块,包括目录区块。所有块都是免费的,并且与WordPress 5.0及更高版本兼容。

如果您有各种内容类型的冗长网站文章,此插件是一个方便的选择。例如,除了目录区块之外,它非常适合希望创建号召性用语块和推荐区块的博主或营销人员。

接下来,Fixed TOC是一个高级WordPress目录插件,具有更高级的样式选项。您可以将插件设置为自动创建表,或使用简码手动插入它们。此外,您可以配置Fixed TOC的表格并更改其链接、背景、悬停效果等的颜色。

FixedTOC的主要特点:

  • 根据页面或帖子类型自动化您的目录。
  • 创建移动响应的固定(或浮动)目录。
  • 自定义表格的外观以匹配您的主题。
  • 启用平滑滚动和可折叠标题。
  • 从一系列动画效果中进行选择。
  • 将插件与Google AMP一起使用。

使用FixedTOC,目录将位于您的侧边栏中。这使访问者可以随时轻松跳到其他部分。您还可以选择让用户隐藏表格以获得更好的用户体验。

Magicpost 不仅仅用于为 WordPress 文章生成 TOC目录,该插件还集成了众多文章编辑管理功能。

  • 文章定时发布-Magicpost提供了更加个性化的文章定时发布管理功能,支持批量添加草稿文章至定时发布列表。
  • 文章搬家功能-支持批量修改、新增或者删除文章的分类及为文章批量删除或者新增标签。
  • 文章翻译支持-支持通过谷歌或者百度翻译接口实现中英或者英中翻译文章。
  • HTML清洗-支持配置规则,一键清洗文章HTML代码以移除无效代码标签及属性。
  • 下载管理功能-支持为文章添加文件下载,且配合付费内容插件实现付费资源。
  • 社交分享支持-支持为文章添加社交分享、微海报、点赞及赞助等支持。

要利用Magicpost插件为文章添加TOC目录,你只需要Magicpost-内容目录,将功能开关打开,然后根据网站情况配置自动目录、目录标题、目录结构及目录风格即可。

添加目录是降低跳出率和改善WordPress网站整体SEO的绝佳方法。

幸运的是,在您的WordPress文章中添加一个相对简单。正如我们在本文中所讨论的,用户可以手动或借助插件创建TOC。


特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


举报收藏 0评论 0
0相关评论
相关最新动态
推荐最新动态
点击排行
{
网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号