HTML 锚元素：什么是锚点链接，以及如何使用它们
HTML 锚标签用于创建指向网页、电子邮件地址、文档、图片等目标的链接。本文介绍锚元素的各项属性、常见用法，以及它对用户体验和 SEO 的影响。
HTML 中的锚标签是什么？
HTML 代码中的锚标签是用于在网页中创建超链接的元素。它能链接到另一个网页、页面中的某个特定部分、电子邮件地址、文件或任何其他 URL，也被称为锚元素或 <a> 标签。
一个完整的锚元素或 <a> 标签如下所示：
该元素以「<a」开头，以「</a>」结尾，并包含构成完整标签的各种属性。
下文将详细介绍这些属性。
锚标签也可用来创建锚点链接。锚点链接（或「跳转」链接）指向同一网页的不同部分。
用「a」标签创建文本链接时，需要使用某种锚文本。锚文本是链接中可点击的部分，Google 会用这段文本来了解该链接及其指向的内容。
网站上很可能已经有很多锚标签链接。可使用 Site Audit 这样的工具识别它们，并修复可能存在的问题。
配置该工具并运行第一次抓取。
之后转到「Issues」（问题）标签页，从「Category」（类别）下拉菜单中选择「Links」（链接）。
即可看到是否检测到问题。
该工具还会就如何修复每个问题提供建议，只需点击「Why and how to fix it」（为何出现以及如何修复）链接即可。
HTML 锚元素属性
可以为锚标签添加不同的属性，以指定用户点击时希望发生什么。
并为浏览器和网络爬虫添加语义含义。
以下是最重要的属性：
Href
「href」是超文本引用（hypertext reference）的缩写，该属性指定锚元素的目标。
形式如下：
它通常用于定义标签所链接页面的 URL，但也可以链接到文件、电子邮件地址、电话号码等。
例如，指向网页的链接使用以下代码片段：
href 锚标签就是引号之间的 URL。而「Website」这个词就是锚文本，即链接中可见且可点击的文字。
Hreflang
「hreflang」属性使用ISO 639-1 两位语言代码来指明所链接资源的语言。
形式如下：
若要将英语指定为页面语言，请使用以下代码片段：
hreflang 属性就是那个两位国家代码，即用引号包裹的「en」。
注意：只有在同时使用了 href 属性的情况下，才能使用 hreflang 属性。
Download
「download」属性告诉浏览器下载所链接的资源，而不是打开它。
形式如下：
例如，若该资源是一个 PDF，请使用以下代码：
该属性值就是文件名，在这个例子中是「Example」。
若不指定文件名，它将采用文档的原始文件名。
Rel
「rel」属性指定当前资源与所链接资源之间的关系。
形式如下：
最常见的「rel」属性值包括以下几种：
- rel=“alternate”：将所链接资源标识为当前资源的替代版本
- rel=“author”：提供指向该资源作者的链接
- rel=“bookmark”：表明该 URL 是永久性的，可用于添加书签。例如，常被用来快速跳转到长文章的某个特定部分。
- rel=“help”：说明该链接包含当前页面的帮助文档
- rel=“next”：指定该链接是系列中的下一页。例如用于文章、新闻或图片画廊。
- rel=“prev”：指定该链接是系列中的上一页
- rel=“nofollow”：告知搜索引擎不要追踪该链接。换句话说，你并不想为该链接背书
- rel=“search”：指定所链接页面可用于在该页面或网站上搜索内容
以及其他取值。
例如，可以用以下代码表明该链接指向关于文章作者身份的页面：
注意：像 Google 这样的搜索引擎会使用「rel」属性获取关于某个链接的更多信息。
Target
「target」属性告诉浏览器在哪里打开链接，比如同一标签页、新标签页、新窗口或 iframe。
形式如下：
不同取值包括：
- 「_self」：在同一框架（通常是同一标签页或窗口）中打开链接
- 「_blank」：在新标签页或窗口中打开链接。这是最常见的做法
- 「_parent」：在上一级框架（称为父框架）中打开链接
- 「_top」：忽略所有框架，在同一浏览器窗口中把链接作为顶层文档打开
- 「framename」：在指定名称的框架中打开链接，比如在 iframe 中播放的视频。
例如，若想让链接在新标签页中打开，可以这样写：
锚标签示例
下面举几个例子，看看在何处以及如何使用锚标签。
链接到同一页面上的某个元素
可以使用锚标签链接到同一页面上的元素，帮助用户更好地浏览和消化内容。
步骤如下：
- 为想要链接到的部分添加「id」属性
- 为从中发起链接的锚标签添加「id」属性
例如，假设正在写一篇关于 SEO 的文章，并想链接到标题「Local SEO」。
找到该标题，为它添加「id」属性。
形式如下：
找到想添加链接的文字，添加「href」属性来创建锚点链接。
不过不要添加指向网页的链接，而是用井号（#）加上锚点 ID。
形式如下：
读者点击该链接时，会「跳转」到带有「LocalSEO」id 的 H2 标题。
链接到电子邮件地址
也可以设置一个链接，引导用户向某个特定地址发送电子邮件。
用户点击链接时，浏览器会打开电脑的默认电子邮件客户端（比如 Macbook 笔记本上的 Apple Mail 应用），并自动在收件人地址中填入属性指定的地址。
这被称为「mailto」协议，被添加到「href」属性的值中。
形式如下：
若有人点击上面的链接，默认电子邮件客户端会打开，并在「收件人」字段中显示该电子邮件地址。
链接到电话号码
与链接到电子邮件地址一样，也可以链接到电话号码。
添加「tel」协议，后跟电话号码。
形式如下：
在支持的设备上（比如手机，或装有 Skype 或 FaceTime 的电脑）点击该链接会拨打这个号码。
链接到文件下载
使用「download」属性让链接直接下载文件。
例如，可以用它帮助读者下载信息图或 PDF。
要实现这一点，需设置「href」属性，其值就是实际文件。
形式如下：
点击链接将下载该信息图。
注意：可以把文件名作为「download」属性的值添加进去，但这是可选的。若不添加，浏览器会使用原始文件名。
锚点链接有利于用户体验吗？
锚点链接有助于改善用户体验（UX）。读者用它们来导航，从而获得更好的浏览体验。
例如，锚点链接常用于目录中，帮助浏览篇幅长或视觉上密集的页面。
读者进入一个页面时，想知道这些信息是否对自身有用，或是否与搜索查询相关。
包含清晰、可点击锚点链接的目录，能概括页面内容，并帮助读者「跳转」到最感兴趣的部分。
锚点链接有利于 SEO 吗？
锚点链接有助于改善页面体验，并可能赢得精选摘要，二者都能随时间帮助提升排名。
Google 也可能在页面的搜索摘要中纳入锚点链接。
效果如下：
在关于电影《疾速追杀》（John Wick）的页面上，Google 会包含指向「Plot」（剧情）和「Cast」（演员）的锚点链接，帮助搜索者直接从搜索结果页面（SERP）「跳转」到该部分。
这意味着：
在页面上加入锚点链接可能是值得的。
用它们告诉 Google 更多关于内容的信息，并帮助读者找到并跳转到想读的部分。
审计你网站的链接以提升 SEO 排名
最重要的 SEO 最佳实践之一是定期审计网站。审计能发现并修复阻碍网站排名的各种问题。
也可以通过审计发现特定问题，在这个例子中就是与链接相关的问题。
Semrush 的 Site Audit 会抓取整个网站，并帮助解决这些问题。
打开该工具，输入域名，然后点击「Start Audit」。
会弹出「Site Audit Settings」（站点审计设置）窗口。
配置基本设置，然后点击「Start Site Audit」。
审计完成后，转到「Issues」（问题）标签页。
要查看与链接相关的问题，点击「Category」（类别）下拉菜单，选择「Links」（链接）。
这些就是与网站链接相关的所有错误、警告和提示。
点击「Why and how to fix it」（为何出现以及如何修复）链接，了解更多关于每个问题及处理方法的信息。
此外，还可以设置审计自动运行。
为此，点击右上角的齿轮图标，向下滚动到审计设置，点击「Schedule」（计划）。
然后点击下拉菜单，安排审计在一周中希望的那一天运行。
点击「Save」（保存）。
密切关注链接问题，并尽快修复。