rel="prev"和rel="next"是搜索引擎识别分页序列的硬性依赖，必须用标签的rel属性动态输出，第一页仅rel="next"，中间页二者兼有，末页仅rel="prev"，禁用disabled而改用aria-current="page"。

分页链接加 rel="prev" 和 rel="next" 不是“锦上添花”，而是搜索引擎识别页面序列关系的硬性依赖。没它，第二页大概率不被收录，或被当成孤立页面处理。

怎么给分页链接加 rel="prev"/rel="next"

必须用 @#@#@#@#@#@#@#@#@#@0

中间页（如第3页）要同时有：@#@#@#@#@#@#@#@#@#@1 和 @#@#@#@#@#@#@#@#@#@2

最后一页只保留 rel="prev"，绝不能出现 rel="next"

纯图标按钮（如 @#@#@#@#@#@#@#@#@#@3）必须配文字或 aria-label，否则键盘用户和屏幕阅读器无法理解上下文

为什么不能只靠 URL 规则猜顺序

Google 明确说过：仅靠 /page/1、/page/2 这类路径命名，不足以让爬虫可靠推断分页逻辑。它会优先信任 rel 属性声明的关系。

Html2md

使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...

下载

• 如果第5页的链接错误地写了 rel="next" href="/page/6"，但实际没有第6页，Google 可能判定整个分页链断裂，从而降权甚至丢弃部分页面索引
• rel="prev" 和 rel="next" 必须成对闭环：第1页无 rel="prev"，最后一页无 rel="next"，中间页二者都要有
• 框架生成的分页组件（如 Laravel 的 $posts->links()）默认不带这些属性，需手动重写模板或注入属性

常见踩坑点：disabled、aria-current 和 rel 的混用

disabled 对 @#@#@#@#@#@#@#@#@#@4，视觉样式靠 CSS 控制，语义由 aria-current 表达

rel="prev"/rel="next" 是页面间关系，aria-current="page" 是当前页定位，二者职责不同，不可互相替代

不要给当前页链接加 rel="prev" 或 rel="next" —— 它既不是上一页也不是下一页，只是“自己”

真正容易被忽略的是：这些属性必须随服务端渲染动态输出，不能靠 JS 后补。爬虫不执行 JS，只解析初始 HTML。哪怕你用 Vue 或 React 渲染分页，也要确保 SSR 或静态生成时已写入正确的 rel 值。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！