noopener、noreferrer、nofollow、external、sponsored 含义及如何使用

2022年12月6日09:42:10 发表评论
广告也精彩

WordPress网站超链接中经常会看到 noopener、noreferrer、nofollow 及 external 等标签,而且多是同时出现两个、三个的情况。这些标签是什么含义,又如何使用的呢?

如果你研究网页源代码,会发现某些超链接 <a> </a>的属性中通常会使用 noopener、noreferrer、nofollow、 external 这些属性, 比较常见的有 rel=”nofollow”、 rel=”external”、 rel=”external nofollow”,rel =“ noopener noreferrer”、rel=”noopener noreferrer nofollow”等,后面两种是目前出现频率较高的。它们的作用及用法如下。

1、noopener 属性

noreferrer 属性用来防止你链接到的目标网站知道链接的来源。

比如从你的网站链接到 www.vpsss.net 并在链接属性中添加 noreferrer 标签,结果就是不会在链接中将你的网站视为推荐来源。

同时从安全角度出发,建议添加 noopener 属性,让新打开页面无法获取到源网页的 window对象。

noreferrer 链接在 Google Analytics 的 Direct 流量来源中,而 nofollow 链接将显示为 referrer 。

2、 noreferrer 属性

与 noopener 类似,添加 rel=”noreferrer” 后新开页面也无法获取来源页面的 window 来发起恶意攻击, 同时 新页面还无法获取来源页面的地址。

某些旧浏览器不支持 noopener,因此会同时设置这两个属性 rel=”noopener noreferrer”,用于拦截跨网域授权,杜绝钓鱼漏洞,避免访客被恶意入侵和攻击。

3、nofollow 属性

基于 SEO角度出发,告诉搜索引擎不要爬这个链接,不要传递本站权重到这个链接,不要把本网站计入这个网址的反向链接。

会考虑添加 rel=”nofollow” 标签,防止本站的权重流失。

4、古腾堡编辑器

在古腾堡编辑器中,按钮会默认添加 noreferrer noopener 这两个属性,而你可以根据需要决定是否再添加 nofollow属性。



微信扫描下方的二维码阅读本文

  • A+
所属分类:SEO

发表评论(不允许含有网址!)

:?: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :cry: :mrgreen: :neutral: :razz:

已登录用户不需要填写以下内容