WordPress中的rel =“noopener”是什么意思？

最近，我们的一位读者问：WordPress 中的rel =“noopener”是什么意思？如果您选择在新窗口中打开链接，则 WordPress 会将此属性添加到您的链接中。在本文中，我们将解释 WordPress 中的 rel =“noopener”是什么意思，以及如何影响您的网站。

什么是 rel =“noopener”？

rel =“noopener”是一个 HTML 属性，会自动添加到所有选择在新浏览器选项卡中打开的 WordPress 链接。此功能是在 WordPress 中引入的，用于解决可被恶意网站利用的安全漏洞。它还伴随着 rel =“noreferrer”属性。有一些 JavaScript 功能允许新选项卡控制其引用窗口，如果您链接到受恶意代码影响的外部网站，则该网站可以使用 window.openerJavaScript 属性更改原始页面（您的网站）以窃取信息并传播恶意代码。而添加 rel =“noopener”则会阻止新标签利用此 JavaScript 功能。同样，rel =“noreferrer”属性可防止将引用者信息传递给新选项卡。

当您添加链接并选择“在新标签页中打开”时，WordPress 会将 rel =“noopener”和 rel =“noreferrer”（PS：现在已经不会自动添加 noreferrer 了）添加到链接代码中。WordPress 生成的 HTML 代码如下所示：

<a href="https://example.com" target="_blank" rel="noreferrer noopener" aria-label="This is an external link (opens in a new tab)">demo link</a>

noopener会影响WordPress 站点优化吗？

即使 rel =“noopener”属性提高了 WordPress 的安全性，一些用户也希望避免使用它，因为他们认为这会影响 WordPress 站点的 SEO 优化。不过，这是不可能的。noopener 对我们的 WordPress 网站的 SEO 排名或整体 WordPress 性能没有任何影响。

noopener 与 nofollow 之间有什么区别？

很多站长容易被 rel =“noopener”和 rel =“nofollow”搞混，其实他们还是比较好区分的。

• noopener 属性可以防止您的网站进行跨站点黑客攻击并提高 WordPress 的安全性。
• nofollow 属性可以防止您的网站将 SEO 链接值传递给链接的网站。
• 在您的网站上关注链接时，搜索引擎会查找并考虑 nofollow 属性。但并不会考虑 noopener 标签。

默认情况下，WordPress 不允许您向外部链接添加 nofollow。如果你想在 WordPress 中添加 nofollow，那么你需要使用一个 Title and Nofollow For Links 插件。

noreferrer 会影响 WordPress 中的联盟链接吗？

一些用户认为这样做是因为 rel =“noreferrer”阻止将引用者信息传递给新选项卡，所以会影响到联盟广告的链接等。其实，rel =“noreferrer”不会影响 WordPress 中的联盟链接。但是，大多数联盟计划会为您提供具有您的联属会员 ID 的唯一网址，这意味着您的会员 ID 将作为 URL 参数传递给其他要跟踪的网站。其次，大多数联盟营销人员使用链接隐藏插件作为其联盟链接。使用链接隐藏，用户点击的联盟链接实际上是您网站自己的 URL，然后将用户重定向到目标网址。

如何在 WordPress 中禁用 rel =“noopener”？

noopener 有利于您网站的安全性，并且对我们的网站没有任何性能或 SEO 影响，所以我们无需从网站上的链接中删除 rel =“noopener”。但是，如果你必须将其删除，则必须在 WordPress 中禁用 Gutenberg 块编辑器并使用旧的经典编辑器。之后，您需要将以下代码添加到主题的 functions.php 文件或特定于站点的插件中。

add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
$mceInit['allow_unsafe_link_target']=true;
return $mceInit;
}