您网站上锚链接的索引或摘要

厌倦了缓慢的托管?点击这里学习如何使用 Digital Ocean,还可以赚取 100 美元用于您的云主机!了解如何在不访问终端和代码的情况下进行配置!

在本文中,我们将解释在您网站上的所有文章和帖子中拥有目录或索引的重要性。我们还将解释如何在 WordPress 本身或 HTML 中创建目录。让我们从一个总结开始:

正是我如何在 WordPress 中总结我的文章。手动且无需插件,我可以使用任何我想要的单词和 ID。所有这些都在我想要的文章中,而不是用数百个插件衡量 WordPress。

什么是索引或目录?

在文章或帖子中,这些是内部锚链接,可将读者直接重定向到帖子的子标题(通常是 H2)。这可以防止他浪费大量时间阅读 2,000 字的文章或在单个帖子中包含多个不同的主题。

一般来说,索引是一个可以按字母、系统、时间、数字或字母数字顺序组织的单词列表。

指数 它与指标、标志或症状相同,是用于比较、解释某种情况或条件的参考因素,也表示一本书的相应页面或物品清单。

○ 概括 它是文章开头的列表,[专着、书籍等] 包含工作的所有章节。 摘要是按主题成功的顺序对主要部门、其他文档的部分进行枚举,因此是一个快速、简单、综合和简洁的总结。

翻译,两者是一回事,但我个人更喜欢称之为总结。有些人可能在 WordPress 中搜索索引,有些人搜索目录,有些人甚至搜索锚链接。

我在本文中使用这两种表达方式的主要原因正是为了提高在 Google 上的排名和排名,并接触更多的人。实际上,这是在文章中使用目录和索引的目标。

锚链接和目录的重要性

锚链接是任何将您定向到页面的某个部分,甚至指向您网站上的另一个页面的链接。如果您想在竞争中脱颖而出,它们非常重要,不应以任何方式被忽视。

摘要和索引在文章或帖子中非常重要。这是因为锚链接使您的文章更容易排名,并使其可以更频繁地出现在替代关键字中。

Índice ou sumário de links âncoras em seu site

因此,请始终在您的文章中添加目录以改善 SEO。我手动执行此操作,许多使用插件,但我相信手动允许我更好地自定义锚链接的 ID。

带有锚链接的索引应该是什么样的?

索引需要在一个突出的块中列出,具有不同的背景颜色和粗体标题(我使用预格式化块)。目录列表可以用破折号 [-] 后跟将具有锚链接的主题进行排序。

您可能会或可能不会在目录中列出与副标题相同的词的主题。我有时更喜欢在索引和副标题 H2 中稍作改动。我尝试用不同的词来改变它,这样文本更有可能在谷歌上找到。

Índice ou sumário de links âncoras em seu site

