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进入首页的。

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

何时使用 rel=”noreferrer”?

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

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

rel=”noreferrer” 和 SEO

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

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

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

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

nofollow 和 noreferrer 的区别

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

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

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

nofollow是什么？有什么作用？经常看到一些网站在a标签里添加一个rel=”nofollow”的属性，这个所以请问这个nofollow是什么意思，添加这个属性有什么作用呢？

什么是 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 标签属性的一些使用建议：

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

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