超链接rel属性常见用法详解

在网站内容添加超链接的时候正确的使用其rel属性，不仅有利于我们的seo优化，并且还可以提高网站的安全性，常见的rel属性值有nofollow、sponsored、ugc、noopener、noreferrer;今天我们就来详细说下其使用方法。

1.nofollow属性(rel=”nofollow”)：表示该链接不会传递权重(但并不是没有权重)，谷歌一般也不会抓取追踪这类链接。

使用场景：多用于网站外部链接，比如我们在一篇文章中需要加入一个下载地址或者参考资料链接，那么就可以用nofollow属性，用于告诉谷歌这个链接是不用抓取或者传递权重的。

2.ugc属性(rel=”ugc”)：表示该链接是用户生成的，为什么会有这个属性，因为之前有很多用户采取论坛发帖加链接的方式给自己的网站增加权重，那么加上ugc属性之后，可以避免因为权重传递导致大量垃圾评论的产生。

使用场景：多用于网站用户评论，发帖等内容中加的链接。

3.sponsored属性(rel=”sponsored)：表示该链接是网站广告或者赞助商链接。这里需要提一下之前有通过购买链接来增加网站权重，而这种做法是不被谷歌允许的，如果发现的话，很可能受到惩罚，但是如果你的网站流量很好，想出售广告位或者链接，这个时候就需要用到sponsored属性，被标记后谷歌会自动识别，避免受到谷歌的链接操纵惩罚。

备注：

① 我们要做的就是合理的利用以上三个属性值可以帮助谷歌搜索引擎进行有效的识别，比如合理分配页面权重传递，减少网站上的垃圾链接，避免受到谷歌的链接操纵处罚，这些都有利于seo优化。

② 对于之前已经使用nofollow属性的老连接，不需要在进行更换，不管它是广告链接还是用户生成链接。如果网站需要添加新的链接建议按照最新的方式添加对应的属性值。

③ 这三个属性可以同时使用多个，比如：rel=”ugc sponsored”，表示链接是广告链接，并且是用户生成的内容等。

4.noopener属性(rel=”noopener”)：该属性通常与target=”_blank”同时使用，作用是完全切断新打开窗口(页面)与原页面之间的联系，具体来说就是各自占用单独的进程独立运行，互不影响(比如如果不添加noopener属性，新页面和原页面占用同一进程，那么如果新页面运行较慢，势必也会影响到原页面的性能);同时禁止新页面对原页面的访问权限(禁止新的页面可以通过window.opener访问原窗口页面)，从而提高网站链接的安全性，避免别人利用该漏洞给原页面添加恶意跳转链接(通常会使用 window.opener.location = newURL将原窗口页面导航至其它恶意网站)，此时window.opener的值为null。

5.noreferrer属性(rel=”noreferrer”)：该属性作用就是禁止原页面向新页面传递相应的Referer值，即Referer属性为空。当我们新打开一个页面的时候在页面头部可以看到相应的Referer值，这个值一般为引荐页面地址，即我们是从哪个页面来的这个就会显示哪个网址，如果是直接从浏览器输入网址打开，那么这个属性就为空。

谷歌浏览器中Referer值查看方法

通常与target=”_blank”同时使用。实际意义可能就是在我们做网站分析的时候，加有noreferrer属性的链接带来的流量，不会分到引荐里面，而是在直接访问流量里面;或者我们不想让别人看到我们的网站链接到了他们网站上。

备注：

① noopener和noreferrer属性，不会对网站权重或者seo造成任何影响。

② 通常我们在网站外部链接中使用以上两个(noopener、noreferrer)属性值，也可以和nofollow、ugc或者sponsored搭配，并和target=”_blank”同时使用，比如：rel=”nofollow noopener noreferrer” target=”_blank”。

③ 网站内部链接一般不用加rel属性。

④ 无论是网站内部链接还是外部链接，只要加了target=”_blank”，建议都再加上rel=”noopener”，其它属性可以选择使用。