网站建设中外链标签nofollow noopener noreferrer的区别

在我们网站建设的内容采编中肯定会有引用到外链的时候，现在很多朋友都知道在外链地址后面加上标签nofollow以防自己的网站权重流失，但你知道外链标签nofollow noopener 和 noreferrer的区别不同吗？

什么是 nofollow 标签？

nofollow 标签就是告诉百度、Google 等搜索引擎不要通过使用此标记的链接传递任何值。大多数情况下，nofollow 标签用于阻止“PageRank”传递到网站上的管理页面（例如，您不需要排名的登录页面），或者根据 Google 的付费使用广告客户的 URL 链接政策。除了用于付费和管理链接之外，nofollow 标记通常用于限制 PageRank 通过博客评论或留言簿条目中的链接传递。

什么是 noopener 标签？

rel =“noopener”在新标签中打开链接时基本上不会打开它的开启者。这意味着，它的 window.opener 属性将是在新标签中打开一个链接时，而不是从那里的链接打开同一个页面为空。

rel =“noopener”一般都是搭配 target="_blank"同时使用，因为 target="_blank" 也是一个安全漏洞：新的页面可以通过 window.opener 访问您的窗口对象，并且它可以使用 window.opener.location = newURL 将您的页面导航至不同的网址。新页面将与您的页面在同一个进程上运行，如果新页面正在执行开销极大的 JavaScript，您的页面性能可能会受影响。

那 noreferrer 又是什么标签？

noreferrer 标记在单击链接时隐藏引用者信息。如果有人从使用此标记的链接到达您的网站，您的分析将不会显示谁提到该链接。相反，它会错误地显示为您的统计流量报告中的直接流量。

noopener 和 noreferrer 标签如何提高安全性？

noopener 和 noreferrer 标签是阻止漏洞利用的主动权，该漏洞利用在新标签中打开的链接。攻击者用恶意文档替换合法且可信的页面选项卡。

当有人打开新选项卡时，网络钓鱼者会通过 window.opener 检测引荐网址，并使用 window.opener.location = newURL 推送新的网址。

而使用 rel =“noopener”会阻止网络钓鱼者获取有关链接源和与 referrer 链接相关的任何数据的信息。所以在a标签下添加rel="noopener noreferrer"来防止钓鱼网站，因为它获取的window.opener的值为null

在chrome 49+，Opera 36+，打开添加了rel=noopener的链接， window.opener 会为null。在老的浏览器中，可以使用 rel=noreferrer 禁用HTTP头部的Referer属性，使用下面JavaScript代替target='_blank' 的解决此问题：

var otherWindow = window.open('http://jianlove.com');


otherWindow.opener = null;


otherWindow.location = url;

nofollow、noopener 和 noreferrer 标签对SEO 有什么影响吗？

这是许多博主站长们最关心的问题，因为大家都知道 nofollow 标签会影响 Google 等搜索引擎的抓取和索引链接以及传递 PageRank 的能力，所以大家也比较担心 noopener 和 noreferrer 标签也会这样做。

其实，noopener 和 noreferrer 标签对 SEO 是没有任何影响的。因为它们运行在浏览器级别，而不是搜索引擎。虽然在监控反馈流量方面存在严重问题，但它不会影响站点内容的索引、抓取或排名方式。大家为了安全可以放心使用这两个标签了。

转载请注明链接地址：荐爱小站 » 网站建设中外链标签nofollow noopener noreferrer的区别