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

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

rel="noopener"提高网站安全性

WordPress会在A标签中在使用targrt=_blank时，自动加上rel="noopener"标签，这是出于安全的考虑，用于解决可被恶意网站利用的安全漏洞。对网站有哪些影响？影响就是使用rel="noopener"进一步提升了网站的安全性。对网站SEO有影响吗？rel="nofollow"（nofollow用来约束蜘蛛爬取链接，被加上nofollow标签的外链无权重传递）对SEO是有影响的，但是rel="noopener"还真没有。文章源自新手站长-https://xinshouzhanzhang.com/rel-noopener.html

rel="noopener"安全原理：

使用target=_blank打开新的窗口时，JavaScript功能赋予了新的窗口一些权限可以操作原tab页，如果我们的网站链接到受恶意代码影响的外部网站，则该网站可以使用window.openerJavaScript属性更改原始页面（您的网站）以窃取信息并传播恶意代码。文章源自新手站长-https://xinshouzhanzhang.com/rel-noopener.html

实例：
当你使用target="_blank"打开一个新的标签页时，新页面的window对象上有一个属性opener，它指向的是前一个页面的 window对象，这样，后一个页面就获得了前一个页面的控制权，可以使用window.opener.location.replace更改前一个页面的url。简单来说就是，用户点击了一个超链接，该链接在新窗口打开的同时，竟然更改了前一个页面的链接。文章源自新手站长-https://xinshouzhanzhang.com/rel-noopener.html

这时候rel="noopener"闪亮登场，打开链接后你会发现window.opener已经被置为了null。文章源自新手站长-https://xinshouzhanzhang.com/rel-noopener.html 文章源自新手站长-https://xinshouzhanzhang.com/rel-noopener.html