
html代码
- css 超出文字省略
- js判断json为空
- JavaScript反转数组实用的4种方法
- JS检查数组中是否存在某个元素
- js反转数组
- img图片和a标签在同一行的css写法
- js正则校验是否字符串为纯中文
- js数组遍历、截取、删除、元素查询
- view、div水平横向排列
- js document 增加、删除、操作节点和子节点
- js判断JSON为空
- input数字类型去掉上下箭头
- css鼠标指针cursor
- js两个时间相减得出时分秒
- Math.random()随机数四舍五入
- 使用js去除字符串内所带有空格的三种方法
- var、let与const变量声明比较
- js字符串切割split
- append和appendChild比较
- js给button添加点击事件
- 原生AJAX、XMLHttpRequest发送post表单请求
- js给input框点击回车事件
- css伪类选择器
- document移除style一个样式属性
- html2canvas如何实现滤镜效果
- html2canvas提高图片质量清晰度
- transform translate实现位移
- transform旋转rotate
- html link中的canonical
html link中的canonical
时间:2024-01-01
我们经常看到网页header里有一条ref=canonical的link标签,这是什么作用?
了解下关于link中canonical用法。rel=”canonical” 这个标签已经推出很久了,canonical 是 Google、雅虎、微软等搜索引擎一起推出的一个标签,它的主要作用是用来解决由于网址形式不同内容相同而造成的内容重复问题。这个标签对搜索引擎作用非常大,简单的说它可以让搜索引擎只抓取你想要强调的内容。
举个简单的例子,来xxx看下如下的网址:
http://www.xxx.cn/x-snow.html http://www.xxx.cn/xx-snow.html?xx=true http://www.xxx.cn/xx-snow.html?xx=true |
这三个网址形式不同,第一个才是我们想显示给搜索引擎和用户的网址,但是打开它们网站的内容却是相同的。一般像这种状况搜索引擎是很难分辨出来哪个才是网站主想要强调的网址,这样会直接造成搜索引擎在你的站里面收录到大量重复的内容,现在我们通过 canonical 标签就可以解决这些棘手的问题了。
像上面的状况,我们只需要在网址的 head 区域添加如下代码:
<link rel='canonical' href='http://www.xxx.cn/xx/xx.html' /> |
这样的话 Google 等搜索引擎最终都会只收录 canonical 标签指定的这个网址,搜索引擎会将其它页面作为重复内容,这些重复的内容不再参与页面的权重分配(如 Google 的 PR 值)。