a标签rel=”noopener”详解和对网站SEO的影响

rel="noopener"提高网站安全性
WordPress会在A标签中在使用targrt=_blank时,自动加上rel="noopener"标签,这是出于安全的考虑,用于解决可被恶意网站利用的安全漏洞。对网站有哪些影响?影响就是使用rel="noopener"进一步提升了网站的安全性。对网站SEO有影响吗?rel=“nofollow”(nofollow用来约束蜘蛛爬取链接,被加上nofollow标签的外链无权重传递)对SEO是有影响的,但是rel="noopener"还真没有。

rel="noopener"安全原理:
使用target=_blank打开新的窗口时,JavaScript功能赋予了新的窗口一些权限可以操作原tab页,如果我们的网站链接到受恶意代码影响的外部网站,则该网站可以使用window.openerJavaScript属性更改原始页面(您的网站)以窃取信息并传播恶意代码。

实例:
当你使用target="_blank"打开一个新的标签页时,新页面的window对象上有一个属性opener,它指向的是前一个页面的 window对象,这样,后一个页面就获得了前一个页面的控制权,可以使用window.opener.location.replace更改前一个页面的url。简单来说就是,用户点击了一个超链接,该链接在新窗口打开的同时,竟然更改了前一个页面的链接。

这时候rel="noopener"闪亮登场,打开链接后你会发现window.opener已经被置为了null。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值