rel=noreferrer详细介绍、写法和作用

在网站开发过程中，超链接是很常见的一种元素。在进行跳转链接时，可能你会发现链接的属性会有noreferrer这个选项，它是干什么用的呢？

一、noreferrer是什么

noreferrer是HTML标准中的一个属性，其全称为no referrer（不发送referrer信息）。在网页中，referrer（指明了访问该页面的来源URL）属性告诉站点所有访问者的来源，包括潜在的脆弱信息。noreferrer的作用就是在点击链接时，不发送referrer信息到目标站点。

什么是rel="noreferrer"

rel=”noreferrer”标签是一个特殊的HTML属性，可以添加到a标签链接。它通过从HTTP标头中删除引荐信息来防止将引荐来源信息传递到目标网站。

引荐来源也许在国内很少会注意到，但在Google Analytics中则会比较常见。

通过在a标签添加noreferrer属性，则意味着在Google Analytics中，来自具有rel=”noreferrer”属性的链接流量将显示为直接访问的流量而不是引荐。

下面是noreferrer属性在HTML a标签中的示例：

<a href="https://www.niyingseo.com"rel="noreferrer">链接至niyingseo.com</a>

二、noreferrer的作用

noreferrer主要有以下三个作用：

1. 防止安全问题

通过发送referrer信息，网站会获取到用户的一些个人隐私信息，如用户IP地址、浏览器、接入网络等。这些信息可能被滥用，而noreferrer的作用就在于保护用户的隐私信息。

2. 提高站点访问速度

当用户打开一个页面时，如果该页面被链接到其他网站，而那些网站将会请求该页面的referrer。这会使得网站的加载速度变慢，因为需要花费时间运输referrer数据。使用noreferrer可以去掉这个繁琐的过程，有效提高站点访问速度。

3. 避免链接失效

在一些场景中，链接可能会被篡改或者伪造，而这些篡改可能导致链接失效。使用noreferrer可以避免这种情况的出现，多一份保障。

三、如何使用noreferrer

noreferrer的使用非常简单，只需要在a标签中添加rel="noreferrer"属性即可，代码示例如下：

<a href="https://www.niyingseo.com"rel="noreferrer">链接至niyingseo.com</a>

需要注意的是，如果同时使用nofollow和noreferrer，应当把nofollow写在前面，否则nofollow失效。