锚点是以 [#] 开头的链接,表示路径在页面本身内。有些人习惯于随机放置与字幕主题无关的数字或单词的锚链接。

我们必须记住,即使在锚点 [#example] 的情况下,它也必须包含关键字,以便更好地在 google 和其他搜索引擎中定位自己。所以永远不要在你的锚中使用数字或随机的东西。

您是否注意到在图标中链接总是由链表示?锚已经由锚字面意思表示了吗?简单地说,锚是链的末端或在某处建立的链接的最终目的地。

在你的文章中建立索引有什么问题?

尽管对您网站的 SEO 和排名非常有利,但索引可以使读者直接跳转到所需的部分,从而减少在您的网站上花费的时间并看到更少的广告。它可能会也可能不会影响您的跳出率和每次点击费用。

文章和帖子的索引也可能看起来很奇怪。我通常在 800+ 字和 3+ H2 副标题的文章中使用带有锚链接的索引。

Índice ou sumário de links âncoras em seu site

如果您手动执行此操作,则自动生成的 ID 不会通过与手动生成的 ID 相同的权限。手动执行此操作可让您添加自定义锚点,并减少谷歌认为这是一件坏事的机会。

如何在 HTML 中制作目录

在带有 Gutenberg 编辑器的新版 WordPress 之前,我们需要手动使用 HTML 代码来制作带有锚链接的目录。如今,多亏了新的古腾堡编辑器,这变得更容易了。

尽管如此,我还是会详细解释 HTML 中的锚链接是如何工作的。除了目录,您还需要手动添加锚链接将带您的 [ID]。通常此 ID 放置在标题中(H2、H3 和 H4)。

首先在目录或索引中,HTML 代码将如下所示:

<strong>文章摘要</strong> 
<a href="/zh/”/#nome_da_ancora”">- 锚标题</a>
<a href="/zh/”/#nome_da_ancora2”">- 主播标题 2</a>
<a href="/zh/”/#nome_da_ancora3”">- 主播标题 2</a>

HTML 视图中的结果将如下所示:

这是用 HTML 制作的摘要。请注意,您使用相同的链接标签 <a>,但您添加的不是链接 href=#blabla 其中标签 [#] 表示链接在同一页面上,并且是 ID.

放置主题标签后,您必须将路径添加到 H2 字幕或您希望摘要带您到的其他位置。 HTML 输出通常如下所示:

<h2 id="nome_da_ancora"> 

如何在没有插件的情况下为 WordPress 制作摘要

ID 不需要标签。在 WordPress 编辑器中,您可以添加 ID,而无需在关键字之间使用引号。它自动修复了这个问题,我相信大多数 HTML 阅读器和编辑器都可以理解使用引号。

既然您知道目录是如何工作的,我建议在新的 Gutenberg 编辑器中做一些更好的事情。写完所有带有所有 H2 标题的文章后,您只需单击信息按钮并复制出现在 文件概览.

这个摘要甚至会有古腾堡编辑器的标签和内部 ID。您可以简单地将所有内容复制并粘贴到具有灰色背景的预格式化 WordPress 框中,擦除粘贴随附的 H2,然后添加破折号 [-] 完成。

Índice ou sumário de links âncoras em seu site

只需编辑摘要中的链接并放置您的自定义主题标签,直到它看起来像我们上面留下的示例。完成此操作后,只需通过 H2 标题浏览文章,选择它们,然后转到块选项。

在 H2 和其他标题的块选项中,您可以找到选项卡 先进的 选项 HTML 锚点.只需将您添加到目录中的 ID 放在此字段中即可,无需使用 井号 [#]。 WordPress 会自动添加它而无需编辑 HTML。

目录 - 用于在 WordPress 中制作目录的插件

在整篇文章中,我谈到了手动进行摘要以及我拒绝使用插件以保持超链接清洁。不幸的是,我最终改变了主意,为了避免浪费工作和时间,我最终坚持使用插件。

我目前使用该插件 LuckyWP 目录 我将其配置为使锚链接小写,不强调并等于标题 H2 和 H3。关于插件我没有太多要说的,如果我正在寻找一个,这个是最好的。

使用文本编辑器在巨大的目录中锚定

有些文本编辑器具有变量替换工具,可以让您自动将主题标签和 ID 添加到 WordPress 文章摘要或其他 HTML 文本中。

因为我有 MacOS,所以我使用 CODA 2 文本编辑器。它是我找到的唯一一个,它允许我轻松地将 ID 添加到标题中,而无需从文章的开头和结尾来回切换。我相信 Dreamweaver 在查找和替换文本方面也有很好的选择。

使用支持查找和替换变量的文本编辑器程序,添加以下内容进行查找和替换。变量将包含在 [] 中。

<a href=”#[1]”>- [2]</a>[3]<h2>

第一个变量将定位并记住摘要的 ID。第二个变量将等同于目录中的其余行,第三个变量将文章的其余部分带到尚未添加的标题 ID.用。。。来代替:

<a lol href=”#[1]”>- [2]</a>[3]<h2 id="[1]">
Índice ou sumário de links âncoras em seu site

有时您的定位器可能会与某些空格或符号冲突,但通常它只会替换一次。您必须多次单击替换才能对所有文章标题执行此操作。

仅使用以下类型的标题文章很重要

,您也不能在文章代码的 H2 标题之间添加任何标签。万一出现问题,每次替换时编辑器都会分配错误的变量。

替换将从第一个目录中获取信息。 ○ 哈哈 在文本中以防止替换在列表中的同一行重复该过程(不要忘记稍后将其删除)。在重复该过程时,它将跳过

带有 ID 并直接转到正确的标题。

这似乎有点令人困惑,我认为所有这些都可以在视频中得到更好的解释。无论如何,稍微动动脑筋,加快工作速度,为所有文章添加索引,以在竞争中脱颖而出并改善您的 SEO。

我还做了一个很长的视频课,谈论 我如何写我的文章.您可以在下面观看: