最近，我们的一位读者问：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;
}
注意：我们不建议删除 rel =“noopener”。
