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

什么是rel=”noreferrer”

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

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

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

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

链接至Example.com

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

假设在没有“noreferrer”标签的情况下从网站A链接到网站B,当网站B的所有者在Google Analytics中的查看流量来源报告时，他可以在“推荐”部分下看到来自网站A的流量。

也可以通过审查工具”Network”中查看到链接到当前页面的”referrer”地址。如下图所示，当前页面地址为

当使用“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。

什么是rel=”noopener”?

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

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

链接至Example.com

出于安全原因，这是由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”的作用感到困惑，可以在下方评论中告诉我。