Przewodnik po atrybutach rel SEO: Wyjaśnienie noopener, noreferrer i nofollow

Link z target="_blank" wygląda niewinnie: ma tylko otworzyć stronę w nowej karcie. Problem zaczyna się wtedy, gdy nie dopiszesz właściwego rel. Jeden brakujący atrybut może otworzyć furtkę do manipulacji kartą źródłową, ujawnić źródło wejścia albo błędnie zasugerować Google, że ręczysz za stronę, do której linkujesz.

W praktyce noopener, noreferrer i nofollow rozwiązują trzy różne problemy. Pierwszy dotyczy bezpieczeństwa przeglądarki, drugi prywatności danych o odesłaniu, trzeci interpretacji linku przez wyszukiwarkę. Mieszanie ich w jeden worek kończy się chaosem: link sponsorowany oznaczony tylko jako noopener nadal nie jest poprawnie opisany dla SEO, a link otwierany w nowej karcie z samym nofollow nadal może wymagać zabezpieczenia technicznego.

Noopener i noreferrer: bezpieczeństwo linków otwieranych w nowej karcie

Najpierw technika, bo tu błąd bywa najprostszy do naprawienia. Jeżeli link ma atrybut target="_blank", czyli otwiera stronę w nowej karcie lub oknie, powinien mieć dopisane rel=”noopener”.

Przykład:

<a href="https://example.com" target="_blank" rel="noopener">Zobacz stronę</a>

noopener odcina nowo otwartą stronę od obiektu window.opener. Bez tego strona docelowa może w określonych warunkach uzyskać dostęp do karty, z której użytkownik wyszedł, i np. przekierować ją na fałszywy panel logowania. To klasyczny scenariusz określany jako reverse tabnabbing. Nie trzeba dramatyzować, ale nie ma też powodu zostawiać tej luki, skoro poprawka zajmuje kilka znaków w kodzie.

W wielu nowoczesnych przeglądarkach target="_blank" jest już traktowany bezpieczniej niż kiedyś, ale w pracy redakcyjnej, SEO i przy szablonach CMS nadal lepiej dopisywać noopener jawnie. Dlaczego? Bo kod trafia później do różnych wtyczek, builderów, motywów, edytorów i komponentów. Jawny zapis ogranicza ryzyko, że ktoś po drodze zmieni zachowanie linku albo użyje go w kontekście, w którym domyślne zabezpieczenie nie zadziała tak, jak zakładasz.

noreferrer działa ostrzej. Oprócz efektu podobnego do noopener blokuje przekazanie nagłówka Referer, czyli informacji o stronie, z której użytkownik przeszedł do witryny docelowej.

Przykład:

<a href="https://example.com" target="_blank" rel="noreferrer">Zobacz stronę</a>

To ma konkretną konsekwencję analityczną: właściciel strony docelowej zwykle nie zobaczy, że ruch przyszedł z Twojej witryny. Dla prywatności to plus. Dla analityki, partnerstw, afiliacji i raportowania kampanii — często minus.

Najprostsza zasada decyzyjna:

używaj noopener przy linkach z target="_blank", gdy zależy Ci głównie na bezpieczeństwie;
używaj noreferrer, gdy dodatkowo nie chcesz ujawniać adresu strony odsyłającej;
nie używaj noreferrer bez zastanowienia przy linkach afiliacyjnych, partnerskich i kampaniach, w których źródło ruchu ma znaczenie;
nie traktuj noopener jako atrybutu SEO — on nie mówi Google, czy link jest rekomendacją, reklamą czy treścią użytkownika.

W WordPressie część edytorów i motywów automatycznie dopisuje noopener do linków otwieranych w nowej karcie. To pomaga, ale nie zwalnia z kontroli. Po zmianie buildera, motywu albo wtyczki do linków zewnętrznych warto sprawdzić kilka przykładów w kodzie HTML, a nie tylko ufać podglądowi w edytorze.

Nofollow, sponsored i ugc: co naprawdę mówi link wyszukiwarce

nofollow nie służy do zabezpieczania użytkownika w przeglądarce. To sygnał dla wyszukiwarek: „nie traktuj tego linku jak zwykłej rekomendacji redakcyjnej”.

Przykład:

<a href="https://example.com" rel="nofollow">Strona zewnętrzna</a>

