我们自己在做一个网站进行优化的过程中肯定有引用到外链的时候，大家学习基本都知道A标签加上nofollow可以有效防止公司网站权重流失，但如果没有加上rel=“noopener noreferrer“这个社会标签可能会通过比较疑惑，那么各表示需要什么不同意思？
一、nofollow标签是什么意思?
nofollow 标签就是告诉百度、Google 等搜索引擎不要通过使用此标记的链接传递任何值。在大多数情况下，nofollow 标记用于防止将“ pagerank”传递给站点上不重要的页面(如登录、注册页面)或外部 url 链接。因此nofollow标签经常被用来限制搜索引擎跟踪链接和传递权重。
二、noreferrer 标签是什么意思？
简而言之，noreferrer 标记在单击链接时隐藏引用者信息。如果需要有人从使用此标记的链接可以到达你的网站，你的分析将不会进行显示谁提到该链接。相反，它会错误地显示为您的统计数据流量报告中的直接数据流量。
这个noreferrer标签在WordPress早些版本中是自行增加到A标记中，但事实上这并不是WordPress自身所做的更改，反而是由WordPress应用的富文本编辑器TinyMCE（WordPress默认编辑器）造成的。目的就是防止网络钓鱼*** 垃圾邮件发送者劫持您的网页可能会访问您的网站或访问机密信息。不过现在 TinyMCE 只强制插入 noopener 标签，已经不会强制插入“noopener noreferrer”标签。
三、noopener 标签是什么意思？
rel=“noopener”在新标记中打开超链接时基本上并不会打开它的开启者。这意味着，它的 window.当链接打开时，opener 属性将在新选项卡中打开，而不是在同一页为空时从链接打开的位置打开。
rel =“noopener”一般都是搭配 target=“_blank”同时使用，因为 target=“_blank” 也是一个安全漏洞：新的页面可以通过 window.打开器访问你的窗口对象，它可以使用窗口。opener.location = newURL 将你的页面导航至不同的网址。新页面将与您的页面在同一个进程上运行，如果新页面正在执行开销极大的 JavaScript，您的页面性能可能会受影响。
四、noopener和noreferrer标签如何提高安全系数？
Noopener和noreferrer标记是防止漏洞利用的主动措施，该漏洞利用新标记中打开的链接。很少有人员了解这个漏洞，因此WordPress采用这一举措来提升用户的安全系数。反向 Tabnabbing 是一种网络钓鱼者用恶意文档替换合法且可信的页面选项卡。当有人打开一个新的标签时，垂钓者就会穿过窗口。opener 检测引荐网址，并使用 window.opener.location = newURL 推送新的网址。
这样没有人会有陷入网络钓鱼***的线索因为他们已经从可靠的来源 WordPress 建立的网站到达网站。而应用rel=“noopener”会阻拦钓鱼攻击者获得相关超链接源和与referrer超链接相关的任何的数据的信息。
五、nofollow/noopener和noreferrer标签对SEO有什么影响？
这是许多博主站长们关心的问题，因为大家都知道 nofollow 标签会影响 Google 等搜索引擎的抓取和索引链接以及传递 PageRank 的能力，所以大家都比较担心 noopener 标签和 noreferrer 标签也会这样做。
其实，noopener标记和noreferrer标签对SEO没有任何的影响到。因为它们运行在浏览器级别，而不是搜索引擎。尽管监控反馈流量存在严重问题，但它不会影响网站内容的索引、抓取或排名方式。
最后总结一下就是：
对于写了target=“_blank“的a标签，如果不带上 rel=“noopener noreferrer”属性，会存在以下问题：
1、性能问题：新打开的页面与当前页面处于同一进程中。如果新打开的页面更容易消耗资源，那么当前页面的性能也会受到影响；
2、安全问题：新打开的页面可以通过窗口访问。opener操作以及上个一个页面，这可能会让你的上个页面进行重定向到不安全的钓鱼信息网站。
使用rel=“nopener norreferer”属性，新打开的页面在新流程中运行，不会影响最后一个页面，新页面将获得窗口。Opener = null，获取最后一页时无法操作。
