rel=”noreferrer noopener” 是什么意思? 它对 SEO 有什么作用?

“noreferrer noopener” 是 HTML 中 a 标签的一种属性,在本篇文章中,白天将给大家解释 noreferrer 和 noopener 标签之间的区别,它们与 nofollow 标签的区别,以及使用它们时对 SEO 的影响。

什么是 rel=”noreferrer”?

rel=”noreferrer” 标签是一个特殊的 HTML 属性,可以添加到a标签链接。它通过从 HTTP 标头中删除引荐信息来防止将引荐来源信息传递到目标网站。

引荐来源也许在国内很少会注意到,但在 Google Analytics 中则会比较常见。

通过在 a 标签添加 noreferrer 属性,则意味着在 Google Analytics中,来自具有 rel=”noreferrer” 属性的链接流量将显示为直接访问的流量而不是引荐。

下面是 noreferrer 属性在 HTML a 标签中的示例:

<a href="https://www.example.com" rel="noreferrer">链接至 Example.com</a>

下面是一个可以更好理解这一点的举例:

假设在没有 “noreferrer” 标签的情况下从网站 A 链接到网站 B

当网站 B 的所有者在 Google Analytics 中的查看流量来源报告时,他可以在“推荐”部分下看到来自网站 A 的流量。

rel="noreferrer noopener" 是什么意思? 它对 SEO 有什么作用?
来自没有 rel=”noreferrer” 的链接的流量显示为推荐流量

也可以通过审查工具”Network”中查看到链接到当前页面的”referrer”地址。如下图所示,当前页面地址为https://www.seobti.com,而referrer地址为https://www.seobti.com/3563.html,意味着我是从https://www.seobti.com/3563.html点击首页地址https://www.seobti.com进入首页的。

rel="noreferrer noopener" 是什么意思? 它对 SEO 有什么作用?

当使用 “noreferrer” 标签从网站 A 链接到网站 B 时,从网站 A 到网站 B 的任何流量都将在 Google Analytics 中显示为直接流量(而不是推荐)。

rel="noreferrer noopener" 是什么意思? 它对 SEO 有什么作用?
来自带有 rel=”noreferrer” 的链接的流量显示为直接流量

何时使用 rel=”noreferrer”?

当您不希望其他站点知道您正在链接到它们时,可以在传出链接上使用 rel=”noreferrer” 属性。其实白天是想不出你可能想要这样做的理由,但事实就是如此。

千万不要在内部链接上使用 rel=”noreferrer” 属性,它可能会扰乱您的 Google 分析报告。

rel=”noreferrer” 和 SEO

将 noreferrer 标签添加到您的链接不会直接影响SEO。您可以放心使用它而无需担心任何事情。

但它确实会对你的链接建设和推广工作产生间接影响,原因如下:

引起其他站长注意的方法之一是链接到他们的网站。当他们通过 Google Analytics 看到来自网站的流量时,他们很可能会查看并在社交媒体上分享该页面,关注作者,甚至决定通过链接回馈您的青睐。

这对 SEO 有好处,事实上,这是 Google 推荐的一种从其他网站获取链接的有效方式(请参阅下面来自 Google 文档的相关引用)。

rel="noreferrer noopener" 是什么意思? 它对 SEO 有什么作用?
关于如何吸引新链接的 Google 建议

nofollow 和 noreferrer 的区别

当你将 rel=”nofollow” 添加到外部链接时,你基本上是在指示搜索引擎不要将任何 PageRank 从一个页面传递到另一个页面。换句话说,你告诉他们出于 SEO 目的忽略该链接。

nofollow和 noreferrer的区别在于noreferrer 不会将任何推荐信息传递给浏览器,而是会跟随链接。使用 nofollow,将推荐信息传递给浏览器,但不遵循链接。

所以,它们不是一回事。在你不信任的链接上使用 nofollow,如果你不希望其他站点知道您已链接到它们,请使用 noreferrer。

什么是 rel=”noopener”?

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

下面是一个带有 rel=”noopener” 标签的链接示例:

<a href="https://www.example.com" rel="noopener">链接至Example.com</a>

出于安全原因,这是由 WordPress 自动添加到在新选项卡中打开的所有外部链接上的,建议您保留它。

如果您不在 WordPress 上,建议将 rel=”noopener” 添加到在新选项卡中打开的所有外部链接。

rel =”noopener” 和 SEO

Noopener 对您的 SEO 的影响为零,因此您可以安全地使用它来增强网站的安全性。

结语

在网站内使用 noreferrer 和 noopener 不会对你的 SEO 产生负面影响,可以放心使用它们。

下面是我对”noopener” “noopener” “nofollow”等三个 a 标签属性的一些使用建议:

  1. noopener 可以增强网站的安全性并防止其他网站访问您的页面(通过浏览器会话)。也就是说出于安全考虑,建议当页面使用新窗口打开(a 标签添加 target=”_blank”)时使用。
  2. noreferrer 用于保护推荐信息不被传递到目标网站,起到隐藏谷歌分析中的推荐流量。如果你希望其他网站将来自你网站的流量视为“推荐流量”,则不要在外部链接上添加 noreferrer 即可。
  3. nofollow 与 noreferrer 不同。当链接添加 rel=”nofollow” 时,它会告诉搜索引擎不要追踪该链接和传递权重等用于 SEO 的目的。noreferrer 则不会影响权重从一个网站传递到另一个网站。

以上便是本文关于”noreferrer noopener” 的全部内容,如果你仍然对 rel=”noreferrer noopener” 的作用感到困惑,可以在下方评论中告诉我。

过去的今天:

原创文章,作者:白天,如若转载请注明出处:rel=”noreferrer noopener” 是什么意思? 它对 SEO 有什么作用?

(2)
打赏 微信扫一扫 微信扫一扫
白天的头像白天博主
上一篇 2022年6月4日
下一篇 2022年6月22日

相关阅读推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

微信内浏白天博客