规范版本（canonical）是告诉搜索引擎当前内容的权威url，用于解决重复内容问题、集中收录权重；需在html的中添加唯一绝对url的标签，且href必须与页面真实地址严格一致。
什么是规范版本（canonical）
规范版本不是字符编码或语言设置，而是告诉搜索引擎：“这个 URL 是当前内容的权威来源，其他相似页面（比如带参数、分页、移动端）都算它的副本”。不设 canonical，搜索引擎可能把多个相似页当成重复内容，分散收录权重。
rel="canonical" 标签怎么写
在 HTML 的 里加一行 <link rel="canonical" href="https://example.com/page">。href 必须是**绝对 URL**（含协议和域名），不能是相对路径或 /page。
- 如果页面就是规范本身，href 指向自己（如
https://example.com/blog/post） - 如果当前是分页页（如
/blog/post?page=2），href 应指向第一页 - 如果当前是 AMP 版本，href 指向非 AMP 主页；反之亦然
- 多个
<link rel="canonical">会冲突，只保留一个
容易踩的坑
常见错误不是语法问题，而是逻辑错位：
-
href写成http://而主站已强制跳转https://→ 搜索引擎可能忽略或视为不一致 - 动态生成的 canonical 拼错 URL（比如漏掉路径、多出斜杠、参数未清理）→ 返回 404 或指向错误页
- 服务端渲染时，不同路由共用同一份 HTML 模板但没更新
href值 → 所有页面 canonical 都指向首页 - 在
里放 canonical → 浏览器和爬虫都不认，必须在 - 同时用了 HTTP 头
Link: <https:>; rel="canonical"</https:>和 HTML 标签 → 两者值不一致时，Google 优先采信 HTML 标签，但 Bing 可能取 HTTP 头，最好统一
怎么验证是否生效
打开 Chrome DevTools → Network 标签 → 刷新页面 → 点开 HTML 请求 → 在 Response Headers 里找 Link 字段（如果有 HTTP 头方式）；再切到 Elements 标签 → 展开 → 确认 <link rel="canonical"> 存在且 href 值正确。更直接的是用 Google Search Console 的“URL 检查”工具，输入页面地址，看“规范网址”字段是否显示你预期的地址。
注意：canonical 是建议而非指令，搜索引擎仍可能根据内容相似度、链接权重等自行判断。它不解决 404 或重定向链问题，只是辅助去重。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
