首页 / SEO book / 技术 SEO / Noopener 属性的作用与影响

什么是 Noopener?对 SEO 有无影响?

Noopener 属性的作用与影响技术 SEO

“noopener”一词指的是出于安全原因,添加到将在浏览器新标签页或新窗口中打开的链接上的 rel="noopener" HTML 属性。

什么是 Noopener?

“noopener”一词指的是出于安全原因,添加到将在浏览器新标签页或新窗口中打开的链接上的 rel="noopener" HTML 属性。

该属性为网站访客提供额外一层安全保障,具体来说,是防止你所链接的第三方网站通过 window 对象(window.opener 属性)控制浏览器标签页。

它在 HTML 代码中长这样:

<a href="https://ahrefs.com" rel="noopener" target="_blank">Best SEO tool</a>

为什么 Noopener 很重要?

如果没有 rel="noopener" 属性,被链接的网站就可能控制浏览器中发起链接的页面标签页,并将其重定向到钓鱼页面或恶意网站。这种行为可能被用来窃取个人数据或植入恶意软件。

在外链上使用该属性可以保护网站访客免遭这种后门式攻击。它不会影响网站 SEO,可以放心用它为所有用户最大化安全性。

自 2017 年起,在 WordPress 中,该属性会自动添加到所有在新窗口或新标签页中打开的链接上。不过,它可以(也应该)被添加到所有外链上,而不只是在 WordPress 中。

好消息是,自 2020 年起,大多数浏览器会自动把带 target_blank(在新标签页/新窗口中打开)的链接当作已设置 rel="noopener" 来处理。

Noopener 会影响 SEO 吗?

一些网站所有者表示不太愿意使用“noopener”属性,因为他们担心这会影响网站的 SEO。

然而,“noopener”对 SEO 没有任何影响,无论是抓取还是链接权重的传递都不受影响。“noopener”属性作用于浏览器层面,用于防止安全漏洞。

你需要在网站上使用 noopener 吗?

如果你使用 WordPress,很可能已经自动在用“noopener”。现代浏览器本来就会把带 target_blank 的链接当作存在 rel="noopener" 来处理,但只要用户没有使用现代浏览器,它还能提供额外一层安全保障。

另一方面,如果你不使用 WordPress,那么在新标签页/新窗口中打开的链接上手动加上“noopener”是一种良好的做法。这将保护那些可能在使用较旧版本浏览器的访客。

使用“noopener”能很好地保护用户免遭恶意代码侵害,但首先谨慎考虑链接指向何处仍然很重要。只选择指向权威且可信的网站,就能把你用户面临的风险降到最低。

但在网站变更、消亡或被转卖的情况下,今天的好链接可能变成明天的恶意链接——而当它们发生变化时你甚至都不会知道。因此,“noopener”是一道重要的额外安全防线,确保无论用户点击你网站上的哪个链接,都能保持安全。