nofollow、noopener和noreferrer标签的区别

什么是 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 访问窗口对象，并且它可以使用 window.opener.location = newURL 将页面导航至不同的网址。新页面将与页面在同一个进程上运行，如果新页面正在执行极大的 JavaScript ，页面性能可能会受影响。

什么是 nofollow 标签？

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

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

Noopener 和 noreferrer 标签是阻止漏洞利用的主动权，该漏洞利用在新标签中打开的链接。很少有成员知道这个漏洞，因此 WordPress 采取这一举措来提高用户的安全性。

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

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

其实，noopener 标签和 noreferrer 标签对 SEO 没有任何影响。简而言之，它们运行在分析/浏览器级别，而不是搜索引擎级别。虽然在监控反馈流量方面存在严重问题，但它不会影响站点内容的索引、抓取或排名方式。