html中a标签的rel属性详解rel=nofollow external noopener noreferrer

平常用得最多的就是rel="stylesheet",这个大家平时肯定都用得多,但是很多人肯定从来没有注意过,让大家最熟悉的可能就是rel=nofollow,随着搜索引擎优化(SEO)的兴起,它渐渐被大家所了解,特别是在html5中,部分属性还专门为浏览器或搜索引擎而提供的;还有多种方式:rel=external nofollow和rel=noopener noreferrer


rel=nofllow是告诉搜索引擎,不要将该链接计入权重。所以很多情况下,我们可以将一些不想传递权重的链接加上rel=nofllow;例如一些非本站的链接,不想传递权重,但是又需要加在页面中的链接。比如:统计代码、备案号链接、各种与网站类别不符的链接等等。


除了rel="nofollow"还有两种链接属性形式,一种是rel="external",另一种是rel="external nofollow"。这两种分别代表什么意思呢?又有何区别呢?


rel="external nofollow"

其实上面已经说过rel="nofollow" 和 rel="external" 两种属性的所代表的意思了。这个属性基本上是相当于将两种属性结合起来,大致可以解释为 “这个链接非本站链接,不要爬取也不要传递权重”。因此在SEO的角度来说,是一种绝对隔绝处理的方法,可以有效减少蜘蛛爬行的流失。


rel="nofollow noopener noreferrer"

超链接 target="_blank" 要增加 rel="nofollow noopener noreferrer" 来堵住钓鱼安全漏洞。如果你在链接上使用 target="_blank"属性,并且不加上rel="noopener"属性,那么你就让用户暴露在一个非常简单的钓鱼攻击之下。


有些属性值是专门为不同的浏览器设计的特别是用window.opener的这种访问行为,有些浏览器是不支持部份值的,所以我们需要设置多个值来兼容;火狐不支持这个属性值,所以实际上你要用 rel="noopener noreferrer"来完整覆盖。


这里还有一个使用技巧,比如某些用户它发布的信息质量不高或者发布的就是垃圾信息,又不能把这个信息删除,就可以给这个用户发布的信息加上rel=nofllow就行咯。


Tags 建站 Html

留言(0)

评论