在构建和维护网站时，我们始终必须考虑我们所管理网站的安全性。考虑到它们通常拥有的外链数量，博客尤其需要格外小心。照顾外链涉及不同的任务，以始终确保它们得到优化。有助于监督外链安全的工具之一是HTML属性。这是一件简单的事情，但可以为网站的安全创造奇迹。 在这篇文章中，我们将看看究竟什么是noopener链接，以及如何在WordPress中使用该属性。 什么是 rel=”noopener” 属性？ 简单地说， rel=”noopener” 属性被添加到在新选项卡/窗口中打开的链接中。当您在WordPress中添加链接时，您可以选择该链接是在同一窗口中打开还是在不同窗口中打开。当您选择在另一个窗口上打开时，WordPress 会自动将 rel=”noopener” 属性与通常的 target=”_blank” 属性一起添加到您的HTML中。 将 rel=”noopener” 属性添加到在新窗口中打开的链接的目的是什么？首先，就用户体验和访问者指标而言，在新选项卡中打开外部链接非常好，这样它们就不会完全离开您的网站。 但是这个属性存在的主要原因是为了安全。 反向Tabnabbing rel=”noopener” 属性可保护站点免受恶意意图的侵害，特别是称为反向tabnabbing的网络钓鱼攻击。 反向tabnabbing是指恶意站点使用window.opener.location.assign()将真实页面替换为虚假页面。它是这样工作的：添加链接的页面，称为父页面，通过所述链接指向子页面。恶意子页面然后使用window.opener.location.assign()将自身附加到父页面，并使用虚假站点模仿原始站点。 如果被模仿的站点有一个登录小部件并且用户输入了他们的信息，那么所有这些信息都会被恶意子页面窃取。 rel=”noopener” 属性的作用是保护父页面免受通过子页面反向tabnabbing的恶意攻击。 关于Noreferrer rel=”noopener” 属性适用于除Firefox和其他旧浏览器之外的大多数浏览器。当WordPress默认将 rel=”noopener” 属性添加到您的链接时，您应该在其旁边添加 rel=”noreferrer” 属性。如果您已更新到最新的WordPress，那么这两个属性都会自动添加到您的链接中。 rel=”noopener” 属性将告诉浏览器不要从发送链接的主页收集引用信息。 你的链接应该是这样的： <a href=”https://www.example.com” rel=”noopener noreferrer” target=”_blank”>example anchor text</a> Noopener, Dofollow和Nofollow链接 一个常见的误解是，带有 rel=”noopener” 属性的链接与dofollow和nofollow链接相关，而实际上它们不是。不同之处在于noopener和noreferrer链接是出于安全目的，而dofollow和nofollow链接更多的是关于页面排名和SEO。 例如，具有 rel=”noopener” 属性的链接可以是dofollow或nofollow。这个选择取决于你。事实上，我们不久前发表了一篇关于nofollow和dofollow的文章，你一定要看看。 所有添加的链接都会自动归为跟随（dofollow）链接。为确保它们是 nofollow，您的链接应如下所示： <a href=”https://www.example.com” rel=”noopener noreferrer […]
