1. 什么是Canonical标签?

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


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

<link rel="canonical" href="https://www.example.com/" />

根据页面类型,可以分为两种类型的标签:

  • 自引用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" />

作用:

告知搜索引擎当前页面与另一个页面重复,并指示内容的首选版本或主版本;
它本质上告诉搜索引擎,不要索引此页面,而是索引主要版本。

 

2. Canonical标签的使用场景

 

  • 处理带有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

 

3. 如何设置Canonical标签

 

  • 代码设定方式

在网站代码的<head>标签进行编辑和设置Canonical标签.

<head>
<link rel="canonical" href="https://example.com/">
</head>

注:对于建站系统来说不常用,该方法适用于传统HTMl的网站。

 

 

  • All in One SEO Pack(WP插件)

打开任意文章或页面进行编辑,滑动到AIOSEOS设定区块,编辑: Canonical URL,然后进行编辑保存。

 


  • Rank Math SEO(WP插件)

打开任意文章或页面进行编辑,滑动到Rank Math SEO 区块,编辑: Canonical URL,然后进行编辑保存。

 

4. Canonical标签设置的注意事项

 

  • 确保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 标签。

 

5. 检查Canonical标签是否正确安装

 

  • 查看页面源代码

在源代码中查找 <link rel="canonical" href="URL"> 标签,确保该标签包含正确的 URL。

 


  • 在线SEO工具

使用 在线SEO 工具(如 Ahrefs、SEMrush、Moz)检查Canonical标签。
名称:Ahrefs
地址:https://ahrefs.com/

 

检查图示:

 


  • 浏览器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/

 

检查图示:

以上就是本期海外营销101问的全部内容了,希望对你了解Canonical标签有帮助。如果你有想讨论的问题,或者其他想了解的其他问题,可以在评论区留言。

 

我们霆万科技不仅提供WordPress建站服务,也提供服务器托管服务,会结合技术SEO,帮助客户解决网站建设过程中的个性化需求实现、搜索引擎友好性、安全性和用户体验等问题,让网站实现赋能营销。我们也准备了一份技术SEO优化指南,有需要的朋友可以点击自行下载。

“以上内容由霆万科技/霆万出海学院原创/转载,请勿私自转载,以免侵权!如需转载,请扫码添加客服,获得授权并注明来源。”