保护网站安全正成为网站所有者最重要的方面之一。您可能了解在 URL 前缀中使用 HTTPS 的重要性，或者您需要 SSL 证书的原因。但是你知道 noopener noreferrer HTML 标签属性是什么意思，什么时候应该使用它们吗？
在本文中，我们将讨论 rel=”noopener noreferrer” 的含义、何时应使用它，以及它如何从 SEO 的角度影响您的网站。让我们直接进入吧。
什么是 rel=”noopener noreferrer”？
rel=”noopener noreferrer” HTML 属性出现在外部超链接中。具体来说，同时使用 noopener 和 noreferrer 属性可以防止：
- 链接的目标加载到与单击链接相同的选项卡中
- 反向链接不会加载到显示的目标中作为网站分析中的引荐流量
这是标签属性的实际效果：
WordPress 自动将这些属性添加到您设置的外部链接在新窗口中打开。让我们分解它们，看看每个属性的作用。
No opener
如果要防止外部链接控制用户原来的浏览器窗口，需要添加noopener属性。根据 MDN，
“[noopener] 指示浏览器导航到目标资源，而不授予新的浏览上下文访问打开它的文档的权限。 [...] 链接以确保他们不篡改原始文档...”
简而言之，noopener 很大程度上是一种防止恶意链接访问用户浏览器的安全措施（一种type called Phishing Attack Tab）。过去，在你的链接中单独留下 target="_blank" 会打开这个安全漏洞。现在，只要你使用 target="_blank" 来设置外部链接在新的浏览器窗口中打开，大多数搜索引擎和 SEO 专家都认为最好同时使用 noopener。
（根据 Mozilla 开发者网络 (MDN)，target="_blank" 属性“现在隐式提供相同的
No Referrer
Essentially , noreferrer 防止外部网站知道你已经在你的网站上包含指向其材料的链接。这对你来说可能很重要 f或隐私或安全原因。总而言之，这个特殊的属性是您在将其应用到您的链接之前需要考虑的。使用它真的取决于你的喜好。
noreferrer 属性会在目标分析中屏蔽您的推荐链接。它可以保护您网站的信息不被传输到您的用户正在浏览的网站。因此，这将导致该链接在 Google Analytics（分析）中显示为直接流量，而不是来自您特定域的引荐流量。
如果有人使用不包含 noreferrer 的链接导航到您的网站，您将能够在分析仪表板上的 Referrer Traffic 链接中看到他们的网站。但如果链接包含 noreferrer，它将出现在直接流量中。您可以在“获取”>“所有流量”>“渠道和获取”>“所有流量”>“推荐”下的 Google Analytics 中找到这些列表。
它仍然为 SEO 提供“链接汁”，但没有关于发起者的数据。如果您对传递 SEO 提升不感兴趣，可以添加 nofollow 标签。
与 rel=”nofollow” 一起使用
将 nofollow 属性添加到包含 rel=”noopener noreferrer” 的链接允许您链接到其他网站而无需批准其内容或意见。谷歌表示，“当你想链接到一个页面但不想暗示任何类型的认可，包括将排名信用传递给另一个页面时”应该使用这个属性。
基本上，nofollow 告诉谷歌你不希望它假设你只是因为你链接到一个特定的网站而认可它。有许多类似的链接属性可以帮助 Google 理解链接背后的意图，包括用于标记赞助内容和用户生成内容的属性（其中许多可以通过架构标记添加）。
简而言之，将所有三个属性（noopener、noreferrer 和 nofollow）添加到您的链接会告诉 Google 您：
- 愿意保护您的网站用户免受潜在的恶意外部链接 (noopener)
- 不愿意在网站的分析数据中显示为推荐流量 (noreferrer)
- 不愿意认可您链接到的内容或创作者 (nofollow)
li>
nofollow 属性似乎非常具体，因此您可能只想根据具体情况使用它，而不是作为一般规则使用它。许多博主将他们的评论部分设置为 nofollow，以避免来自机器人和不参与对话的人的垃圾评论。
何时使用“noopener noreferrer”
您希望您的网站对访问者而言尽可能安全。因为您想构建和利用强大的反向链接策略，所以您不会一直使用 rel=”noopener noreferrer”。例如，在链接到您网站的内部页面时，您应该避免使用它。
使用 rel=”noopener noreferrer” 告诉谷歌你关心链接安全。而且您不希望某些网站将您的网站识别为引荐来源网址。
“noopener noreferrer”对 SEO 的整体影响
当您在外部链接中使用 rel="noopener noreferrer" 属性时，这对您的 SEO 反向链接策略没有影响直接的负面影响。这些属性都不会导致您的技术搜索引擎优化排名受到影响。事实上，在 target="_blank" 旁边使用 noopener 将提供更好的页面搜索引擎优化，因为即使用户导航到另一个站点，他们也会留在您的站点上。
但是，当您链接到其他人的网站时，noreferrer 会阻止 Google 识别。此外，其他网站所有者将无法看到您何时链接到他们。
这意味着您正在消除相互链接的可能性。毕竟，如果您不给网站所有者在检查分析时查看您的推荐流量的选项，他们就无法知道它来自您。
不保证指向您网站的反向链接来自其他地方。尽管如此，连接到尽可能多的您喜欢的网站和内容并没有什么坏处。不过，一般来说，在外部链接中使用 rel="noopener noreferrer" 不会有什么坏处。当您使用内部链接时，请确保不要在您自己的网站页面上使用它们。这样做可能会导致您自己的网站分析以及 Googlebot 抓取您的网站结构并将其编入索引的能力出现问题。
结论
既然您知道如何在您的网站上使用 rel=”noopener noreferrer”，是时候制定相应的计划了。如果需要，考虑创建一个包含在您网站上的外部链接的电子表格。此外，跟踪它们所在的页面以及您应用到它们的属性。这样做对于快速参考很有用，以防您将来需要进行更改。
您是否在超链接中使用了 rel=”noopener noreferrer”？为什么或者为什么不？给我们写信，让我们知道您的想法。
特色图片来自 Sammby/shutterstock.com
查看源代码
