Canonical标签的设置技巧

1. 什么是Canonical标签？

Canonical 标签是一段 HTML 代码 ( rel="canonical" )，用于指定重复或相似网页的主要版本。
在SEO 中，Canonical标签会向谷歌建议应该索引哪个版本的页面、规范页面URL并显示在搜索结果中。

Canonical标签位于网页 HTML 源代码的 <head> 部分，如下所示：

根据页面类型，可以分为两种类型的标签：

自引用Canonical标签
示例页面：一个页面URL为 https://www.example.com/ 该页面的Canonical标签设置为指向自身：<link rel="canonical" href="https://www.example.com/" />
作用：
内容的标准化：即使页面没有重复内容，自引用Canonical标签也可以用于明确页面的唯一性，增强内容的规范性。
页面权重保持：即使页面内容发生小幅度调整，自引用Canonical标签能维持页面权重，不至于因为小改动导致权重重新分配。

重复页面的Canonical标签
示例页面：假设有多个包含相似内容的页面，如一个博客文章在多个URL下显示：
链接①：https://example.com/blog/article
链接②：https://example.com/blog/article?source=facebook
链接③：https://example.com/blog/article?ref=twitter
在链接① ② ③ Canonical都设置如下方式：<link rel="canonical" href="https://example.com/blog/article" />
作用：
告知搜索引擎当前页面与另一个页面重复，并指示内容的首选版本或主版本；
它本质上告诉搜索引擎，不要索引此页面，而是索引主要版本。

处理带有URL参数的页面
场景：电商网站的产品页面可能会因为不同的筛选条件（如颜色、尺寸、排序方式等）而生成带有不同参数的URL。
示例：https://example.com/product?id=123&color=blue
https://example.com/product?id=123&size=large
解决方案：在所有带参数的页面中，使用Canonical标签指向主要的产品页面，如：
<link rel="canonical" href="https://example.com/product?id=123" />
分页内容
场景：文章列表或产品列表页面经常会分页（如第1页、第2页）
示例：https://example.com/blog?page=1
https://example.com/blog?page=2
解决方案：可以让每个分页页面的Canonical标签指向第一页，或者让每页的Canonical标签指向自身。
<link rel="canonical" href="https://example.com/blog?page=1" />

内容分发与跟踪参数
场景：网站在不同渠道（如社交媒体）分发内容，带有UTM等跟踪参数
示例：https://example.com/blog/post?utm_source=facebook
解决方案：使用Canonical标签指向无参数的主要URL.
<link rel="canonical" href="https://example.com/blog/post" />

HTTP和HTTPS版本
场景：网站可能会同时存在HTTP和HTTPS版本，用户可以通过任意一种方式访问页面。
示例：http://example.com/page
https://example.com/page
解决方案：在HTTP页面上使用Canonical标签指向HTTPS版本，确保权重集中在HTTPS页面。
<link rel="canonical" href="https://example.com/page" />

带有www和不带www的URL版本
场景：网站可能可以通过www.example.com和example.com两种URL访问，造成重复内容问题。
示例：https://www.example.com/page
https://example.com/page
解决方案：在一个版本（通常为www或不带www）中设置Canonical标签指向首选的URL。
<link rel="canonical" href="https://www.example.com/page" />

移动和桌面版URL
场景：如果网站使用不同的URL结构来呈现移动和桌面内容，可能会导致内容重复。
示例：m.example.com
www.example.com
解决方案：在移动页面中使用Canonical标签指向桌面版页面，同时在桌面版页面中使用 alternate 标签。
桌面页面：
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/">
<link rel="canonical" href="https://www.example.com/" />
移动页面：
<link rel="canonical" href="https://www.example.com/" />
该项在SEOer圈中是有一些争议，但是做Google SEO的网站，建议遵循谷歌的Search规范，参考资料如下：
资料链接：
https://developers.google.com/search/docs/crawling-indexing/mobile/mobile-sites-mobile-first-indexing?hl=zh-cn#mobile https://support.google.com/webmasters/thread/282188418/device-specific-urls-and-set-up-canonical-tag?hl=en

代码设定方式
在网站代码的<head>标签进行编辑和设置Canonical标签.
<head>
<link rel="canonical" href="https://example.com/">
</head>
注：对于建站系统来说不常用，该方法适用于传统HTMl的网站。

All in One SEO Pack（WP插件）
打开任意文章或页面进行编辑，滑动到AIOSEOS设定区块，打开Advanced，编辑: Canonical URL，然后进行编辑保存。

Rank Math SEO（WP插件）
打开任意文章或页面进行编辑，滑动到Rank Math SEO 区块，打开Advanced，编辑: Canonical URL，然后进行编辑保存。

确保URL唯一性
Canonical 标签应该指向该页面的唯一首选 URL，以避免搜索引擎抓取重复内容。
例如，如果页面在 https://example.com/page，确保其他 URL（如 https://example.com/page/ 或 https://www.example.com/page）都没有不同的 Canonical 标签指向它们。

避免循环 Canonical 链接
Canonical 标签应该始终指向最优先的页面，避免使用自身或相似的页面作为 Canonical。
如果页面 A 的 Canonical 标签指向页面 B，而页面 B 的 Canonical 又指回页面 A，就会产生循环，对 SEO 产生负面影响。

避免Canonical标签重复
如果使用 SEO 插件（如 Yoast SEO 或 All in One SEO），应避免在主题代码中额外添加 Canonical 标签。
重复的 Canonical 标签可能会导致搜索引擎混淆，应确保只有一个明确的标签。

避免跨域 Canonical 标签
正常情况下Canonical 标签指向同一站点的 URL。如果需要跨域设置（例如指向合作伙伴网站的页面），确保该页面内容几乎完全相同，否则搜索引擎可能会忽略该 Canonical 标签。

在线SEO工具
使用在线SEO 工具（如 Ahrefs、SEMrush、Moz）检查Canonical标签。
名称：Ahrefs
地址：https://ahrefs.com/
页面打开Site Audit-All issues-All tracked-Indexability ，浏览Canonical标签问题。

浏览器SEO工具
安装和使用浏览器扩展工具（如 MozBar、SEO Minion）检查Canonical标签。
名称：MozBar
地址：https://chromewebstore.google.com/detail/mozbar/eakacpaijcpapndcfffdgphdiccmpknp

桌面端SEO工具
使用桌面SEO工具 Screaming Frog 等站点爬虫工具扫描站点，去检测全站的 Canonical 标签并标出潜在问题。
名称： Screaming Frog
地址：https://www.screamingfrog.co.uk/seo-spider/

MIT license