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