rel=“noreferrer noopener”是什么？如何影响SEO？

"noreferrer noopener"是什么？有什么作用？以及它们如何影响您的SEO？May看了很多关于这两个标签的文章，但感觉解释得太过于“专业”，在这篇文章中，我将用最通俗的语言来解释noreferrer和noopener标签之间的区别，它们与nofollow标签之间的区别，以及使用这三种标签对SEO优化的影响。

rel=“noreferrer noopener”是什么？如何影响SEO？

什么是rel="noreferrer"？文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

什么时候使用rel="noreferrer"？文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

rel="noreferrer"对SEO优化是否有影响？文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

noreferrer和WordPress文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

如何从WordPress链接中删除rel="noreferrer"文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

nofollow和noreferrer之间的区别文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

什么是rel="noopener"？文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

rel="noopener"和SEO文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

让我们从一些定义开始。文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

1. 什么是rel="noreferrer"？

rel="noreferrer"标记是一个特殊的HTML属性，可以添加到a链接标签中，通过从HTTP标头中删除引荐信息，可以防止将引荐信息传递给目标网站。什么意思呢？这意味着在Google Analytics（分析）中，来自具有rel="noreferrer"属性的链接的流量将显示为“ 直接流量”，而不是“ 引荐”。文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

这是noreferrer属性在HTML中的使用：文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

<a href="https://www.example.com" rel="noreferrer">example</a>

下面举一个例子加以说明：假设您从网站A链接到网站B，没有使用"noreferrer"标签。网站B的所有者在Google Analytics（分析）中查看报告时，可以在“ referral”部分下看到来自网站A的流量。文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

但当您使用"noreferrer"标签从网站A链接到网站B时，从网站A到网站B的所有流量都将在Google Analytics（分析）中显示为直接流量（而不是引荐）。文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

2. 什么时候使用rel="noreferrer"？

当您不希望其他站点知道您正在链接到这些站点时，请使用rel="noreferrer"属性。因此，绝对不要在内部链接上使用rel="noreferrer"属性，它可能会干扰您的Google Analytics（谷歌分析）报告。文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

3. rel="noreferrer"对SEO优化是否有影响？

将noreferrer标记添加到链接不会直接影响SEO。但会对您的链接建立和推广工作有间接影响，原因如下：文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

引起其他网站SEO优化人员注意的一种方法是链接到他们的网站。所有网站管理员几乎每天都要检查其Google分析工具数据，尤其是“引荐流量”。他们看到来自网站的访问量时，很可能会对其引荐网站给予特殊的关注甚至回访，这对网站SEO是有利的，实际上，这也是Google推荐的一种从其他网站获取链接的有效方法。文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

当您在链接上附加了noreferrer标签后，其他网站站长将不知道您网站已链接到它们。文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

4. noreferrer和WordPress

WordPress默认将"noreferrer"标记设置为在“新标签”中打开的所有导出链接。文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

因此，如果您使用的是WordPress，则应该知道，当您向内容添加外部链接并将其设置为在“新标签”中打开时（target=" _ blank"），WordPress会自动将rel="noopener noreferrer"添加到链接。文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

WordPress这样做是为了提高WordPress建站的安全性，并防止进行标签捕获和其他网络钓鱼攻击。文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

这是一个例子：

<a href="https://www.externalsite.com/" target="_blank" rel="noopener noreferrer">导出链接</a>

如上所述，这将阻止任何信息传递到链接网站，最终结果是，从您的网站到链接网站（通过单击链接）的任何流量都不会显示在链接网站的Google Analytics（分析）中。

5. 如何从WordPress链接中删除rel="noreferrer"

首先，不要去尝试手动删除，这是徒劳的，因为你每一次编辑文章内容，WordPress系统都会自动给文章内的链接都加上noreferrer，你会发现即使在编辑器中手动删除，最后还是会自动加上noreferrer。

防止WordPress自动将属性添加到外部链接的最简单方法是不在新窗口/新标签页中打开链接。换句话说，要在同一窗口/标签页中打开链接。这是解决此问题的最简单方法，但缺点是用户单击外部链接将离开您的网站，这可能会增加跳出率，减少网站停留时间等。不过，由于现在大部分流量都来自移动设备，因此您不必担心用户退出您的网站，因为移动设备上“新标签”的行为使用户很难返回上一个窗口。

还有一种方法就是在functions.php文件中添加代码来禁止WordPress添加"noreferrer"。

//新建或更新文章时移除 noreferrer
add_filter( 'wp_targeted_link_rel', 'my_targeted_link_rel_remove_ noreferrer',999);
function my_targeted_link_rel_remove_noreferrer( $rel_values ) {
return preg_replace( '/noreferrer\s*/i', '', $rel_values );
}
此方法只针对新建或更新的文章，旧文章还是无法去除。

6. nofollow和noreferrer之间的区别

当您将rel="nofollow"添加到外部链接时，您是告诉搜索引擎不要将任何PageRank从一页传递到另一页。换句话说，您告诉搜索引擎出于SEO目的而忽略该链接。

nofollow和noreferrer之间的区别在于，noreferrer不会将任何引用信息传递给浏览器，但是会传递权重。使用nofollow时，引荐信息会传递到浏览器，但不会传递权重。

因此，它们不是同一件事情。在您不信任的链接上使用nofollow，如果您不希望其他站点知道您已链接到它们，那请使用noreferrer。

7. 什么是rel="noopener"？

rel="noopener"是可以添加到外部链接的HTML属性。它阻止打开的页面获得对原始页面的任何访问。

这是带有rel="noopener"标签的链接的示例：

<a href="https://www.example.com" rel="noopener">example</a>

出于安全原因，WordPress会自动将其添加到在新窗口/新标签页中打开的所有外部链接上，一般建议您保留它。

如果您没有使用WordPress建站，也建议将rel="noopener"添加到在新窗口/新选项卡中打开的所有外部链接。

8. rel="noopener"和SEO

noopener对您的SEO几乎没有影响，因此您可以安全地使用它来增强网站的安全性。

写在最后

①. noreferrer noopener都不会对您的SEO产生负面影响，请放心使用它们。

②. 如果您使用的是WordPress，则这些标签会自动添加到在新窗口/新标签页中打开的导出链接上。

③. noreferrer用于保护引荐信息不被传递到目标网站，不会显示在目标网站Google Analytics（分析）中引荐流量中。

④. noopener来增强网站的安全性并防止其他网站（通过浏览器会话）访问您的页面。

⑤. 如果您使用的是WordPress，希望其他网站将您网站的流量视为“引荐流量”，可以设置为不要在新标签中打开外部链接，或者在functions.php中添加一段代码，来阻止WordPress自动将属性添加到链接。

⑥. nofollow与noreferrer不同。将rel="nofollow"添加到链接时，它告诉搜索引擎不要跟踪此链接。noreferrer是可以将权重从一个网站传递到另一个网站。

如果您仍然对rel="noreferrer noopener”感到困惑，请在评论中告诉我。