link

link 是一个元素，写在 <head> 里，用来声明文档与外部资源的关系，替代版本也由它指出。rel 说明是哪一种关系，href 给出地址^[1]。它同时也是站内样式表与预加载请求的入口。

常见的几种 rel

stylesheet   外部 CSS
canonical    规范网址
alternate    其他语言、其他格式、其他版本
preload      提前请求关键资源
icon         站点图标
manifest     Web 应用清单

rel="canonical" 用于把重复地址收敛到一个版本，写法是放在被重复的那一页上、指向保留页^[2]。语言版本与地区版本的关系由 rel="alternate" 配 hreflang 说明，要求互相指回^[3]。站点图标可以用 icon 声明，Google 也可能自行从页面抓取^[4]。

与抓取的关系

<link> 里只有 canonical、alternate、预取一类会进入搜索处理，preload 影响的是加载顺序而不是收录^[2]。样式与脚本里的内容不进正文，正文不该靠 <link> 承载。

常见误用

第一种是每页都把规范网址指向首页，非首页页面失去独立收录资格^[2]。第二种是加了一堆用不上的 preload，关键请求被挤到后面^[5]。第三种是多语言页面只写了单向标注，版本关系被判为不完整^[3]。

与 HTTP 标头的等价写法

响应标头也能表达这层关系，写法是 Link，效果与 <link> 一致，图片与 PDF 这类非 HTML 资源只能走标头^[2]。两条路同时给出不同指向时，结果难以预测，应保留一处。

附录

参见

• head 元素
• rel
• 规范网址
• hreflang
• 网站图标
• 关键渲染路径

参考资料

官方（境外）

1. 《<link> HTML 元素》，MDN Web 文档。
2. 《规范网址与重复内容的处理》，Google 搜索中心。
3. 《管理区域与语言版本》，Google 搜索中心。
4. 《定义要在搜索结果中显示的网站图标》，Google 搜索中心。
5. 《了解 JavaScript SEO 基础知识》，Google 搜索中心。

外部链接

• HTML 标准：文档元数据，WHATWG。