Canonical标签是HTML5中用于指定页面首选版本的标准方案，解决URL参数、多端适配等导致的内容重复问题，需在<head>中用绝对URL添加单个<link rel="canonical">，它仅为搜索引擎建议而非强制指令。
Canonical标签（<link rel="canonical">）是HTML5中用于明确指定页面“首选版本”的标准方案，主要解决因URL参数、多端适配、CMS自动生成等原因导致的内容重复问题，帮助搜索引擎识别并集中权重到目标URL。
什么时候必须用Canonical标签
当同一内容可通过多个URL访问时，就该使用。常见场景包括：
- 带参数的URL与无参URL并存（如
/article?id=123和/article/123） - HTTP与HTTPS版本同时可访问
- www与非www域名都生效（如
www.example.com和example.com） - 打印页、移动端页或AMP页作为同一内容的变体存在
如何正确添加Canonical标签
在页面 <head> 中添加一条 <link> 标签，指向你希望被索引的规范URL：
<link rel="canonical" href="https://www.example.com/article/123">
立即学习“前端免费学习笔记（深入）”；
注意要点：
- href值必须是**绝对URL**（含协议和域名），不能用相对路径
- 应指向一个**可正常访问、返回200状态码**的页面
- 不要指向重定向链末端以外的URL（避免跳转后再设canonical）
- 每个页面只设置一个canonical，且指向自身或明确的首选版本
Canonical不是重定向，也不能替代301
Canonical是给搜索引擎的“建议”，不是强制指令；它不改变用户访问行为，也不传递全部链接权重（相比301重定向略弱）。所以：
- 若两个URL代表完全相同的资源，且长期只需保留一个，优先用301重定向
- 若需共存（如PC页与AMP页），则用canonical标明主从关系
- 不要在已301跳转的页面上再设canonical指向跳转前的地址
常见误用与排查建议
实际部署中容易出错的地方：
- 全站所有页面canonical都指向首页（严重错误，会丢失内页权重）
- 动态页面生成canonical时拼错URL（如漏掉https、写错路径）
- 在noindex页面上仍设置canonical（逻辑矛盾，搜索引擎可能忽略）
- 未同步更新：内容迁移后忘记修改旧页面的canonical指向
上线后可用Google Search Console的“URL检查”工具验证canonical是否被识别，或查看HTML源码确认标签是否存在且值正确。
