链接文本

链接文本是链接在页面上显示给用户的那段可见文字，用来交代链接指向的网页讲的是什么^[2][3]。

链接文本和链接是相辅相成的：用户看到一段文字是链接，怎么判断要不要点呢？依据的就是链接文本，链接文本就是起着解释链接的作用^[2]。搜索引擎同样读它，因为这是链接自身唯一能表达含义的部分^[2]。也就是说，同一段文字要同时面向人和机器，两边都得知道点了这个链接的作用是什么，点了这个链接会去哪儿。

在页面上的位置

链接文本写在可抓取的 <a> 元素之间^[2][1]。比如 <a href="https://www.example.com">链接文本</a>，两个标签之间的那段文字，就是这个链接的链接文本。

放在元素之外、或者用脚本另外渲染出来的文字，都不算链接文本^[2]。比如用脚本给一段普通文字绑定点击事件，它看起来能点，却不属于 <a> 元素。所以用 JavaScript 组合出链接文本时，要确认链接文本出现在渲染后的 HTML 里^[2]。也就是说，机器看不到的链接文本等于没有。

空链接的兜底

<a> 元素可能出于某种原因为空，里面一句文字都没有^[2]。比如 <a href="/page"></a>，两个标签之间是空的。

遇到这种情况，Google 会退一步，用 title 属性当链接文本^[2]。因为属性本来用于悬停提示，拿来当链接文本只是一种补救^[2]。也就是说，能写在元素之间的，就不该留给属性。

图片链接的情况

图片本身也是链接时，情况要单独说^[2]。

此时图片没有可读的文字，Google 就改用 img 元素的 alt 属性当链接文本^[2]。比如 <a href="/cnc"><img src="cnc.jpg" alt="三轴加工中心"></a>，用户看到的是图，机器读到的链接文本取的是 alt。所以图片作为链接时，替代文本要描述的不只是图片，还要说清链接指向什么^[2]。替代文本和链接文本都为空，这个链接对机器就基本失效了。

描述与简洁

好的链接文本要描述清楚、措辞简洁，并且与所在的网页、指向的网页都相关^[2]。

好的链接文本给链接补上背景，也替读者设定预期^[2]。链接文本越到位，用户越容易在站内找到要去的页面，Google 也越容易理解对面那个网页的内容^[2]。反过来，「点击此处」「了解详情」「网站」这类说法太空泛，读的人猜不到点进去是什么，机器也拿不到有效线索^[2]。另一个极端是把整句新闻塞进链接，重开时间、赠品都写进去，读者反而抓不住重点^[2]。

附录

参见

• 锚文本
• 内部链接
• 图片 alt

参考资料

官方（境外）

1. 《HTML Standard, Edition for Web Developers》，WHATWG。
2. 《Google 的链接最佳实践》，Google 搜索中心。

第三方

3. 《Anchor Text》，Moz。

外部链接

无。