rel=”noopener noreferrer” 标签是什么意思？ （它会影响 SEO 吗？）

保护您网站的安全性是成为网站所有者最重要的方面之一。 您可能了解在 URL 前缀中包含 HTTPS 的重要性，或者为什么需要 SSL 证书。 但是你知道noopener noreferrer HTML 标签属性是什么意思吗，什么时候应该使用它们？

在本文中，我们将讨论rel=”noopener noreferrer”的含义，何时应该使用它，以及它如何从 SEO 的角度影响您的网站。 让我们直接进入它。

什么是 rel="noopener noreferrer"？

rel=”noopener noreferrer” HTML 属性出现在外部超链接中。 具体来说，同时使用noopener和noreferrer属性可以防止：

• 链接的目标加载在单击链接的同一选项卡中
• 反向链接不会在目标站点的分析中显示为推荐流量

这就是标签属性在行动中的样子：

<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">

WordPress 会自动将这些属性添加到您设置为在新窗口中打开的外部链接中。 让我们分解它们，看看每个属性的作用。

没有开场白

如果您想阻止外部链接控制用户的原始浏览器窗口，您需要添加一个noopener属性。 根据 MDN，

“[ noopener ] 指示浏览器导航到目标资源，而不授予新的浏览上下文访问打开它的文档的权限。 [...] 这在打开不受信任的链接时特别有用，以确保它们不会篡改原始文档...”

简而言之， noopener在很大程度上是一种安全措施，用于防止恶意链接访问用户的浏览器（一种称为 tabnabbing 的网络钓鱼攻击）。 过去，在您的链接中单独留下target=”_blank”会打开这个安全漏洞。 现在，每当您使用target=”_blank”将外部链接设置为在新的浏览器窗口中打开时，大多数搜索引擎和 SEO 专家都认为在它旁边使用noopener是最佳做法。

（根据 Mozilla 开发者网络 (MDN)， target=”_blank” 属性“现在隐式提供与noopener相同的 <rel> 行为”。 我们认为仍然值得双重安全并包括noopener ，因为并非所有用户都在最新和最安全的浏览器中单击链接。）

无推荐人

本质上， noreferrer会阻止外部网站知道您已在您的网站上包含指向其材料的链接。 出于隐私或安全原因，这可能对您很重要。 总而言之，这个特定属性是您在将其应用于链接之前需要考虑的一个。 使用它真的取决于你的喜好。

noreferrer属性在目的地分析中掩盖了您的推荐链接。 它可以保护您网站的信息不被传输到您的用户正在导航的网站。 因此，这会导致链接在 Google Analytics 中显示为直接流量，而不是来自您的特定域的推荐流量。

如果有人使用不包含noreferrer的链接导航到您的网站，那么您将能够在您的分析仪表板上的推荐流量链接中看到他们的网站。 但是如果链接包含noreferrer ，它将出现在 Direct 流量中。 您可以在 Google Analytics 中的Acquisition > All Traffic > Channels and Acquisition > All Traffic > Referrals下找到这些列表。

它仍然会为 SEO 传递“链接汁”，但不会传递有关发起者的数据。 如果您对传递 SEO 提升不感兴趣， nofollow将成为您要添加的附加标签。

与 rel="nofollow" 一起使用

将nofollow属性添加到包含rel=”noopener noreferrer”的链接可让您链接到其他网站，而不会出现批准其内容或观点的情况。 谷歌表示，这个属性应该用于“你想要链接到一个页面但不想暗示任何类型的认可的情况，包括将排名信用传递给另一个页面。”

基本上， nofollow告诉谷歌你不希望它仅仅因为你链接到它就认为你支持一个特定的网站。 有许多类似的链接属性可以帮助 Google 理解链接背后的意图，包括用于标记赞助和用户生成内容的属性（其中许多可以通过 Schema 标记添加）。

简而言之，将所有三个属性（ noopener 、 noreferrer和nofollow ）添加到链接中会告诉 Google 您是：

• 愿意保护您的网站用户免受潜在的恶意外部链接（ noopener ）
• 不愿意在网站的分析数据中显示为推荐流量（ noreferrer ）
• 不愿认可您链接到的内容或创作者 ( nofollow )

nofollow属性似乎相当具体，因此您可能只想根据具体情况使用它，而不是作为一般规则。 许多博客将他们的评论部分设置为nofollow以避免来自机器人和不参与对话的人的垃圾评论。

何时使用“noopener noreferrer”

您希望您的网站对访问者尽可能安全。 因为您想构建和利用强大的反向链接策略，所以您不会一直使用rel=”noopener noreferrer” 。 例如，在链接到您网站的内部页面时，您应该避免使用它。

使用rel=”noopener noreferrer”告诉 Google 您关心链接安全。 而且您不希望某些网站将您的网站识别为推荐人。

“noopener noreferrer”对 SEO 的总体影响

当您在外部链接中使用rel=”noopener noreferrer”属性时，这不会对您的 SEO 反向链接策略产生直接负面影响。 这两个属性都不会导致您的技术 SEO 排名受到影响。 事实上，在target=”_blank”旁边使用noopener将提供更好的页面搜索引擎优化，因为用户将留在您的网站上，即使他们导航到另一个网站。

但是， noreferrer会阻止 Google 识别您何时链接到其他人的网站。 而且，其他网站所有者将无法看到您何时链接到他们。

这意味着您正在消除互惠链接的可能性。 毕竟，如果您没有让网站所有者在他们检查分析时查看您的推荐流量的选项，他们就无法知道它来自您。

不能保证从其他地方反向链接到您的网站。 尽管如此，尽可能多地连接您喜欢的网站和内容并没有什么坏处。 不过，一般来说，在您的外部链接中使用rel=”noopener noreferrer”不会造成任何伤害。 当您使用内部链接时，请确保不要在您自己的网站页面上使用它们。 这样做可能会导致您自己的网站分析以及 Googlebot 抓取和索引您的网站结构出现问题。

结论

现在您知道如何在您的网站上使用rel=”noopener noreferrer” ，是时候进行相应的计划了。 如果需要，请考虑创建包含在您网站上的外部链接的电子表格。 此外，跟踪他们所在的页面以及您应用到他们的属性。 这样做有助于快速参考，以防您将来需要进行更改。

你在你的超链接中使用 rel=”noopener noreferrer” 吗？ 为什么或者为什么不？ 给我们留言，让我们知道您的想法。

通过 Sammby / shutterstock.com 的特色图片