Dawniej nofollow było prostszym komunikatem: nie podążaj za linkiem i nie przekazuj wartości rankingowej. Dziś u Google działa bardziej jako wskazówka, a nie absolutny zakaz. To ważny niuans. Dodanie nofollow nie daje gwarancji, że wyszukiwarka nigdy nie użyje linku do odkrywania adresu URL lub interpretowania sieci powiązań. Nadal jednak jest to właściwy sposób oznaczania linków, za które nie chcesz brać redakcyjnej odpowiedzialności.

Od strony praktycznej nofollow warto stosować przy linkach:

do stron, których jakości nie jesteś w stanie zweryfikować;
w komentarzach, jeśli nie używasz ugc;
w treściach dodawanych masowo przez użytkowników;
w starych wpisach, w których link prowadzi do źródła dziś mniej wiarygodnego niż w momencie publikacji;
jako rozwiązanie awaryjne, gdy nie wiesz, czy link jest reklamowy, afiliacyjny czy po prostu nierekomendowany.

Ale przy płatnych linkach samo nofollow nie jest najlepszym wyborem. Do tego służy sponsored.

Przykład:

<a href="https://example.com" rel="sponsored">Oferta partnera</a>

rel=”sponsored” oznacza link reklamowy, sponsorowany, afiliacyjny albo taki, za którego publikację otrzymujesz wynagrodzenie, produkt, usługę lub inną korzyść. To nie jest detal kosmetyczny. Jeżeli publikujesz artykuły sponsorowane, recenzje z linkami partnerskimi albo porównania z afiliacją, sponsored jest najczystszym opisem relacji.

Dla treści tworzonych przez użytkowników lepszy będzie ugc.

Przykład:

<a href="https://example.com" rel="ugc">Link z komentarza</a>

rel=”ugc” stosuj przy linkach w komentarzach, forach, profilach użytkowników, opiniach, sekcjach Q&A i innych miejscach, w których użytkownik może sam dodać adres URL. Jeżeli nie masz moderacji albo moderacja jest pobieżna, możesz połączyć atrybuty:

<a href="https://example.com" rel="ugc nofollow">Link użytkownika</a>

To czytelny komunikat: link pochodzi z treści użytkownika i nie powinien być traktowany jak klasyczna rekomendacja redakcji.

Największy błąd w SEO polega na oznaczaniu wszystkiego jako nofollow, „bo tak bezpieczniej”. Nie zawsze. Linki redakcyjne do dobrych źródeł, partnerów merytorycznych, dokumentacji technicznej czy cytowanych badań mogą normalnie pozostać bez nofollow. Naturalny profil linków wychodzących nie polega na blokowaniu wszystkiego, tylko na rozróżnianiu intencji.

Prosta hierarchia:

link redakcyjny, merytoryczny, zaufany: zwykle bez nofollow;
link reklamowy, afiliacyjny, sponsorowany: sponsored;
link dodany przez użytkownika: ugc albo ugc nofollow;
link niepewny, nierekomendowany lub technicznie konieczny: nofollow;
link otwierany w nowej karcie: dodatkowo noopener.

Jak poprawnie łączyć atrybuty rel w kodzie i w CMS

Atrybuty rel można łączyć. Nie trzeba tworzyć kilku osobnych atrybutów. Poprawny zapis wygląda tak:

<a href="https://example.com" target="_blank" rel="noopener sponsored">Sprawdź ofertę</a>

Albo:

<a href="https://example.com" target="_blank" rel="noopener ugc nofollow">Link użytkownika</a>

Kolejność wartości w rel nie jest najważniejsza. Ważne, żeby wartości były rozdzielone spacją i żeby każda opisywała realną cechę linku. Nie dopisuj sponsored do linku tylko dlatego, że prowadzi do firmy. Dopisz go wtedy, gdy link ma charakter reklamowy, płatny, afiliacyjny albo barterowy.

W praktyce audyt linków warto zacząć od kilku typowych miejsc:

szablony wpisów blogowych, zwłaszcza przycisk „czytaj więcej” i boksy sponsorowane;
stare artykuły sponsorowane, w których linki były kiedyś oznaczane tylko jako nofollow;
komentarze i profile użytkowników;
linki w stopce, sidebarze i widgetach partnerów;
linki generowane przez wtyczki afiliacyjne;
przyciski CTA otwierane w nowej karcie;
tabele porównawcze z linkami do ofert.

