锚点链接：如何在 HTML 和 CMS 中创建跳转到章节的链接，以及它对 SEO 的作用

锚点链接，也叫跳转链接或页内链接，是 HTML 最古老的功能之一，也是长内容中最实用的功能之一。它让读者直接跳到想要的答案，而不必滚动。Google 把链接视为页面之间关系的核心信号，其链接最佳做法强调，链接必须是带有 href 的真正 a 元素。本指南介绍如何在纯 HTML 和主流 CMS 中创建锚点链接，它对 SEO 和 AI 回答有什么作用，以及它与锚文本的关系。

什么是锚点链接？

锚点链接是目标位于页面内部某个位置的超链接。URL 以井号加一个标识符结尾，这个标识符称为片段：example.com/guide#step-3。点击时，浏览器加载页面（或停留在当前页面），并滚动到 id 为 step-3 的元素。

常见用途有三种：

• 同页导航：文章顶部的目录，或“返回顶部”链接。
• 从其他页面深度链接：从一篇文章链接到另一篇文章的特定章节，例如词汇表中的定义。
• 分享精确段落：把同事直接带到回答其问题的段落。

搜索引擎将 example.com/guide 和 example.com/guide#step-3 视为同一页面。片段永远不会产生新的待索引 URL，因此锚点链接不会造成重复内容。

如何在 HTML 中创建锚点链接？

两段代码就够了：目标上的 id，以及指向它的链接。

1. 为目标添加 id：<h2 id="pricing">价格</h2>。使用小写英文字母、数字和连字符，不要有空格，并确保每个 id 在页面中唯一。
2. 在同一页面链接：<a href="#pricing">查看价格</a>。
3. 从其他页面链接：<a href="/guide#pricing">指南中的价格部分</a>。
4. 测试：点击链接，确认标题出现在屏幕顶部，而不是被固定页眉遮住（CSS 属性 scroll-margin-top 可以解决这个问题）。

旧方法 <a name="pricing"></a> 在浏览器中仍然有效，但在 HTML5 中已过时。请把 id 直接放在标题上。一个相关功能叫文本片段，它让链接无需任何 id 就能高亮一段文字，语法为 #:~:text=，详见 MDN 的文档。Google 在把访问者带到某些精选摘要所引用的段落时，就使用了这一机制。

如何在 WordPress、Shopify、Webflow 或 Wix 中添加锚点链接？

每个主流 CMS 都允许在不修改模板的情况下设置 id，只是字段名称不同。

如果您的 CMS 自动生成 id，请检查一下：有些会使用完整的标题文字，生成又长又不稳定的片段，一旦修改标题就会失效。

锚点链接对 SEO 有帮助吗？

锚点链接首先是一项可用性功能。它的 SEO 价值是间接的，但在长内容中确实存在：

• 结果中的“跳转到”链接：在篇幅较长、结构清晰的页面上，Google 有时会在结果下方显示指向章节的链接，可能提高曝光和点击。何时显示由 Google 决定。
• 更好地识别段落：带 id 的清晰标题能帮助搜索引擎和 AI 助手在长页面中找到精确答案，这与赢得精选摘要的逻辑相同。
• 参与度：目录让读者直接到达需要的部分，而不是离开去别处寻找。
• 无障碍：跳过链接和页内导航能帮助键盘和读屏软件用户，这是 W3C 无障碍指南中的一项原则。
• 精确的内部链接：在另一篇文章中指向 #definition，可以把读者带到确切段落，从而加强您的内部链接。

锚点链接做不到的事：它不会传递额外权重，因为指向 page#section 的链接会被算作指向该页面的链接，它也不能替代优质内容。一条技术提醒直接来自 Google 的 JavaScript SEO 基础知识：不要用片段来加载不同的页面内容，因为 Googlebot 无法可靠地解析这些 URL。片段只应用于在页面已有内容中滚动。

锚点链接和锚文本有什么区别？

这两个概念很接近，经常被混淆。锚点链接关注的是链接指向哪里（一个章节）。锚文本关注的是链接说了什么（可点击的文字）。我们关于锚文本的词条深入讲解了后者。

锚点链接及其文字有哪些最佳做法？

每个锚点链接也有锚文本，因此两套规则同时适用。

• 简短易读的 id：使用 #pricing、#install，而不是 #section-1 或长达 12 个词的片段。
• 描述性的链接文字：Google 建议使用描述性、相对简洁且相关的文字，并建议避免“点击这里”这类笼统表述。
• 长页面加目录：超过约 1500 词时，在顶部列出 H2 章节，每项链接到对应 id。
• 问题式标题：按用户真实提问方式撰写的标题，让章节链接更有用，也更容易被引用。
• 稳定的 id：如果其他页面或网站链接到某个 id，发布后不要再修改它。
• 检查结构：标题结构分析工具可以在添加锚点之前显示您的 H2 和 H3 层级是否清晰。

应避免哪些错误？

• 重复的 id：两个元素使用同一个 id，链接只会跳到第一个。
• 隐藏的目标：位于关闭的标签页或折叠面板中的标题，链接可能无法到达。
• 固定页眉遮住标题：在 CSS 中添加 scroll-margin-top。
• 基于片段的路由：使用 #/page 这类 URL 切换内容的单页应用，Google 很难抓取。
• 过度优化的锚文本：在每个链接中重复同一个完全匹配关键词，看起来像操纵。

结论

锚点链接通过 #id 片段把读者带到页面的特定章节。您只需为标题添加 id 并链接过去，可在 HTML 中完成，也可在 CMS 设置中完成。它对 SEO 的好处是间接的，但在长内容中很具体：目录、Google 中可能出现的章节链接、更清晰的 AI 回答段落以及更精确的内部链接，前提是锚文本保持描述性。如果您不想手动为每篇文章搭建结构，Sorank 是我们以 autopilot 方式运行的 SEO 与 GEO 软件，可撰写带有问题式标题和内部链接的结构化文章，并发布到您的 CMS：了解 AI 博客文章生成器，并通过 3 天免费试用进行测试。