新手学做网站：HTML制作canonical规范链接的正确方法

很多新手站长刚学会用HTML搭建网站，都会遇到一个头疼的问题：同一个页面出现多个不同网址怎么办？比如首页既可以通过`https://xxx.com`访问，也能通过`https://xxx.com/index.html`打开，电商网站同一个商品甚至会因为分类不同生成好几个链接。

这种情况不仅会让搜索引擎分不清该收录哪个，还会分散页面权重，辛辛苦苦做的SEO效果大打折扣。而解决这个问题的核心方法，就是用HTML制作canonical规范链接。今天就给新手朋友讲清楚，到底怎么正确设置canonical标签。

—

先搞懂：为什么需要canonical规范链接？

canonical标签是什么？简单来说，它就是告诉搜索引擎：**「这个页面的首选版本是这个链接，其他重复/相似页面都是它的分身，把权重都集中到我指定的这个链接上吧」**。

新手做网站最容易踩这几个重复内容的坑，正好需要canonical来解决：

1. 网站同时支持带`www`和不带`www`的域名，两个域名都能打开所有页面，造成重复收录

2. 商城、博客的分类筛选功能，同一个商品/文章会生成多个带不同参数的URL（比如`?sort=price`和`?sort=date`），内容完全一样只是排序不同

3. 网站改版后旧链接没删除，新链接和旧链接内容重复

4. 转载、同步原创内容到多个平台，想让搜索引擎认准原站来源

如果不用HTML制作canonical规范链接做好处理，搜索引擎会认为你的网站存在大量重复内容，轻则降权，重则不收录，辛苦做的网站没人看，真的很可惜。

—

HTML制作canonical规范链接：正确写法一步到位

很多新手刚接触会觉得这个标签很难，其实它的写法非常简单，就是放在网页的``标签里的一行代码而已。

基础语法格式

canonical规范链接的标准HTML写法是这样的：

“`html

“`

举个实际例子：如果你的首页首选链接是`https://你的域名.com`，而index.html也能访问，那就在`https://你的域名.com/index.html`的``里加上这行代码：

“`html

“`

这样搜索引擎就会明白，权重全部转移到`https://你的域名.com`，不会再把两个页面当成不同内容处理了。

几个必须记住的新手注意事项

很多新手设置完不生效，其实都是踩了这些细节的坑：

1. **href必须写完整的绝对地址**

不要偷懒写相对路径，比如`href=”/index.html”`这种写法是不规范的，搜索引擎识别不了。必须写带`http/https`和域名的完整链接，才符合规范。

2. **canonical可以跨域名使用**

如果你同一个内容发布在两个网站，比如自己官网发了一遍，又同步到了知乎专栏，就可以在专栏的页面（如果支持修改HTML的话）加一个指向你官网原文的canonical标签，把权重传递给你的原站。

3. **不要循环引用也不要写错指向**

你指定的首选链接本身，也可以加指向自己的canonical标签，这是没问题的，但绝对不能A页面指向B，B页面又指向A，搜索引擎会直接忽略这个标签，白设置了。

4. **不是所有情况都适合用301跳转**

很多人说重复链接直接做301跳转不就行了？其实不是的。比如你需要保留多个不同参数的页面供用户筛选（比如电商网站按价格、销量排序的页面），只是不想让它们参与排名，这时候用canonical比301更合适——用户能正常用筛选功能，搜索引擎也不会判定重复内容。

—

新手最容易犯的5个错误，你中了吗？

整理了新手在HTML制作canonical规范链接时，最常见的几个错误，大家可以对照检查：

❌ **错误1：把canonical加在``里了**

canonical标签必须放在页面的``部分，放在内容区搜索引擎抓不到，等于白加。

❌ **错误2：一个页面加多个canonical标签**

一个页面只能有一个canonical规范链接，如果加了多个，搜索引擎会自动忽略所有标签，不会生效。

❌ **错误3：指向不存在的死链**

很多新手改了域名之后，href还写原来的链接，结果指向了404页面，不仅权重没传递，还会被搜索引擎判定违规。

❌ **错误4：用robots屏蔽重复页就不用加canonical**

很多新手以为用robots禁止搜索引擎爬重复页面就万事大吉，但就算搜索引擎不爬，重复页面的权重还是分散的，最好的做法就是robots屏蔽+canonical双保险，或者只加canonical。

❌ **错误5：canonical当成权重传递的万能药**

canonical并不是100%一定会被搜索引擎采纳，只是你给搜索引擎的「建议」，如果你的首选页面内容和重复页面差异太大，搜索引擎还是会自己判断，所以只适合内容完全相同或者高度相似的页面使用。

—

怎么检查canonical设置对不对？

设置完怎么确认有没有生效？给新手两个简单的检查方法：

1. **查看网页源码**：打开页面右键点击「查看网页源代码」，搜索`canonical`，确认链接写对位置、地址正确就可以。

2. **用搜索引擎站长工具检查**：百度搜索资源平台、Google Search Console都有链接检查功能，输入页面地址就能看到搜索引擎识别到的canonical规范链接对不对。

—

写在最后

对于新手学做网站来说，HTML制作canonical规范链接是很小的一个知识点，但却是影响网站SEO效果很关键的细节。很多人做了很久网站发现排名上不去，查了半天才发现原来就是没设置canonical，导致页面权重被分散。

其实这个标签一点都不难，记住核心就是：**确定首选链接，写对正确的HTML代码，放在head标签里**，避开我们说的几个常见错误，就能正确发挥canonical的作用了。

如果你刚搭建完自己的网站，不如现在就去检查一下，你的重复页面有没有加上规范链接吧？