WordPress 中的 rel=”noopener” 是什么?(解释)

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

WordPress 中的 rel=noopener 是什么?

WordPress 中的 rel=”noopener” 是什么?

rel=”noopener” 是一个 HTML 属性,它添加到所有选择在新浏览器选项卡中打开的

WordPress 链接。它还伴随着一个 rel=”noreferrer” 属性。WordPress 中引入了此功能,以解决可被恶意网站利用的安全漏洞。

有一些 JavaScript 功能允许新选项卡控制其引用窗口。如果您链接到受恶意代码影响的外部网站,则该网站可以使用window.openerJavaScript 属性更改原始页面(您的网站)以窃取信息并传播恶意代码。

添加 rel=”noopener” 可防止新标签页利用此 JavaScript 功能。同样,rel=”noreferrer” 属性可防止将引荐来源信息传递到新选项卡。

WordPress 始终保持领先地位,以帮助提高网站安全性。当您添加链接并选择“在新选项卡中打开”时,WordPress 会将 rel=”noopener” 和 rel=”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>

rel=”noopener” 如何影响您的 WordPress SEO?

尽管 rel=”noopener” 属性提高了 WordPress 的安全性,但一些用户希望避免使用它,因为他们认为这会影响他们的WordPress SEO。

那只是一个神话。

它对您的 WordPress 网站的SEO 排名或整体WordPress 性能没有影响。

noopener 与 nofollow 有什么区别?

将 rel=”noopener” 与 rel=”nofollow” 混合起来很容易。它们是完全分开的。

noopener 属性可防止您的网站受到跨站点黑客攻击并提高 WordPress 安全性。

另一方面,nofollow 属性会阻止您的网站将 SEO 链接汁传递给链接的网站。

搜索引擎在关注您网站上的链接时会寻找并考虑 nofollow 属性。但是,它们没有考虑 noopener 标签。

默认情况下,WordPress 不允许您将 nofollow 添加到外部链接。如果要在 WordPress 中添加 nofollow,则需要使用插件。有关详细信息,请参阅我们关于如何在 WordPress 中为链接添加标题和 nofollow的文章。

rel=”noreferrer” 会影响 WordPress 中的附属链接吗?

rel=”noreferrer” 不影响 WordPress 中的附属链接。一些用户认为这样做是因为 rel=”noreferrer” 阻止将推荐人信息传递到新选项卡。

但是,大多数联属网络营销计划都会为您提供一个包含您的联属网络营销 ID 的唯一 URL。这意味着您的会员 ID 作为 URL 参数传递给其他网站以进行跟踪。

其次,大多数联盟营销人员使用链接隐藏插件作为他们的联盟链接。

使用链接隐藏,您的用户点击的附属链接实际上是您网站自己的 URL,然后将用户重定向到目标 URL。

如何在 WordPress 中禁用 rel=”noopener”?

无需从您网站上的链接中删除 rel=”noopener”。这对您网站的安全性有好处,并且对您的网站没有性能或 SEO 影响。

但是,如果您必须删除它,则必须在 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”。没有充分的理由这样做。

我们希望这篇文章能帮助您了解 WordPress 中的 rel=”noopener”。您可能还想查看我们关于如何在 WordPress 中跟踪出站链接的指南。