浏览器允许html为链接添加rel属性，以解释链接所处当前文档与被指向的链接文档的关系，noreferrer、noopener、nofollow都是rel的许用属性，它们彼此不相关，每个属性都有自己的用途，让我们看看这三个“no”都是做什么用的。
noreferrer分析和跟踪
简单地说，当用户点击链接时，noreferrer会隐藏引用者信息。例如，如果有人在他们的网页上发布您的链接并使用noreferrer，然后用户点击该链接，您将无法分辨这些用户来自哪里。在您的分析软件（例如，谷歌分析）中，这类访问会被显示为直接流量。
例子：
<a href=" https://www.website.com " rel="noreferrer">链接到 yoursite.com</a>
对 SEO 的影响：
无影响，但可能会影响分析和跟踪。
noopener与安全
它关闭了一个称为反向选项卡抓取的浏览器安全问题，它使攻击者可以部分访问前一页，通常在将链接设置为在 target="_blank" 的新选项卡中打开时使用。
注意：随着 Chrome 88 的发布，所有带有 target="_blank" 的链接都将被视为 noopener。
例子：
<a href=" https://www.website.com " target="_blank" rel="noopener">链接到 yoursite.com</a>
对 SEO 的影响：
无影响。
nofollow忽略链接
这个属性过去用于告诉搜索引擎简单地忽略链接。搜索引擎不会抓取这些链接，也不会通过它们传递价值。谷歌对nofollow链接的处理在2020年发生了变化，现在变得更加复杂。他们将nofollow视为一个提示，这意味着他们可以选择爬行并通过它们传递价值，或者不。
例子：
<a href=" https://www.website.com " rel="nofollow">链接到 yoursite.com</a>
对SEO的影响：
这取决于搜索引擎是否认为链接有价值，无法确定他们使用哪些链接，不使用哪些链接。
