"noreferrer noopener"是什么?有什么作用?以及它们如何影响您的SEO?May看了很多关于这两个标签的文章,但感觉解释得太过于“专业”,在这篇文章中,我将用最通俗的语言来解释noreferrer和noopener标签之间的区别,它们与nofollow标签之间的区别,以及使用这三种标签对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中的使用:
<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”感到困惑,请在评论中告诉我。
1F
一直都很迷惑的路过。。
B1
@ 佛系派 保持佛系就好
2F
如果站点有GOTO跳转页面的,千万不要用noreferrer属性,要不然跳转都会出错。