什么是锚点链接
锚点链接是一种链接，它可以帮助链接到相同页面中添加锚点的内容位置。它是附加到内容的一个特定元素的唯一id（标识符)。要添加锚点，你必须能够编辑元素CSS或拥有允许你这样做的工具。
通过在内容中引入快速导航选项，锚定链接可以显著改善用户体验。你的网站访问者可以在几秒钟内获得所需信息，并跳过滚动浏览他们不感兴趣的内容。
本质上，你可以从两个不同的角度来研究锚点链接。单个锚点链接可以被视为一个标记，它可以帮助你在不搜索整个页面的情况下获取所需信息。
另一方面，锚点链接可以被视为一个交互式内容表。就像一本书，你可以看到列出的所有章节。唯一的例外是，你点击锚点链接即可在这个目标页面锚点链接的位置打开页面。
下面，我们用几个实例来看一下锚点链接的样子。
锚点链接案例
- 内容目录中的锚点链接应用：
- Call-to-action中的锚点链接应用
- 锚点链接在社交内容分享中的应用
- 锚点链接在内容交叉引用中的应用
- 锚点链接在页面滑动到顶部的应用
锚点链接的优点
- 锚链接的最大优势之一是在浏览网站时创造更好的用户体验。当涉及到长篇文章时，尤其如此。我们发布了大量深度内容（有的甚至10000多字），滚动查找目标内容会让人痛苦。使用锚点链接可以让用户立即跳转到他们感兴趣的部分。让你的用户更快地找到他们需要的东西。
- 通过在标题上使用锚链接，可以共享文章中不同部分的直接链接。这对于内容分析非常有帮助。
- 当涉及到搜索引擎结果页面（SERP）时，锚点链接有时会出现在我们的SERP列表中，因为我们在文章中使用了它们。这它们还可以帮助提高CTR，因为用户可能会看到与他们的查询相关的东西。例如，搜索“页面SEO”你会发现我们的搜索结果中带有锚点链接。
如何创建锚点链接
创建锚点链接可以直接通过手动编辑代码的形式来实现。当然对于不熟悉代码的朋友来讲，你也可以通过插件或elementor编辑器来实现锚点链接。
下面我们将以这四种实现方法来分别展示如何创建锚点链接：
1. 如何手动编辑代码创建锚点链接
假设，你正在为自己WordPress网站中的一篇博客文章添加锚点链接。
首先，找到你在该文章中需要添加锚点链接的文本或位置，添加一个链接。
例如，这里我要为文本“第二章：如何通过GSC优化你的技术SEO”添加一个链接，链接设置为“#anchor-link-2”。
接下来，找到文章中锚点位置（即锚点链接要链接到的位置），选中文本内容。并打开HTML编辑框。
例如，这里我们选择的是锚点链接位置是一个H2标题，我们在这个H2标题代码中添加一串代码：
id=”anchor-link-2″。
注意：在H2后面一定加一个空格，另外“ID=”后面的内容一定要加双引号（确保使用英文输入法）。
点击“保存按钮”按钮。这个锚点链接即刻生效。
整个操作过程请参考以下视频：
可以看到，整个操作，几十秒钟便可完成。可以说手动添加锚点链接的方式是最便捷的一种。也不需要太多的代码知识。
注意：一个页面锚点链接内容不能重复。即确保每个锚点都有独特的ID。
下面我们再来看一下，如何使用插件创建锚点链接。
2. 如何使用WordPress默认编辑器创建锚点链接
首先，打开文章编辑页面。
为文本“第二章：如何通过GSC优化你的技术SEO”添加一个链接，链接设置为“#anchor-link-2”。
接下来，找到文章中锚点位置（即锚点链接要链接到的位置），选中文本内容。并点击页面右侧的“Advanced”。
在HTML ANCHOR中输入锚点链接内容“anchor-link-2”。（注：这里不要输入井号。）
点击保存，锚点链接即可生效。
以下是整个操作的视频演示。
3. 使用内容目录插件创建锚点链接
在网页中应用内容目录并添加锚点链接，可以让网站访客快速跳跃至他们感兴趣的内容部分。
随着人们在网上的注意力变得越来越短，如果一个页面能快速定位访客感兴趣的内容，无疑可以延长访客在网页的停留时间，这对于提升用户体验非常有帮助。
使用内容目录插件创建锚点链接的好处是，当你在网页中应用内容目录后，锚点链接自动生效，不需要像前两个方法一样去手动设置链接。
你所需要做的只是把内容目录短代码复制到你网页中，并在网页的内容中添加副标题即可。
下面我们就看一下如何使用内容目录插件来创建锚点链接。
首先，在WordPress后台点击“Plugins”—点“Add New”。
搜索“Easy Table Of Content”插件，安装并激插件。
在WordPress网站后台的”Setting”中选择”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来创建锚点链接？欢迎在评论区告诉我。
