Page 1 of 1

一步一步在WordPress中创建索引!

Posted: Mon Jan 27, 2025 6:47 am
by shammis606
很多时候,这种做法对于某些策略来说是重要且不可避免的,但是,它是使网站访问变得复杂的一个因素。

考虑到这一点,加快对页面某些元素的访问速度非常重要。

好消息是 HTML 中有一个元素允许创建链接来确定页面位置。

HTML 书签允许读者跳转到给定 Internet 页面的 iceland电子消费者电子费者电子邮件列表表 特定部分,从而使访问者更容易导航。

这些书签只不过是链接(或锚点),单击这些链接(或锚点)会使用户的页面显示到应用书签的最后一个点。

在本文中,我们将列出每个最佳目录创建选项的教程,以便您今天就可以应用这些策略。

如果您的网站是在 WordPress 平台上制作的,一切都会变得更容易。有一个插件可以自动创建指向页面上每个字幕的链接列表。

快点?

-如何手动创建索引
-如何通过 WordPress 插件创建索引
-使用外部链接锚定

如何手动创建索引
如果您的兴趣非常具体,例如仅在网站或博客上的一篇内容中制作字幕列表,那么手动索引是一个不错的选择。

这是两个非常简单的步骤。首先,需要创建包含要列出的所有字幕的链接(或锚点)列表:

<a href="#anchor_name">锚标题</a>

在本例中,我们定义了 id、#anchor_name 元素。该 id必须是唯一的,前面有一个主题标签 (#),并且不要在其中使用空格,这一点非常重要。允许使用数字、下划线 (_) 和连字符 (-) 等字符。

然后,需要插入代码来划分页面上单击索引时用户将被重定向的点:

<a id="anchor_name"></a>
锚标题

在此部分中,请注意主题标签 (#) 不存在。我们之前使用的 id 返回时没有它。

准备好!您的索引现在正在运行。对于插入的每个新字幕,重复该过程。

例如,如果您的文本具有三个字幕,您的索引将具有以下组成:

<a href=”#introduccion”>简介</a>
<a href=”#chapter_1″>第 1 章</a>
<a href=”#conclusion”>结论</a>

在整个内容中,对每个部分的调用将如下所示:

<a id=”introduction”></a>
简介
...
<a id=”chapter_1″></a>
第 1 章
...
<a id=”conclusion”></a>
结论

例如,您可以将这些链接与 H2 标题结合起来。在这种情况下,代码可以如下所示:

<h2><a name=”introduccion”></a>
简介</h2>
...
<h2><a name=”chapter_1″></a>
第 1 章</h2>
...
<h2><a name= “结论”></a>
结论</h2>
...

如何通过 WordPress 插件创建索引
维基百科等一些网站利用索引自动化。例如,当副标题 H1、H3、H4、H5 和 H6 被激活时,wiki 页面系统会创建一个目录。

目录或索引
考虑到最后一个逻辑,名为 Table of Contents Plus https://wordpress.org/plugins/table-of-contents-plus/ 的 WordPress 插件会自动为您的网站创建索引。

除此之外,通过插件的控制面板可以定义自定义索引将出现在哪些页面上。看:

使用锚点作为外部链接
创建索引后,您现在可以与尚未访问您网站的人共享页面上的“跳转”。

例如,在“数字营销:您想了解的有关该主题的所有内容都在这里”一文中,我们有以下 URL:

在此页面上,我们有一个包含结论主题的索引,该主题使用 id #conclusion。

要共享它,只需在 URL 末尾、主题标签 (#) 和结论 ID 旁边插入斜杠 (/) 即可。

这将是最终结果:

您有任何疑问吗?如有必要,请在评论中告诉我们您的问题。