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

Link otwierany w nowej karcie, reklama afiliacyjna i adres dodany przez użytkownika mogą wyglądać w kodzie niemal identycznie. Dla przeglądarki i wyszukiwarki oznaczają jednak coś zupełnie innego. noopener chroni kartę źródłową, noreferrer ogranicza przekazywanie informacji o odesłaniu, a nofollow opisuje relację z linkowaną stroną na potrzeby wyszukiwarki. Zamienne stosowanie tych wartości jest błędem, bo każda rozwiązuje inny problem.

Najczęściej bałagan zaczyna się w CMS-ie. Redaktor zaznacza opcję „otwórz w nowej karcie”, wtyczka automatycznie dopisuje kilka wartości rel, a po zmianie motywu część z nich znika. Innym razem wszystkie linki zewnętrzne dostają nofollow, łącznie z odnośnikami do dokumentacji, badań i źródeł. Kod wygląda na zabezpieczony, ale nie opisuje rzeczywistego charakteru linków.

Dobra zasada jest prostsza: najpierw określ, po co istnieje dany link, a dopiero potem dobierz atrybuty.

`noopener` i `noreferrer`: podobny zapis, inne konsekwencje

Link z target="_blank" otwiera dokument w nowej karcie albo oknie:

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

Historycznie taki zapis mógł udostępniać nowej stronie obiekt window.opener. Witryna docelowa zyskiwała wtedy możliwość oddziaływania na kartę, z której użytkownik przyszedł, na przykład przez podmianę jej adresu na fałszywy formularz logowania. Ten mechanizm jest znany jako reverse tabnabbing.

rel="noopener" odcina dostęp do strony otwierającej:

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

Współczesne przeglądarki traktują target="_blank" tak, jakby ochrona noopener była włączona domyślnie. Nie oznacza to jednak, że jawny zapis stał się bezużyteczny. Nadal ma sens w szablonach, komponentach wielokrotnego użytku i kodzie, który może później trafić do aplikacji z innymi wymaganiami lub obsługą starszych środowisk. Pokazuje też intencję autora: nowa karta nie powinna otrzymywać dostępu do dokumentu źródłowego.

noreferrer idzie krok dalej:

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

Ta wartość:

nie przekazuje standardowego nagłówka Referer,
ukrywa przed stroną docelową adres dokumentu, z którego nastąpiło przejście,
zapewnia również zachowanie odpowiadające noopener.

Nie ma więc technicznej potrzeby zapisywania:

rel="noopener noreferrer"

Sam noreferrer obejmuje także ochronę zapewnianą przez noopener. Podwójny zapis jest poprawny i często spotykany, ale funkcjonalnie nadmiarowy.

Problem z noreferrer nie dotyczy bezpieczeństwa, lecz analityki i rozliczania ruchu. Strona docelowa może nie rozpoznać wizyty jako odesłania z konkretnej domeny. Ma to znaczenie przy:

kampaniach partnerskich,
afiliacji rozliczanej na podstawie danych o źródle,
współpracy między serwisami,
analizie ruchu polecającego,
systemach, które wykorzystują nagłówek Referer do ustalania kontekstu wejścia.

Parametry UTM zapisane w adresie URL nadal mogą zostać przesłane, ponieważ są częścią samego adresu, a nie nagłówka Referer. Nie należy jednak zakładać, że każdy system afiliacyjny lub analityczny opiera identyfikację wyłącznie na UTM-ach. Przed masowym dodaniem noreferrer trzeba sprawdzić sposób atrybucji używany przez konkretną platformę.

Praktyczna decyzja wygląda tak:

Nowa karta i zachowanie źródła ruchu: rel="noopener".
Nowa karta i celowe ukrycie strony odsyłającej: rel="noreferrer".
Link otwierany w tej samej karcie: zwykle nie potrzebuje ani noopener, ani noreferrer.
Afiliacja lub mierzone partnerstwo: nie dodawaj noreferrer automatycznie.

Najbardziej irytujący błąd w popularnych CMS-ach polega na globalnym dopisywaniu noreferrer do każdego linku otwieranego w nowej karcie. Bezpieczeństwo zostaje poprawione, ale raporty partnera nagle przestają pokazywać ruch polecający. Z punktu widzenia redakcji wygląda to jak spadek skuteczności kampanii, choć użytkownicy nadal klikają.

`nofollow`, `sponsored` i `ugc`: jak opisać link dla Google

