保护您网站的安全性是成为网站所有者最重要的方面之一。 你可能明白拥有的重要性 HTTPS 在您的 URL 前缀中,或者为什么您需要 SSL证书. 但是你知道 noopener noreferrer HTML 标签属性是什么意思吗,什么时候应该使用它们?
在本文中,我们将讨论 rel=”noopener noreferrer” 的含义,何时应该使用它,以及它如何从 SEO 角度影响您的网站。 让我们直接进入它。
什么是 rel=”noopener noreferrer”?
rel=”noopener noreferrer” HTML 属性出现在外部超链接中。 具体来说,同时使用 noopener 和 noreferrer 属性可以防止:
- 链接的目标加载在单击链接的同一选项卡中
- 反向链接不会在目标站点的分析中显示为推荐流量
这就是标签属性在行动中的样子:
WordPress 会自动将这些属性添加到您设置为在新窗口中打开的外部链接中。 让我们分解它们,看看每个属性的作用。
没有开场白
如果您想阻止外部链接控制用户的原始浏览器窗口,您需要添加一个 noopener 属性。 根据 MDN,
“[noopener] 指示浏览器导航到目标资源,而不授予新的浏览上下文访问打开它的文档的权限。 […] 这在打开不受信任的链接时特别有用,以确保它们不会篡改原始文档……”
简而言之,noopener 在很大程度上是一种防止恶意链接访问用户浏览器的安全措施(一种称为网络钓鱼攻击 制表符)。 过去,在您的链接中单独留下 target=”_blank” 会打开这个安全漏洞。 现在,每当您使用 target=”_blank” 将外部链接设置为在新的浏览器窗口中打开时,大多数搜索引擎和 SEO 专家都认为最好在旁边使用 noopener。
(根据 Mozilla 开发者网络 (MDN),target=”_blank” 属性“现在隐式提供与 noopener 相同的
无推荐人
本质上,noreferrer 会阻止外部网站知道您已在您的网站上包含指向其材料的链接。 出于隐私或安全原因,这可能对您很重要。 总而言之,这个特定属性是您在将其应用于链接之前需要考虑的一个。 使用它真的取决于你的喜好。
noreferrer 属性 掩盖您的推荐链接 在目的地分析中。 它可以保护您网站的信息不被传输到您的用户正在导航的网站。 因此,这会导致链接在 Google Analytics 中显示为直接流量,而不是来自您的特定域的推荐流量。
如果有人使用不包含 noreferrer 的链接导航到您的网站,那么您将能够在您的分析仪表板上的推荐流量链接中看到他们的网站。 但如果链接中包含 noreferrer,则会出现在 Direct 流量中。 您可以在 Google Analytics 中的 Acquisition > All Traffic > Channels and Acquisition > All Traffic > Referrals 下找到这些列表。
它仍然会为 SEO 传递“链接汁”,但不会传递有关发起者的数据。 如果您对传递 SEO 提升不感兴趣,nofollow 将成为您要添加的附加标签。
与 rel=”nofollow” 一起使用
将 nofollow 属性添加到包含 rel=”noopener noreferrer” 的链接中,您可以链接到其他网站,而无需批准其内容或观点。 谷歌说 此属性应该用于“您想要链接到一个页面但不想暗示任何类型的认可的情况,包括将排名信用传递给另一个页面。”
基本上,nofollow 告诉谷歌你不希望它仅仅因为你链接到它就认为你支持一个特定的网站。 有许多类似的链接属性可以帮助 Google 理解链接背后的意图,包括用于标记赞助内容和用户生成内容的属性(其中许多可以 通过 Schema 标记添加)。
简而言之,将所有三个属性(noopener、noreferrer 和 nofollow)添加到链接会告诉 Google 您是:
- 愿意保护您的网站用户免受潜在的恶意外部链接(noopener)
- 不愿意在网站的分析数据中显示为推荐流量(noreferrer)
- 不愿意认可您链接到的内容或创作者(nofollow)
nofollow 属性似乎相当具体,因此您可能只想根据具体情况使用它,而不是作为一般规则。 许多博客将他们的评论部分设置为 nofollow 以避免来自机器人和不参与对话的人的垃圾评论。
何时使用“noopener noreferrer”
您希望您的网站对访问者尽可能安全。 因为您想构建和利用强大的反向链接策略,所以您不会一直使用 rel=”noopener noreferrer”。 例如,在链接到您网站的内部页面时,您应该避免使用它。
使用 rel=”noopener noreferrer” 告诉 Google 您关心链接安全。 而且您不希望某些网站将您的网站识别为推荐人。
“noopener noreferrer”对 SEO 的总体影响
当您在外部链接中使用 rel=”noopener noreferrer” 属性时,这不会对您的 SEO 反向链接策略产生直接负面影响。 这两个属性都不会导致您的技术 SEO 排名受到影响。 事实上,在 target=”_blank” 旁边使用 noopener 将提供更好的页面搜索引擎优化,因为用户将留在您的网站上,即使他们导航到另一个网站。
但是,noreferrer 会阻止 Google 识别您何时链接到其他人的网站。 而且,其他网站所有者将无法看到您何时链接到他们。
这意味着您正在消除互惠链接的可能性。 毕竟,如果您没有让网站所有者在他们检查分析时查看您的推荐流量的选项,他们就无法知道它来自您。
反向链接到您的网站 不能保证来自其他地方。 尽管如此,尽可能多地连接您喜欢的网站和内容并没有什么坏处。 不过,一般来说,在您的外部链接中使用 rel=”noopener noreferrer” 不会造成任何伤害。 当您使用内部链接时,请确保不要在您自己的网站页面上使用它们。 这样做可能会导致您自己的网站分析以及 Googlebot 抓取和索引您的网站结构出现问题。
结论
现在您知道如何在您的网站上使用 rel=”noopener noreferrer”,是时候进行相应的计划了。 如果需要,请考虑创建包含在您网站上的外部链接的电子表格。 此外,跟踪他们所在的页面以及您应用到他们的属性。 这样做有助于快速参考,以防您将来需要进行更改。
你在你的超链接中使用 rel=”noopener noreferrer” 吗? 为什么或者为什么不? 给我们留言,让我们知道您的想法。
通过 Sammby / shutterstock.com 的特色图片