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

您是否想知道 rel="noopener" 在 WordPress 中的含义?

当您添加在新选项卡中打开的链接时,WordPress 会自动将 rel="noopener" 属性添加到该链接。

What is rel=”noopener” in WordPress? (Explained)
What is rel=”noopener” in WordPress? (Explained)

在本文中,我们将解释 rel="noopener" 在 WordPress 中的含义以及它如何影响您的网站。

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

当您向 WordPress 网站添加链接时,您可以使用 HTML 属性来控制单击该链接时发生的情况。

例如,当您创建链接时,有一个切换开关允许您在新选项卡中打开它。

noopener example link
noopener example link

WordPress 为该链接生成的 HTML 代码如下所示:

<a href="http://example.com" target="_blank" rel="noreferrer noopener">external link</a>

请注意,一些 HTML 属性已添加到链接中,rel="noopener" 和 rel="noreferrer"。 添加这些属性是为了解决安全漏洞。

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

WordPress 添加 rel="noopener" 以防止新选项卡利用此 JavaScript 功能。 类似地,rel="noreferrer" 属性阻止将引用信息传递到新选项卡。

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

它没有。

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

但这只是一个神话。

它不会影响您网站的 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" 阻止 referrer 信息传递到新选项卡。

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

其次,大多数联盟营销人员为其联盟链接使用链接伪装插件。

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

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

无需从您网站上的链接中删除 rel="noopener"。 它有利于您网站的安全,并且对您的网站没有性能或 SEO 影响。

但是,如果您必须删除它,那么您将不得不禁用 WordPress 中的古腾堡块编辑器并使用旧的经典编辑器。

这是因为如果您手动从链接中删除 rel="noopener",块编辑器会自动将其添加回去以确保您的网站安全。

禁用块编辑器后,您需要将代码片段添加到主题的 functions.php 文件或 WPCode 插件(推荐)。 您可以在我们关于如何在 WordPress 中轻松添加自定义代码的指南中了解如何使用 WPCode 免费插件。

只需将以下代码复制到一个新的 PHP 片段中:

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

确保更改“活动”开关,然后单击“保存代码段”按钮。

这将阻止 WordPress 将 rel="noopener" 添加到新链接。 您还需要手动编辑任何旧链接以删除该属性。

想要更多地控制将哪些 rel 属性添加到 WordPress 中的链接? 我们推荐使用 AIOSEO 插件,因为它可以让您在 WordPress 编辑器中添加标题、nofollow 和其他链接属性。

nofollow aioseo link
nofollow aioseo link

我们希望本文能帮助您了解 WordPress 中的 rel="noopener"。

One thought on “什么是 WordPress 中的 rel=”noopener”?

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注