rel =” noreferrer noopener”的含义及其对SEO的影响

“ Noreferrer noopener”是能够添加到传出连接中的HTML属性。

这些标签有什么做用，以及它们如何影响您的SEO工做？

在这篇文章中，我将解释noreferrer和noopener标签之间的区别，它们与

nofollow标签 有何不一样，以及使用每种标签 时对SEO的影响。

• 什么是rel =“ noreferrer”？
• 何时使用rel =“ noreferrer”？
• rel =“ noreferrer”和SEO
• Noreferrer和WordPress
• Noreferrer和会员连接
• Nofollow和Noreferrer之间的区别
• 什么是rel =“ noopener”？
• rel =“ noopener”和SEO

让咱们从一些定义开始。

什么是rel =“ noreferrer”？

rel =“ noreferrer”标记是一种特殊的HTML属性，能够添加到连接标记（<a>）中。

经过从HTTP标头中删除引荐信息，能够防止将引荐信息传递到目标网站。

这意味着在Google Analytics（分析）中，来自具备rel =“ noreferrer”属性的连接的流量将显示为“

直接流量”，

而不是“

引荐”。

这是noreferrer属性在HTML视图中的外观：

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

这是一个更好地理解这一点的示例：

假设您从网站A连接到网站B，但没有“ noreferrer”标签。

网站B的全部者在Google Analytics（分析）中查看“获取”报告时，能够在“ REFERRALS”部分下看到来自网站A的流量。

来自不带rel =“ noreferrer”的连接的流量显示为引荐流量

当您使用“ noreferrer”标记从网站A连接到网站B时，从网站A到网站B的全部流量都将在Google Analytics（分析）中显示为直接流量（而不是引荐）。

来自具备rel =“ noreferrer”连接的流量显示为直接流量

何时使用rel =“ noreferrer”？

当您不但愿其余站点知道您正在连接到这些站点时，请在传出连接上使用rel =“ noreferrer”属性。 想不出为何要这样作的任何正当理由，但事实就是如此。

绝对 不要 在内部连接上使用rel =“ noreferrer”属性，它可能会使您的Google Analytics（分析）报告混乱。

rel =“ noreferrer”和SEO

将noreferrer标记添加到连接不会直接影响

SEO

。

您能够放心使用它而没必要担忧任何事情。

但这确实对您的连接创建和推广工做有间接影响，缘由以下：

引发其余网站管理员注意的一种方法是连接到他们的网站。

全部网站管理员天天都会检查他们的Google分析，尤为是“引荐流量”。

当他们看到来自网站的访问量时，极可能会对其进行检出并在社交媒体上共享该页面，关注做者，甚至决定经过返回连接来回馈青睐。

这对SEO颇有好处，实际上，这是Google推荐的一种从其余网站获取连接的有效方法（请参见Google文档中的相关报价）。

有关如何吸引新连接的Google建议

当您在连接上附加了noreferrer标签后，以上内容将不会发生，由于您网站的流量不会在Google Analytics（分析）中显示为“引荐”，所以其余网站站长将不知道您已连接到它们。

您可能会想，“

为何还要谈论这个，我也不会将其添加到个人连接中，这就是故事的结局

”。

该问题流行的缘由是，WordPress默认将'noreferrer'标记添加到全部设置为在“新标签”中打开的传出连接。

Noreferrer和WordPress

所以，若是您使用的是WordPress，则应该知道，当您向内容添加外部连接并将其设置为在“新标签”中打开时（target =“ _ blank”），WordPress会自动将rel =“ noopener noreferrer”添加到连接。

他们这样作是为了提升WordPress丰富的编辑器（TinyMCE）的安全性，并防止进行

标签捕获 和其余网络钓鱼攻击。

这是一个例子：

<a href="https://www.externalsite.com/" target="_blank" rel="noopener noreferrer">my external link</a>

如上所述，这将阻止任何信息传递到新标签，最终结果是，从您的网站流向连接网站（经过单击连接）的任何流量都不会显示在Google Analytics（分析）中。

如何从WordPress连接中删除rel =“ noreferrer”

防止WordPress自动将属性添加到外部连接的最简单方法是不在新标签中打开连接。

换句话说，要在同一窗口中打开连接。

这是解决此问题的最简单方法，但缺点是用户单击外部连接将离开您的网站，这可能会增长跳出率，减小网站停留时间等。

可是，因为如今大部分流量都来自移动设备，所以您没必要担忧用户退出您的网站，由于移动设备上“新标签”的行为使用户很难返回上一个窗口。

有一些插件能够阻止WordPress将rel =“ noreferrer”添加到外部连接，可是它们仅在使用

TinyMCE 而不是新的编辑器（ Gutenberg ） 时起做用 。

个人建议是不要对此感到困惑，只需避免在新标签中打开外部连接，您就能够开始了。

Noreferrer和会员连接

Noreferrer对会员连接没有影响。

缘由是大多数会员计划不依赖“引荐流量”来授予转化，而是依赖于连接中包含的会员ID。

例如：

<a href="//www.semrush.com/sem/?ref=15096612" rel="noreferrer noopener" target="_blank">

所以，您没必要担忧。

Nofollow和Noreferrer之间的区别

当您将rel =“ nofollow”添加到外部连接时，您基本上指示搜索引擎不要将任何PageRank从一页传递到另外一页。

换句话说，您告诉他们出于SEO目的而忽略该连接。

nofollow和noreferrer之间的区别在于，noreferrer不会将任何引用信息传递给浏览器，可是会连接。

使用nofollow时，引荐信息会传递到浏览器，但不会遵循连接。

所以，它们不是同一件事。

在不信任的连接上使用nofollow，若是不但愿其余站点知道已连接到它们，则使用no​​referrer。

什么是rel =“ noopener”？

rel =“ noopener”是能够添加到外部连接的HTML属性。

它阻止打开的页面得到对原始页面的任何访问。

这是带有rel =“ noopener”标签的连接的示例：

<a href="https://www.example.com" rel="noopener">Link to Example.com</a>

出于安全缘由，WordPress会自动将其添加到在新选项卡中打开的全部外部连接上添加此连接，建议您保留它。

若是您不在WordPress上，建议将rel =“ noopener”添加到在新选项卡中打开的全部外部连接。

Rel =“ noopener”和SEO

Noopener对您的SEO几乎没有影响，所以您能够安全地使用它来加强网站的安全性。

重点学习

处理HTML标记和属性对于许多人来讲是使人困惑的，可是noreferrer和noopener并不是如此。

它们都不会对您的SEO产生负面影响，请放心使用它们。

若是您使用的是WordPress，则这些标签会自动添加到在新标签页中打开的外部连接上。

须要noopener来加强网站的安全性并防止其余网站（经过浏览器会话）访问您的页面。

noreferrer用于保护引荐信息不被传递到目标网站，这也将引荐流量隐藏在Google Analytics（分析）中。

若是您但愿其余网站将您网站的流量视为“引荐流量”，则只需不要在新标签中打开外部连接。

这将阻止WordPress自动将属性添加到连接，而且一切正常。

Nofollow与noreferrer不一样。

将rel =“ nofollow”添加到连接时，它指示搜索引擎不要将该连接用于SEO。

Noreferrer确实将连接汁从一个网站传递到另外一个网站。

若是您仍然对rel =“ noreferrer noopener”的角色感到困惑，请在评论中告诉我。