nofollow nie zabezpiecza karty i nie ukrywa źródła wizyty. Jest oznaczeniem relacji między dokumentem a linkowaną stroną:

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

Google traktuje obecnie nofollow, sponsored i ugc jako wskazówki, a nie bezwzględne polecenia. Wyszukiwarka może wykorzystać link do wykrywania adresów lub rozumienia sieci powiązań. Nie należy więc obiecywać, że dodanie nofollow całkowicie uniemożliwi robotom znalezienie strony docelowej. Do blokowania indeksowania własnej podstrony służą inne mechanizmy, na przykład noindex, a nie atrybut linku prowadzącego do niej.

nofollow jest sensowny, gdy wydawca nie chce traktować odnośnika jak zwykłej rekomendacji redakcyjnej. Dotyczy to między innymi linków:

do stron, których jakości nie można wiarygodnie ocenić,
dodanych automatycznie przez zewnętrzny system,
umieszczonych w starej treści, gdy źródło zmieniło właściciela lub charakter,
koniecznych do pokazania przykładu, ale prowadzących do witryny, której autor nie poleca,
znajdujących się w niezaufanej treści użytkowników.

Nie powinno się natomiast dodawać nofollow do każdego linku zewnętrznego. Zwykły odnośnik do dokumentacji producenta, strony urzędu, normy technicznej, publikacji naukowej lub materiału źródłowego może pozostać bez dodatkowego oznaczenia:

<a href="https://example.com">
  Dokumentacja techniczna
</a>

Google wprost wskazuje, że regularne linki, które nie wymagają dodatkowego zakwalifikowania, nie potrzebują wartości rel.

Przy reklamie, afiliacji, barterze i innych korzyściach właściwszy jest sponsored:

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

Dotyczy to nie tylko klasycznie kupionego linku. sponsored należy brać pod uwagę również wtedy, gdy publikacja powstała w zamian za:

wynagrodzenie,
bezpłatny produkt,
dostęp do płatnej usługi,
prowizję od sprzedaży,
rabat lub inną wymierną korzyść,
wzajemną promocję będącą częścią ustalonej współpracy.

Google dopuszcza oznaczanie płatnych odnośników jako sponsored albo nofollow, ale sponsored precyzyjniej opisuje przyczynę umieszczenia linku. To lepszy domyślny wybór dla nowych publikacji komercyjnych. Nie ma potrzeby przerabiania każdego starego nofollow na sponsored wyłącznie dla porządku, o ile dotychczasowe oznaczenie płatnego linku jest poprawne.

Dla treści generowanych przez użytkowników przewidziano ugc:

<a href="https://example.com" rel="ugc">
  Link dodany w komentarzu
</a>

Sprawdza się w komentarzach, na forach, w profilach, opiniach, ogłoszeniach i sekcjach pytań i odpowiedzi. Przy słabej moderacji można połączyć je z nofollow:

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

ugc opisuje pochodzenie odnośnika, a nie wiarygodność konkretnej osoby. Link stałego, dobrze znanego autora nadal może otrzymać ugc, jeżeli został opublikowany w części serwisu przeznaczonej na treści użytkowników. Google rekomenduje ugc lub nofollow przy linkach znajdujących się w niezaufanych materiałach dodawanych przez użytkowników.

Najprostsza hierarchia decyzji:

Zwykłe źródło redakcyjne — bez nofollow.
Reklama, afiliacja lub barter — sponsored.
Link dodany przez użytkownika — ugc, ewentualnie ugc nofollow.
Link nierekomendowany lub niezweryfikowany — nofollow.
Każdy z powyższych linków otwierany w nowej karcie — dodatkowo noopener, o ile nie zastosowano noreferrer.

Jak łączyć wartości `rel` i przeprowadzić audyt strony

W jednym atrybucie rel można umieścić kilka wartości oddzielonych spacjami. Link afiliacyjny otwierany w nowej karcie powinien wyglądać tak:

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

Odnośnik dodany przez użytkownika:

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

Kolejność wartości nie zmienia ich znaczenia. rel="sponsored noopener" działa tak samo jak rel="noopener sponsored". Liczy się to, czy każdy token opisuje faktyczną cechę linku.

Nie należy tworzyć kilku osobnych atrybutów:

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

To błędny HTML. Powinien istnieć jeden atrybut rel z listą wartości rozdzielonych spacjami:

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

Audyt najlepiej przeprowadzić według ryzyka, a nie alfabetycznie.

Priorytet 1: linki komercyjne

