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

2021年4月11日17:06:33
评论
1631 716字阅读2分23秒
阿里云代金券领取

a标签中加入rel="noopener"是什么意思?对网站有什么影响?对网站的SEO有影响吗?新手建站网分享rel="noopener"详解:

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。

注意:以下为小编汇总的优惠活动,更多问题请联系:点击这里给我发消息 ①真便宜:云服务器89元1年,229元3年(优惠大放送)
②代金券:阿里云1888元代金券红包免费领取
③学生机:阿里云学生优惠机推荐

阿里云高性能云服务器优惠
新手建站网
  • 本文由 发表于 2021年4月11日17:06:33
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
nofollow、noopener和noreferrer标签的区别 SEO

nofollow、noopener和noreferrer标签的区别

什么是 noreferrer 标签? 简而言之,noreferrer 标记在单击链接时隐藏引用者信息。如果有人从使用此标记的链接到达您的网站,您的分析将不会显示谁提到该链接。相反,它会错误地显示为您的...
WordPress如何关闭自动更新? wordpress

WordPress如何关闭自动更新?

今天的我导航网突然后到一条“您的站点已被更新至WordPress 5.8 ”邮件,对于部分想自动更新的人来说确实省事了,但是像我们这种用了第三方主题的小伙伴来说万一更新不兼容处理起来就麻烦了,经过我查...
匿名

发表评论

匿名网友 填写信息

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