W CMS-ach problem często nie leży w samym artykule, tylko w automatyzacji. Redaktor wkleja link poprawnie, ale builder przy zapisie usuwa część atrybutów. Albo odwrotnie: wtyczka dopisuje noreferrer wszędzie, przez co kampanie partnerskie tracą czytelne dane o odesłaniach. Dlatego kontroluj wynikowy HTML, nie tylko ustawienia w panelu.

Najbardziej praktyczny schemat dla redakcji wygląda tak:

Każdy link zewnętrzny otwierany w nowej karcie dostaje noopener.
Każdy link płatny, afiliacyjny lub barterowy dostaje sponsored.
Każdy link dodany przez użytkownika dostaje ugc, a przy słabej moderacji także nofollow.
noreferrer trafia tylko tam, gdzie świadomie chcesz ukryć źródło ruchu.
Linki redakcyjne do zaufanych źródeł nie są automatycznie oznaczane jako nofollow.

To rozwiązuje większość przypadków bez tworzenia dziwnego, przeoptymalizowanego kodu.

Są też sytuacje graniczne. Link do producenta w niezależnym teście sprzętu nie musi być sponsorowany, jeśli nie było wynagrodzenia ani ustaleń promocyjnych. Link do sklepu w rankingu afiliacyjnym powinien mieć sponsored, nawet jeśli tekst jest rzetelny. Link do źródła w artykule eksperckim nie potrzebuje nofollow, jeśli rzeczywiście pomaga czytelnikowi zweryfikować informację. Link w komentarzu stałego, zaufanego autora nadal może być ugc, bo opisuje miejsce publikacji, nie jakość osoby.

FAQ

Czy noopener wpływa na SEO?
Nie. noopener dotyczy bezpieczeństwa przeglądarki i obiektu window.opener, a nie przekazywania wartości SEO.

Czy noreferrer ukrywa źródło ruchu w Google Analytics?
Najczęściej tak — strona docelowa nie dostaje standardowej informacji o stronie odsyłającej. W efekcie ruch może nie być widoczny jako referral z Twojej domeny.

Czy każdy link zewnętrzny powinien mieć nofollow?
Nie. To częsty błąd. Linki redakcyjne do zaufanych, merytorycznych źródeł mogą pozostać zwykłymi linkami. nofollow zostaw dla linków nierekomendowanych, niepewnych albo takich, za które nie chcesz brać odpowiedzialności.

Czym różni się nofollow od sponsored?
sponsored mówi, że link ma charakter płatny, reklamowy, afiliacyjny lub barterowy. nofollow jest bardziej ogólnym sygnałem: nie traktuj tego linku jak standardowej rekomendacji.

Czy można użyć kilku wartości naraz, np. rel="noopener sponsored"?
Tak. To poprawny zapis. Jeden link może jednocześnie otwierać się w nowej karcie i być linkiem sponsorowanym.

Czy noreferrer zastępuje noopener?
W praktyce noreferrer zapewnia również odcięcie dostępu do window.opener, ale nie używaj go automatycznie jako zamiennika. Jeśli nie chcesz ukrywać źródła ruchu, wybierz samo noopener.

Jak oznaczać linki afiliacyjne?
Najczyściej: rel="sponsored". Jeżeli link otwiera się w nowej karcie, dodaj też noopener, czyli np. rel="noopener sponsored".

Co sprawdzić jako pierwsze przy audycie strony?
Najpierw linki z target="_blank" bez noopener, bo to szybka poprawka bezpieczeństwa. Drugi krok to linki sponsorowane i afiliacyjne bez sponsored. Dopiero potem porządkuj komentarze, archiwalne wpisy i mniej istotne linki techniczne.

Zacznij od prostego filtrowania kodu: znajdź wszystkie linki z target="_blank" i sprawdź, czy mają noopener. To najszybszy błąd do usunięcia. Potem przejrzyj linki reklamowe, afiliacyjne i partnerskie — tam brak sponsored jest bardziej ryzykowny niż brak kolejnej kosmetycznej optymalizacji. Na końcu zajmij się nofollow w komentarzach i starych treściach, bo tam zwykle siedzi najwięcej bałaganu po latach zmian w SEO.