如何移除 noreferrer属性？

WordPress默认在新选项卡中打开的链接添加 rel=”noopener noreferrer”这两个属性。添加之前链接是这样的：

魏艾斯笔记

添加后链接变成这样：

魏艾斯笔记

魏艾斯笔记会在本文中解释 noreferrer属性的用途及如何删除。

出于安全角度考虑，老魏建议保留 rel=”noopener” 。不懂的的朋友请移步 noopener、noreferrer、nofollow、external、sponsored 含义及如何使用

1、什么是 rel=”noreferrer”？

从 A 网站点击链接到 B 网站时，B网站就知道这个访客的来路是 A 。

rel=”noreferrer” 属性用于删除来路数据。

从 Google Analytics 提供的数据你能看到从其他网站来到你网站的访客，如果有人点击带有 rel=”noreferrer”属性的链接时，Google Analytics数据会显示为 Direct，也无法知道访客是通过点击链接来到你站点的。没有 rel=”noreferrer”属性时 Google Analytics数据显示为 Referral。

总结一下：

• 希望对方知道你链接过去并带去了流量，建议删除 rel=”noreferrer” 属性。
• 不希望目标网站知道是你链接过去的，就使用这个属性。

2、rel=”noreferrer”使用场景

博客网站找人做友情链接，链接中不要添加 rel=”noreferrer” 属性，否则对方不知道你带过去多少流量，这对你很不公平。

推广联盟靠使用推广链接跟踪和检查你的推广情况，而 WordPress默认添加的 rel=”noreferrer” 属性让推广联盟无法获取你的流量来自哪些页面，这样不符合规则。

3、如何移除 rel=”noreferrer”

既然要删除 rel=”noreferrer”，有多种方法，先说自动移除方法。

3.1、Remove noreferrer插件移除

启用 Remove noreferrer插件能够自动移除网站链接中的 rel=”noreferrer”属性，保留 noopener。

• 好处：开启就有效。
• 弊端：需要一直开启。

这个插件不怎么占用系统资源，但有人不希望多安装插件，那么看看下面的手动处理方法。

3.2、在同一窗口打开链接

最简单方法是在同一个窗口中打开站外链接，这样链接中没有 target=”_blank” 属性，也不需要 rel=”noopener noreferrer”。

3.3、手动移除属性

在 WordPress 使用 Gutenberg 编辑器，手动从链接中 移除 该属性。

编辑文章时点击 选项>作为 HTML编辑。

从代码中移除 noreferrer 属性，保留 rel=”noopener”。

保存后查看前台源代码是否如愿，有时候 WordPress 会自动再添加 noreferrer，那就换下面的方法。

3.4、代码移除属性

代码如下：

// WordPress 移除 noreferrer 属性
add_filter( ‘wp_targeted_link_rel’, ‘my_targeted_link_rel_remove_noreferrer’ );
function my_targeted_link_rel_remove_noreferrer( $rel_values ) {
return preg_replace( ‘/noreferrers*/i’, ”, $rel_values );
}

有两种添加代码的方法：

手动添加到网站主题目录的 functions.php 文件中。弊端是下次更新主题又被覆盖掉。解决办法是添加到子主题中即可，关于子主题请看如何生成 WordPress子主题。

另外一种安全的方法是添加到 Code Snippets插件中，不管如何更新主题，代码都一直生效。

3.5、移除旧文章中的属性

除了 Remove noreferrer插件之外，其他办法要么只能移除新发布文章中的

noreferrer 属性，要么旧文章太多手动操作伤不起，可以用下面的方法一次性移除旧文章中的属性。

操作之前请务必备份网站文件及数据库。

进入 phpmyadmin，在 wp_post 表的 SQL选项卡输入

UPDATE wp_posts SET post_content = REPLACE( post_content, ‘noreferrer’, ” )

使用SQL语句批量替换WordPress文章内容，点击“执行”按钮即可。