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

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

什么是 nofollow 标签?

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

nofollow noopener noreferrer

什么是 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的区别

赞 (0) 赏 !

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  • 计算 (必填)

觉得文章有用就打赏一下吧,赠人玫瑰手有余香!

支付宝扫一扫打赏

微信扫一扫打赏