什么是锚点链接以及如何在WordPress网站中创建锚点链接的四个策略

锚点链接

文章目录

什么是锚点链接

锚点链接是一种链接,它可以帮助链接到相同页面中添加锚点的内容位置。它是附加到内容的一个特定元素的唯一id(标识符)。要添加锚点,你必须能够编辑元素CSS或拥有允许你这样做的工具。

通过在内容中引入快速导航选项,锚定链接可以显著改善用户体验。你的网站访问者可以在几秒钟内获得所需信息,并跳过滚动浏览他们不感兴趣的内容。

本质上,你可以从两个不同的角度来研究锚点链接。单个锚点链接可以被视为一个标记,它可以帮助你在不搜索整个页面的情况下获取所需信息。

另一方面,锚点链接可以被视为一个交互式内容表。就像一本书,你可以看到列出的所有章节。唯一的例外是,你点击锚点链接即可在这个目标页面锚点链接的位置打开页面。

下面,我们用几个实例来看一下锚点链接的样子。

锚点链接案例

  • 内容目录中的锚点链接应用:
  • Call-to-action中的锚点链接应用
  • 锚点链接在社交内容分享中的应用
  • 锚点链接在内容交叉引用中的应用
  • 锚点链接在页面滑动到顶部的应用

锚点链接的优点

  • 锚链接的最大优势之一是在浏览网站时创造更好的用户体验。当涉及到长篇文章时,尤其如此。我们发布了大量深度内容(有的甚至10000多字),滚动查找目标内容会让人痛苦。使用锚点链接可以让用户立即跳转到他们感兴趣的部分。让你的用户更快地找到他们需要的东西。
  • 通过在标题上使用锚链接,可以共享文章中不同部分的直接链接。这对于内容分析非常有帮助。
  • 当涉及到搜索引擎结果页面(SERP)时,锚点链接有时会出现在我们的SERP列表中,因为我们在文章中使用了它们。这它们还可以帮助提高CTR,因为用户可能会看到与他们的查询相关的东西。例如,搜索“页面SEO”你会发现我们的搜索结果中带有锚点链接。
serp中的锚点链接

如何创建锚点链接

创建锚点链接可以直接通过手动编辑代码的形式来实现。当然对于不熟悉代码的朋友来讲,你也可以通过插件或elementor编辑器来实现锚点链接。

下面我们将以这四种实现方法来分别展示如何创建锚点链接:

1. 如何手动编辑代码创建锚点链接

假设,你正在为自己WordPress网站中的一篇博客文章添加锚点链接。

WordPress博客文章

首先,找到你在该文章中需要添加锚点链接的文本或位置,添加一个链接。

例如,这里我要为文本“第二章:如何通过GSC优化你的技术SEO”添加一个链接,链接设置为“#anchor-link-2”。

设置锚点链接

接下来,找到文章中锚点位置(即锚点链接要链接到的位置),选中文本内容。并打开HTML编辑框。

例如,这里我们选择的是锚点链接位置是一个H2标题,我们在这个H2标题代码中添加一串代码:

id=”anchor-link-2″。

锚点链接位置添加代码

注意:在H2后面一定加一个空格,另外“ID=”后面的内容一定要加双引号(确保使用英文输入法)。

点击“保存按钮”按钮。这个锚点链接即刻生效。

整个操作过程请参考以下视频:

可以看到,整个操作,几十秒钟便可完成。可以说手动添加锚点链接的方式是最便捷的一种。也不需要太多的代码知识。

注意:一个页面锚点链接内容不能重复。即确保每个锚点都有独特的ID。

下面我们再来看一下,如何使用插件创建锚点链接。

2. 如何使用WordPress默认编辑器创建锚点链接

首先,打开文章编辑页面。

为文本“第二章:如何通过GSC优化你的技术SEO”添加一个链接,链接设置为“#anchor-link-2”。

设置锚点链接

接下来,找到文章中锚点位置(即锚点链接要链接到的位置),选中文本内容。并点击页面右侧的“Advanced”。

点击Advanced

在HTML ANCHOR中输入锚点链接内容“anchor-link-2”。(注:这里不要输入井号。)

输入锚点内容

点击保存,锚点链接即可生效。

以下是整个操作的视频演示。

3. 使用内容目录插件创建锚点链接

在网页中应用内容目录并添加锚点链接,可以让网站访客快速跳跃至他们感兴趣的内容部分。

随着人们在网上的注意力变得越来越短,如果一个页面能快速定位访客感兴趣的内容,无疑可以延长访客在网页的停留时间,这对于提升用户体验非常有帮助。

使用内容目录插件创建锚点链接的好处是,当你在网页中应用内容目录后,锚点链接自动生效,不需要像前两个方法一样去手动设置链接。

你所需要做的只是把内容目录短代码复制到你网页中,并在网页的内容中添加副标题即可。

下面我们就看一下如何使用内容目录插件来创建锚点链接。

首先,在WordPress后台点击“Plugins”—点“Add New”。

添加插件

搜索“Easy Table Of Content”插件,安装并激插件。

安装内容目录插件

在WordPress网站后台的”Setting”中选择”Table Of Contents”。

设置中选择Table-of-Contents

在Table of Contents的Settings选项中,复制页面底部的短代码。

复制目录短代码

