nofollow、noopener noreferrer、noopener noreferrer nofollow的区别及使用

最近，百度贴吧官方在链接属性中添加了 rel=”noopener noreferrer nofollow”。同时，WordPress也在升级到古腾堡编辑器后，去掉了经典编辑器中添加rel =“ noopener noreferrer”属性的自主选项，默认全部添加。

之前普遍使用的链接属性还有rel=”nofollow”、 rel=”external”、 rel=”external nofollow”，再加上rel =“ noopener noreferrer”、rel=”noopener noreferrer nofollow”。看上去有点乱，不知道它们的含义及区别，不知道在发布文章时，应该选择哪一个属性。

现在分别解释这些属性的含义，以及如何选择哪一个链接属性来使用。

rel=”nofollow”

意思是告诉搜索引擎，不要爬行此链接，不要传递本网站权重到此链接，不要把本网站计入此网址的反向链接。

适用于添加外部网站地址时，或者自己网站中不希望被搜索引擎爬行的链接，比如注册地址、登录地址。

实际上，本来没有这个英文词，是Google为了防止利用SEO外链作弊创造出来的属性，后来被广泛运用于其他搜索引擎，就成了通用的链接属性。

rel=”external”

从字面意思，可知其含义是告诉搜索引擎，这个链接是外部的、非本网站的链接。

使用rel=”external”的初衷，是代替target=‘_blank’，在新窗口中打开链接。因为在某些网站中，target=‘_blank’会无效。

因此rel=”external”与target=‘_blank’的含义和作用是一样的。

rel=”external nofollow”

很明显， rel=”external nofollow”是结合了rel=”nofollow”与rel=”external”的含义和作用：此链接非本站链接，是外部链接，不要爬行，不要传递权重。

rel =“noopener noreferrer”

如果本网站上有其他网站的链接，当访客从本网站打开其他链接，那么其他链接会延续本网站的访问权限。如果新打开的其他网站链接是钓鱼网站，那么访客会遭到钓鱼攻击。

这时候就需要添加 rel =“noopener noreferrer”属性，让HTML DOM opener属性和referrer属性无效。
其作用是拦截跨网域权限，杜绝钓鱼安全漏洞，避免访客被钓鱼攻击。

rel=”noopener noreferrer nofollow”

很明显，rel=”noopener noreferrer nofollow”属性是，rel =“ noopener noreferrer”加rel=”nofollow”。

作用是避免访客被钓鱼攻击，又告诉搜索引擎不要爬行，不要传递本网站的权重到此链接。

也就是说，rel=”noopener noreferrer nofollow”，有网络安全与SEO两方面的作用。

目前各大网站陆续在自己网站上对外部链接添加rel=”noopener noreferrer nofollow”链接属性，也是大势所趋。

也有人写为rel=”nofollow noopener noreferrer”，作用是一样的。

rel=”nofollow me noopener noreferrer”

含义与作用与rel=”noopener noreferrer nofollow”相同。

总结

为网站访客的安全，以及自己网站的SEO权重着想，建议在发布文章时，添加rel=”noopener noreferrer nofollow”，或者rel=”nofollow me noopener noreferrer”，作用是一样的。

目前在WordPress中发布文章，默认添加rel =“ noopener noreferrer”，可以自己添加上 nofollow，变为rel=”noopener noreferrer nofollow”。

添加方法是将区块转换为“作为HTML编辑”。

©禁止转载原文 欢迎分享网址 侵权必究：『白云居』 » nofollow、noopener noreferrer、noopener noreferrer nofollow的区别及使用