rel="first"和rel="last"是html中已弃用的语义标记,仅作历史兼容,现代浏览器完全忽略,搜索引擎基本不采用;应改用成对、线性、闭环的rel="prev"/rel="next"配合canonical指向自身来实现分页seo。

rel="first" 和 rel="last" 是什么行为
它们是语义标记,不触发任何资源加载、不改变页面样式、也不影响渲染,只向浏览器和搜索引擎暗示“当前文档在某个序列中的位置”。实际效果几乎为零——现代浏览器完全忽略这两个值,连控制台都不会记录;搜索引擎虽可能读取,但已基本不作为排序或抓取依据。
为什么写了也看不到效果
因为支持度极低:rel="first" 和 rel="last" 在 HTML5 规范中仅保留为历史兼容项,Chrome、Firefox、Safari 均不实现任何逻辑。你加了 <link rel="first" href="/page/1">,浏览器不会预连接、不会 prefetch、不会在地址栏显示提示,也不会影响分页导航的自动识别。
- 它们不属于
rel的“影响浏览器行为”类(如preload、next),也不属于“直接视觉可见”类(如stylesheet、icon) - W3C 文档明确标注为“deprecated in favor of
rel="prev"/rel="next"” - 即使搭配
hreflang或title,也不会增强多语言分页的语义表达
该用什么替代 first/last
真正起作用的是 rel="prev" 和 rel="next",且必须成对、线性、无跳变地出现在每一页的 中:
- 第 1 页只写
<link rel="next" href="/page/2"> - 中间页写
<link rel="prev" href="/page/N-1">和<link rel="next" href="/page/N+1"> - 末页只写
<link rel="prev" href="/page/N-1"> -
rel="prev"/rel="next"的href必须可访问、返回 200 状态,否则预连接失效
注意:rel="next" 在 Chrome 中会触发空闲时 DNS 预解析和 TCP 预连接,但不会预加载 HTML 内容;若想预取整页,需额外配合 <link rel="prefetch" href="/page/2" as="document">。
容易被忽略的细节
很多人以为加了 rel="first" 就能“告诉搜索引擎这是首页”,其实毫无意义。真正影响分页 SEO 的是三件事:URL 结构是否规律(如 /blog/page/1)、rel="prev"/rel="next" 是否闭环、以及 <link rel="canonical"> 是否指向当前页自身。漏掉任意一项,都可能导致搜索引擎把多页内容当成重复收录。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











