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

"noreferrer noopener"是什么?有什么作用?以及它们如何影响您的SEO?May看了很多关于这两个标签的文章,但感觉解释得太过于“专业”,在这篇文章中,我将用最通俗的语言来解释noreferrer和noopener标签之间的区别,它们与nofollow标签之间的区别,以及使用这三种标签对SEO优化的影响。文章源自MAY的SEO博客-https://may90.com/seo/google/rel-noreferrer-noopener.html

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

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

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

什么时候使用rel="noreferrer"?

rel="noreferrer"对SEO优化是否有影响?

noreferrer和WordPress

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

nofollow和noreferrer之间的区别

什么是rel="noopener"?

rel="noopener"和SEO

让我们从一些定义开始。

1. 什么是rel="noreferrer"?

rel="noreferrer"标记是一个特殊的HTML属性,可以添加到a链接标签中,通过从HTTP标头中删除引荐信息,可以防止将引荐信息传递给目标网站。什么意思呢?这意味着在Google Analytics(分析)中,来自具有rel="noreferrer"属性的链接的流量将显示为“ 直接流量”,而不是“ 引荐”。

这是noreferrer属性在HTML中的使用:

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

下面举一个例子加以说明:假设您从网站A链接到网站B,没有使用"noreferrer"标签。网站B的所有者在Google Analytics(分析)中查看报告时,可以在“ referral”部分下看到来自网站A的流量。

但当您使用"noreferrer"标签从网站A链接到网站B时,从网站A到网站B的所有流量都将在Google Analytics(分析)中显示为直接流量(而不是引荐)。

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

当您不希望其他站点知道您正在链接到这些站点时,请使用rel="noreferrer"属性。因此,绝对不要在内部链接上使用rel="noreferrer"属性,它可能会干扰您的Google Analytics(谷歌分析)报告。

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

将noreferrer标记添加到链接不会直接影响SEO。但会对您的链接建立和推广工作有间接影响,原因如下:

引起其他网站SEO优化人员注意的一种方法是链接到他们的网站。所有网站管理员几乎每天都要检查其Google分析工具数据,尤其是“引荐流量”。他们看到来自网站的访问量时,很可能会对其引荐网站给予特殊的关注甚至回访,这对网站SEO是有利的,实际上,这也是Google推荐的一种从其他网站获取链接的有效方法。

当您在链接上附加了noreferrer标签后,其他网站站长将不知道您网站已链接到它们。

4. noreferrer和WordPress

WordPress默认将"noreferrer"标记设置为在“新标签”中打开的所有导出链接。

因此,如果您使用的是WordPress,则应该知道,当您向内容添加外部链接并将其设置为在“新标签”中打开时(target=" _ blank"),WordPress会自动将rel="noopener noreferrer"添加到链接。

WordPress这样做是为了提高WordPress建站的安全性,并防止进行标签捕获和其他网络钓鱼攻击。

这是一个例子:

<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”感到困惑,请在评论中告诉我。

我的微信
扫一扫微信,添加好友
weinxin
我的微信公众号
关注公众号,了解最新动态
weinxin
 
  • 本文由 MAY的SEO博客 发表于 2020年3月27日
  • 转载请务必保留本文链接:https://may90.com/seo/google/rel-noreferrer-noopener.html
评论  3  访客  2  作者  1
    • 佛系派 0

      一直都很迷惑的路过。。

        • MAY的SEO博客

          @ 佛系派 保持佛系就好 :mrgreen:

        • boke112联盟 6

          如果站点有GOTO跳转页面的,千万不要用noreferrer属性,要不然跳转都会出错。

        发表评论

        匿名网友
        :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
        确定