Najpierw sprawdź:

artykuły sponsorowane,
rankingi afiliacyjne,
przyciski prowadzące do sklepów,
boksy „oferta partnera”,
linki wygenerowane przez wtyczki afiliacyjne,
współprace barterowe.

Brak sponsored przy linku płatnym jest poważniejszym problemem niż nadmiarowe nofollow przy nieistotnym odnośniku technicznym. Przy sprzedaży linków bez odpowiedniego oznaczenia powstaje ryzyko naruszenia zasad Google dotyczących spamu linkowego.

Priorytet 2: linki z target="_blank"

Wyszukaj w kodzie:

target="_blank"

Następnie sprawdź, czy link ma noopener, noreferrer albo czy system świadomie opiera się na domyślnym zabezpieczeniu współczesnych przeglądarek. W praktyce redakcyjnej najczytelniejszą regułą pozostaje jawne dodawanie noopener.

Priorytet 3: treści użytkowników

Skontroluj komentarze, profile, fora, opinie, formularze ogłoszeń i sekcje Q&A. Samo oznaczenie ugc nie zastępuje moderacji. Link może nadal prowadzić do phishingu, złośliwego oprogramowania albo spamu. rel opisuje relację dla wyszukiwarki, ale nie sprawdza bezpieczeństwa strony docelowej.

Priorytet 4: automatyzacja w CMS-ie

Po aktualizacji WordPressa, zmianie motywu, buildera lub wtyczki nie wystarczy obejrzeć linku w edytorze wizualnym. Trzeba sprawdzić wynikowy HTML w przeglądarce. Typowe problemy to:

usuwanie sponsored po ponownym zapisaniu wpisu,
dopisywanie noreferrer do wszystkich nowych kart,
zamiana ugc na samo nofollow,
duplikowanie wartości w rel,
dodawanie nofollow do każdego linku zewnętrznego,
inne zasady w treści artykułu i inne w przyciskach generowanych przez motyw.

Przy większym serwisie nie warto poprawiać setek wpisów ręcznie bez rozpoznania źródła błędu. Jeżeli niewłaściwy atrybut dodaje szablon lub filtr WordPressa, ręczna korekta zniknie przy kolejnej edycji. Najpierw napraw regułę generującą kod, później wykonaj aktualizację archiwalnych treści.

FAQ

Czy noopener poprawia pozycję strony w Google?
Nie. Odpowiada za zachowanie przeglądarki i dostęp do window.opener, a nie za ocenę linku przez wyszukiwarkę.

Czy noreferrer zastępuje noopener?
Tak pod względem odcięcia window.opener. Dodatkowo usuwa informacje o stronie odsyłającej, dlatego nie powinien być stosowany automatycznie przy afiliacji i mierzalnych partnerstwach.

Czy każdy link zewnętrzny powinien mieć nofollow?
Nie. Zwykłe, redakcyjne linki do wiarygodnych źródeł nie wymagają takiego oznaczenia.

Jak oznaczyć link afiliacyjny otwierany w nowej karcie?
Najczęściej: rel="noopener sponsored" razem z target="_blank".

Czy przy płatnym linku wystarczy nofollow?
Google dopuszcza nofollow, ale sponsored dokładniej informuje, że odnośnik ma charakter komercyjny.

Czy ugc zabezpiecza użytkownika przed niebezpieczną stroną?
Nie. Informuje o pochodzeniu linku. Nie skanuje strony docelowej i nie zastępuje moderacji.

Czy nofollow blokuje indeksowanie linkowanej strony?
Nie daje takiej gwarancji. Wyszukiwarka może odkryć ten adres również przez inne linki, mapę witryny lub wcześniejsze indeksowanie.

Od czego zacząć audyt?
Najpierw znajdź płatne i afiliacyjne linki bez sponsored. Następnie sprawdź target="_blank" oraz automatyczne reguły CMS-a. Dopiero później porządkuj komentarze i stare odnośniki redakcyjne.

Pierwszy błąd do usunięcia to nieoznaczone linki komercyjne, bo dotyczą zasad wyszukiwarki i zwykle występują seryjnie w rankingach, tabelach oraz przyciskach afiliacyjnych. Zaraz po nich sprawdź linki otwierane w nowej karcie. Nie poprawiaj jednak pojedynczych wpisów, dopóki nie ustalisz, czy wadliwego kodu nie generuje motyw lub wtyczka — inaczej ten sam problem wróci przy następnym zapisie artykułu.