什么是Rel=”Noopener “以及如何在WordPress中使用它

在构建和维护网站时，我们必须始终考虑我们所管理的网站的安全性。考虑到他们通常拥有的外部链接的数量，博客尤其需要格外小心。处理外链涉及到不同的任务，以确保它们得到优化。帮助监控外链安全性的工具之一是HTML属性。这是一件简单的事情，但它可以为网站的安全创造奇迹。

在这篇文章中，我们将看看到底什么是noopener链接，以及如何在WordPress中使用这个属性。

什么是rel=”noopener “属性？

简而言之，rel=”noopener “属性被添加到在新选项卡/窗口中打开的链接中。当你在WordPress中添加一个链接时，你可以选择链接是在同一个窗口中打开还是在不同的窗口中打开。当你选择在另一个窗口打开时，WordPress会自动将rel=”noopener “属性和通常的target=”_blank “属性添加到你的HTML中。

在新窗口打开的链接中添加rel=”noopener “属性的目的是什么？首先，从用户体验和访客指标来说，在新标签页中打开外部链接，让它们不会完全离开你的网站，这是非常好的。

但是这个属性存在的主要原因是为了安全。

反向跳转

rel=”noopener “属性可以保护站点免受恶意攻击，尤其是被称为反向跳转的网络钓鱼攻击。

Tabnabbing是指恶意站点利用window.opener.location.assign()将真实页面替换为虚假页面。它是这样工作的:添加了链接的页面，称为父页面，通过链接指向子页面。然后，恶意子页面使用window.opener.location.assign()将其自身附加到父页面，并使用一个假站点模仿原始站点。

如果被模仿的站点有一个登录窗口部件，用户输入他们的信息，所有这些信息都会被恶意的子页面窃取。rel=”noopener “属性用于保护父页面免受通过子页面反向跳转的恶意攻击。

关于Noreferrer

rel=”noopener “属性适用于除Firefox和其他旧浏览器之外的大多数浏览器。当WordPress默认添加rel=”noopener “属性到你的链接时，你应该在它旁边添加rel=”noreferrer “属性。如果你已经更新到最新的WordPress，那么这两个属性将会自动添加到你的链接中。

rel=”noopener “属性将告诉浏览器不要从发送链接的主页收集参考信息。

您的链接应该是这样的:

example anchor text

Noopener、Dofollow和Nofollow链接

一个常见的误解是，带有rel=”noopener “属性的链接与dofollow和nofollow链接相关，但实际上它们并不相关。不同的是，noopener和noreferrer链接是出于安全目的，而dofollow和nofollow链接更多的是关于页面排名和SEO。

例如，具有rel=”noopener “属性的链接可以是dofollow或nofollow。这个选择取决于你。事实上，我们不久前发表了一篇关于nofollow和dofollow的文章。你一定要看看。

所有添加的链接都会自动归类为dofollow链接。为了确保它们不被关注，你的链接应该是这样的:

example anchor text

Noopener链接会影响SEO吗？

带有rel=”noopener “属性的链接会影响SEO，这是错误的观点。使用noopener和noreferrer链接根本不会影响SEO。Dofollow和Nofollow链接确实影响SEO！

记得是这样的:

Noopener和noreferrer:与安全相关

Nofollow和dofollow:与SEO和域权限相关。

何时使用rel=”noopener “属性？

每次都应该在所有链接上使用rel=”noopener “属性。毫不奇怪，WordPress现在默认添加了rel=”noopener “属性。从博客到电商，再到会员网站，安全对于各类网站都是极其重要的。

在某些情况下，您可能希望撤销添加rel=”noopener “和rel=”noreferrer “属性的默认功能。我们不建议您这样做。它可以打开你的网站的安全风险。

会影响返利环节吗？

如果您担心使用rel=”noopener “和rel=”noreferrer “属性会影响附属链接，请不要担心。大多数代销商链接会在URL中包含您的代销商ID，因此无需通过您的链接向代销商子页面发送任何推荐信息。事实上，将rel=”noopener “和rel=”noreferrer “属性添加到您的附属链接应该是一种常见的做法。你不能总是保证有保障的站点的安全。

关于附属链接的建议:总是链接到你能确定是安全的网站。不要只是链接到一百万个提供代销商收入的网站。如果你对产品诚实，你的追随者会点击你的代销商链接。更重要的是，如果你真的在看产品，而不是仅仅在你的网站上放满链接。

最后，欢迎加入我们的WordPress联盟计划。

总结

在本文中，我们研究rel=”noopener “属性及其伴随的rel=”noreferrer “属性背后的含义。我们研究了它们的目的是什么，以及新的WordPress更新现在如何将它们作为默认值添加到你所有的链接中。然而，你应该经常仔细检查你的WordPress是否在这样做。我们还研究了noopener链接与dofollow和nofollow链接之间的关系以及它们之间的区别。

请记住，rel=”noreferrer “属性的存在是为了确保网站的安全性，您应该始终使用它。它不会影响你的搜索引擎优化或你的附属链接。我们希望这篇文章能帮助你更好地理解它，以及为什么在所有内容中包含链接的属性是重要的。

温馨提示，您可以通过安装智能SEO工具插件，为所有文章和页面的站外链接添加rel = ” no opener no referrer no follow “链接属性。