Co to jest Noopener?

Noopener to wartość atrybutu rel w tagach <a>, która zapobiega dostępowi nowo otwartej strony do obiektu window.opener oryginalnej strony – jest to zabezpieczenie przed atakami typu „reverse tabnabbing” i best practice dla wszystkich linków z target=”_blank”.

Problem: gdy link otwiera się w nowej karcie (target=”_blank”) bez rel=”noopener”, strona docelowa ma dostęp do obiektu window.opener – może zmienić URL oryginalnej karty (np. przekierować na stronę phishingową). Atak „reverse tabnabbing” polega na podmianie strony w oryginalnej karcie, podczas gdy użytkownik czyta treść w nowej karcie.

Jak to działa:

• <a href=”https://example.com” target=”_blank” rel=”noopener”>Link</a>
• atrybut rel=”noopener” ustawia window.opener na null w nowo otwartej karcie, uniemożliwiając dostęp do oryginalnej strony

Noopener vs noreferrer vs nofollow – trzy różne rzeczy:

• noopener – blokuje dostęp do window.opener (bezpieczeństwo)
• noreferrer – nie przekazuje informacji o stronie odsyłającej w nagłówku HTTP Referer (prywatność + obejmuje noopener)
• nofollow – sygnał dla Google, aby nie przekazywać wartości SEO przez link

Wpływ na SEO: rel=”noopener” nie ma bezpośredniego wpływu na SEO – nie blokuje przekazywania PageRank ani nie zmienia sposobu, w jaki Google traktuje link. Jest to czysto kwestia bezpieczeństwa. W odróżnieniu od noreferrer, noopener nie ukrywa informacji o stronie odsyłającej, więc właściciele linkowanych stron nadal widzą, skąd pochodzi ruch.

Nowoczesne przeglądarki (Chrome 88+, Firefox 79+, Safari 12.1+) automatycznie stosują zachowanie noopener dla linków target=”_blank”, ale dodanie rel=”noopener” jest wciąż zalecane dla kompatybilności ze starszymi przeglądarkami i jako wyraźna deklaracja intencji w kodzie.

---

← Powrót do słownika SEO

---

Szukasz konsultanta SEO dla firm SaaS i B2B? Zobacz, jak mogę pomóc Twojej firmie rosnąć dzięki SEO.