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

转载   WPBeginne  2018-12-24 07:18:31  191 人阅读  20 条评论

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

WordPress中的rel =“noopener”是什么意思? WordPress 第1张

什么是 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”。

您可能感兴趣的文章

文章标签:
原文地址:https://www.wpbeginner.com/beginners-guide/what-is-relnoopener-in-wordpress-explained/
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为转载文章,来源于 WPBeginne ,版权归原作者所有,欢迎分享本文,转载请保留出处!
©boke112导航,本站推荐使用:阿里云 ECS服务器等云产品服务,国外免备案主机建议使用:老薛主机
转载砖家

 发表评论

中国赞表情摊手表情吃瓜表情笑哭表情偷笑表情衰表情汗表情思考表情费解表情抓狂表情晕表情流泪表情疑问表情嘻嘻表情吃惊表情鼓掌表情

  1. 雅兮网
    雅兮网 @回复

    评论里还是把nofollow和noopener 弄混了

  2. 学习笔记Blog
    学习笔记Blog @回复

    虽然看完后好像明白了一些,但其实我还是什么都不知道! [费解] [抓狂]

  3. 故事大全
    故事大全 @回复

    这是不带权重吧,我友情链接都不想做。

  4. 清风小墨
    清风小墨 @回复

    还没遇到过恶意代码,不过以后还想还真用得到

  5. 城南博客
    城南博客 @回复

    这么多年我还是看不懂这些

  6. 弥雅尔尔
    弥雅尔尔 @回复

    弥雅的博客一直都是noopener,安全大于SEO大于权重什么的,没办法,谁让弥雅是佛系博主呢!

  7. WordPress建站吧
    WordPress建站吧 @回复

    我的都是直接跳转别的网站,对权重SEO有影响么?

  8. 靠谱学生兼职网
    靠谱学生兼职网 @回复

    运用好,对网站很不错

  9. 沈唁志
    沈唁志 @回复

    用go跳转的应该就不用加nofollow 吧

  10. 里维斯社
    里维斯社 @回复

    安全属性很重要,这点要向博主学习,给链接都添加上了noreferrer属性