注意:在这里你还可以选择目录中显示的副标题类型。

例如,我们只选择在目录中显示H1,H2,H3副标题。

这是避免如果你的内容中有大量的H1,H2,H3,H4,H5,H6标题,最终会让内容目录变得很长,从而不便于访客快速浏览内容。

目录副标题设置

现在回到,文章编辑页面,把刚才复制的内容目录,放置到你想显示目录的位置。

放置目录代码

保存页面。这时内容目录以及锚点链接已经生成。

我们用一个视频看一下这个操作步骤。

由于Elementor在WordPress中的广泛应用,我们再来看一下,如何通过使用elementor创建锚点链接。

4.使用Elementor创建锚点链接

Elementor可以说是WordPress网站中使用最广泛的页面编辑器之一。通过Elementor添加锚点链接,你不需要编辑代码,也不需要额外再安装插件,Elementor本身自带有设置锚点链接的功能。

(注:通过编辑代码的方式添加锚点链接在Elementor中也适用)

下面我们具体来看一下。

例如,我想通过点击一下图片中的图标实现页面自动下滑的功能。(实际上就是通过锚点链接来实现的)

点击图标页面下滑

我们首先进入页面的Elementor编辑。

对下滑图标,添加一个链接,链接内容可以设置为“#scrolldown”, 如下图所示:

为下滑图标添加链接

接下来,选中你要滑动到的位置的Block。并在左侧的编辑框中选择“Advanced”, 并在CSS ID中输入刚才的链接内容“scrolldown”(注意不要添加井号)。

然后保存,锚点链接即可生效。我们用一个视频来看一下完整的操作过程。

注意:elementor中设置锚点链接时,所输入的链接内容在同一页面中应该是唯一的,不能重复。

5.使用锚点链接插件创建锚点链接

还有通过专门的锚点链接插件来创建锚点链接的方式。

但是,我们认为,对于WordPress插件的原则是能少则少。

所以对于插件我们就不再进行详细内容的讲解。

如果你感兴趣可以了解下以下相关插件:

什么时候使用锚点链接?

其实通过前面内容的案例我们也接触到了一些锚点链接的使用场景。

不妨在这里,再帮大家梳理一下,什么时候你要用到一个锚点链接。

1.内容目录中的锚点链接

尤其是针对当下,人们在线注意力变得越来越短的背景下,一个能帮助访客快速跳跃至他们感兴趣的内容的位置的内容目录,可以说在提升用户体验方面起到了至关重要的作用。

2.Call-To-Action中的锚点链接

当访客来到你的网页上后,你一定要通过一些设置,来让访客做出一定的行为。我们把这类设置称为“Call-To-Action”。

比如,当一个B2B业务的网站访客来到某一产品页面时,有一个很重要的Call-To-Action就是让访客发送询盘,而结合一个锚点链接,可以让访客快速跳跃至发询盘的表单位置,从而进行发送询盘。

很多网站之所以转化低,就是因为访客没有足够的耐心继续浏览网页内容,而网页中靠上的位置(尤其是折叠之上或者说首屏)又没有一个带有锚点链接的Call-To-Action来将访客快速跳跃至发询盘的位置,从而造成了大量流量无法转化。

3.滑动到顶部中的锚点链接

这个也主要是为了提升用户体验。

当用户看完页面内容后,很容易有一个动作就是返回页面顶部的菜单导航(尤其是针对一些没有在浏览器中固定页头的网站)。

4.一页网站中的锚点链接

顾名思义,这类网站只有一个页面。当你点击不同的菜单导航时,锚点链接会帮你定位到相应的内容位置。

就像这个网站:

5.内容分享中的锚点链接

锚点链接在内容分享中的应用,主要也是为了提升用户体验,让用户快速跳至相关内容。

内容分享中的锚点链接包含了以下几种场景:

  • 社交分享
  • 内容交叉引用
  • 邮件营销引用

等任何以链接形式的内容分享都可以使用锚点链接。

这里注意一下锚点链接在内容分享时的链接结构:examplesite.com/content/#anchor-link

可以看到,最后面#后的内容为锚点链接。

我们以埃克森数字营销网站中的摩天大楼技术内容为例,这个内容是来自我们的文章“如何创建比竞争对手更好的内容”, 所以最后的锚点链接是这个样子:https://www.xnbeast.com/how-create-better-content-than-competitors/#skyscraper

如果内容分享到facebook,就是这样的效果:

总结

相信你现在已经知道什么样的时机该使用锚点链接,以及如何为你的内容创建锚点链接。

例如,你发布了很多较长的内容,在内容中使用锚点链接,这有助于访问者立即获得他们想要的内容。

而且,我们还看到了锚点链接有助于在SERP中显示额外的信息并“跳转到相应内容”,这有助于提高你网站的有机点击率

现在,轮到你将锚点链接应用到你的WordPress网站中。

你会使用编辑代码的方式,还是用Elementor来创建锚点链接?欢迎在评论区告诉我。

发表评论

You have to agree to the comment policy.

谷歌快速排名秘诀

免费获取《谷歌快速排名秘诀-4.0》

请放心,董哥只会偶尔发几封有干货的邮件,你的信息我们会严格保密。

注:订阅后请一定,一定,一定到您的邮箱中确认您的订阅,这样才能收到我们的《谷歌快速排名秘诀》!!!