🔗
Canonical标签的设置技巧
详解Canonical标签的概念、使用场景和设置方法,帮助您避免网站重复内容问题,提升SEO效果。从基础概念到实际操作,全面掌握Canonical标签的正确使用方式。
📅 2024-12-20
📂 技术
⏱️ 10分钟
1\. 什么是Canonical标签?
Canonical 标签是一段 HTML 代码 ( rel="canonical" ),用于指定重复或相似网页的主要版本。
在SEO 中,Canonical标签会向谷歌建议应该索引哪个版本的页面、规范页面URL并显示在搜索结果中。
Canonical标签位于网页 HTML 源代码的
部分,如下所示:
根据页面类型,可以分为两种类型的标签:
示例页面:一个页面URL为 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都设置如下方式:
作用:
告知搜索引擎当前页面与另一个页面重复,并指示内容的首选版本或主版本;
它本质上告诉搜索引擎,不要索引此页面,而是索引主要版本。
2\. Canonical标签的使用场景
场景:电商网站的产品页面可能会因为不同的筛选条件(如颜色、尺寸、排序方式等)而生成带有不同参数的URL。
示例:https://example.com/product?id=123&color=blue
https://example.com/product?id=123&size=large
解决方案:在所有带参数的页面中,使用Canonical标签指向主要的产品页面,如:
场景:文章列表或产品列表页面经常会分页(如第1页、第2页)
示例:https://example.com/blog?page=1
https://example.com/blog?page=2
解决方案:可以让每个分页页面的Canonical标签指向第一页,或者让每页的Canonical标签指向自身。
场景:网站在不同渠道(如社交媒体)分发内容,带有UTM等跟踪参数
示例:https://example.com/blog/post?utm\_source=facebook
解决方案:使用Canonical标签指向无参数的主要URL.
场景:网站可能会同时存在HTTP和HTTPS版本,用户可以通过任意一种方式访问页面。
示例:http://example.com/page
https://example.com/page
解决方案:在HTTP页面上使用Canonical标签指向HTTPS版本,确保权重集中在HTTPS页面。
场景:网站可能可以通过www.example.com和example.com两种URL访问,造成重复内容问题。
示例:https://www.example.com/page
https://example.com/page
解决方案:在一个版本(通常为www或不带www)中设置Canonical标签指向首选的URL。
场景:如果网站使用不同的URL结构来呈现移动和桌面内容,可能会导致内容重复。
示例:m.example.com
www.example.com
解决方案:在移动页面中使用Canonical标签指向桌面版页面,同时在桌面版页面中使用 alternate 标签。
桌面页面:
移动页面:
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标签
在网站代码的标签进行编辑和设置Canonical标签.
https://example.com/">
注:对于建站系统来说不常用,该方法适用于传统HTMl的网站。
- All in One SEO Pack(WP插件)
打开任意文章或页面进行编辑,滑动到AIOSEOS设定区块,打开Advanced,编辑: Canonical URL,然后进行编辑保存。
打开任意文章或页面进行编辑,滑动到Rank Math SEO 区块,打开Advanced,编辑: Canonical URL,然后进行编辑保存。
4\. Canonical标签设置的注意事项
Canonical 标签应该指向该页面的唯一首选 URL,以避免搜索引擎抓取重复内容。
例如,如果页面在
https://example.com/page,确保其他 URL(如
https://example.com/page/ 或
https://www.example.com/page)都没有不同的 Canonical 标签指向它们。
Canonical 标签应该始终指向最优先的页面,避免使用自身或相似的页面作为 Canonical。
如果页面 A 的 Canonical 标签指向页面 B,而页面 B 的 Canonical 又指回页面 A,就会产生循环,对 SEO 产生负面影响。
如果使用 SEO 插件(如 Yoast SEO 或 All in One SEO),应避免在主题代码中额外添加 Canonical 标签。
重复的 Canonical 标签可能会导致搜索引擎混淆,应确保只有一个明确的标签。
正常情况下Canonical 标签指向同一站点的 URL。如果需要跨域设置(例如指向合作伙伴网站的页面),确保该页面内容几乎完全相同,否则搜索引擎可能会忽略该 Canonical 标签。
5\. 检查Canonical标签是否正确安装
在源代码中查找
标签,确保该标签包含正确的 URL。
使用 在线SEO 工具(如 Ahrefs、SEMrush、Moz)检查Canonical标签。
名称:Ahrefs
地址:
https://ahrefs.com/
页面打开Site Audit-All issues-All tracked-Indexability ,浏览Canonical标签问题。
安装和使用浏览器扩展工具(如 MozBar、SEO Minion)检查Canonical标签。
名称:MozBar
地址:
https://chromewebstore.google.com/detail/mozbar/eakacpaijcpapndcfffdgphdiccmpknp
使用桌面SEO工具 Screaming Frog 等站点爬虫工具扫描站点,去检测全站的 Canonical 标签并标出潜在问题。
名称: Screaming Frog
地址:
https://www.screamingfrog.co.uk/seo-spider/