锚链接不仅可以改善网站页面和帖子的用户体验，而且它们对于页面内的快速交互式导航很有用，通常会因此提高 SEO。 在本指南中，您将学习如何使用 WordPress 块、HTML 和插件在 WordPress 中设置锚链接。
但首先，使用这个由锚链接制作的目录！
📚 目录:
锚链接用作页面或帖子中的超链接，用户单击该链接可导航到页面的另一部分。
这是一种交互式内部链接的形式，但不是将用户引导至您网站上的另一个页面，而是将他们引导至网站的另一部分 当前的 页。
此外，锚链接在搜索引擎优化工作中发挥着重要作用，因为它们如何帮助为搜索引擎和用户定义页面结构，特别是当用作目录时。
简而言之，锚链接最大限度地减少了滚动，因为只需单击一下即可将访问者带到他们想要的内容。
查看锚链接的主要用途，以更好地了解如何在您的网站上实施它们：
- 目录：为页面或帖子的特定标题创建锚点列表； 当用户单击目录项时，他们将被路由到正确的标题。
- “返回顶部”按钮：通常作为目录的反导航项实现，“返回顶部”链接或按钮将用户返回到页面的开头； 它对于包含冗长内容的页面特别有用。
- 目录/wiki：存储在一个页面上的数据或内容的集合通常需要导航链接； 这种锚链接的使用类似于目录，但维基和目录具有不同的导航格式，以及散布在整个内容中的锚链接。
- 单页网站和登陆页面上的导航菜单：单页网站仍然需要一种让用户四处移动的方式，因此锚链接菜单可以自动滚动到相关部分，而不是将访问者引导到新页面的传统菜单。
- 英雄横幅中的链接和号召性用语: 锚链接在按钮和英雄图片中工作得很好，考虑到您可以添加一个号召性用语按钮，当点击该按钮时，会将用户发送到转换表单或结帐模块。
在块（古腾堡）编辑器和经典 WordPress 编辑器中都可以在 WordPress 中手动添加锚链接。 我们将向您展示如何使用两者设置锚链接。
首先在 WordPress 上创建页面或帖子。 最好在完成内容后使用锚链接。
在帖子的开头创建一个目录。 记下您打算链接的文本段； 对于本教程，我们将链接“Bow Sweep”要点。
滚动到与您计划链接的文本相关的（已创建的）部分。 最好保持链接和标题锚点的文本相同，以免混淆读者或您自己。
- 将光标放在标题前。
- 点击 堵塞 标签。
- 向下滚动以打开 先进的 部分。
找出 HTML 锚点 场地。
输入简短易记的 HTML 锚点。 HTML 锚点中不能有空格，因此请坚持使用一个词或包含破折号。
如您所见，我们制作了一个“弓形扫描”HTML 锚点：
- 返回到您打算链接的原始文本； 在本例中，它是目录中的一个项目。
- 突出显示要链接的文本。
- 点击 关联 按钮。
在新字段中，输入“#” 后跟您刚刚添加到标题的 HTML 锚点。 点击 进入.
您会在后端看到文本是超链接的：
去前端测试一下。 单击链接会将页面焦点向下移动到所需的锚点； 在这种情况下，“Bow Sweep”标头。
WordPress 经典编辑器没有用于添加锚链接的特定块或字段； 相反，您在 文本 编辑。 别担心，只有最少的编码，只需复制和粘贴。
- 在 WordPress 中打开一个页面/帖子。
- 创建一些带有标题的内容，以及您打算链接的文本（如目录）。
- 找到您要链接的文本以供参考。
- 滚动到要为其添加锚链接的标题。
- 突出显示该标题以便在切换到 文本 编辑器在下一步。
切换到 文本 编辑。
在代码中搜索突出显示的文本。 有时，WordPress 会带您正确使用它。 我们建议突出显示文本的原因是它更容易找到，因为该部分在 文本 编辑。
删除标头标签（
原文链接：https://www.wordpresshy.com/339322
