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”的角色感到困惑，请在评论中告诉我。

 

 

Tags：前端   SEO

转载：感谢您对Jerbo个人博客网站平台的认可，以及对我们原创作品以及文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源Jerbo个人博客”。/dulizhanyunying/gg/199.html

很赞哦！ ()