Czym jest atrybut linku rel="noreferrer"?

Atrybut rel="noreferrer" to jedna z wartości atrybutu rel, używana w odnośnikach HTML (<a>). Jego główną funkcją jest zapobieganie przesyłaniu informacji o stronie odsyłającej (referer) do strony docelowej. Gdy użytkownik kliknie link z tym atrybutem, przeglądarka nie przesyła informacji o źródle odwiedzin do serwera, na którym znajduje się strona docelowa.

W praktyce oznacza to, że właściciel strony, na którą prowadzi link, nie będzie wiedział, z której witryny użytkownik został przekierowany. Jest to przydatne w kontekście ochrony prywatności oraz unikania ujawniania wrażliwych informacji, takich jak struktura adresów URL na stronie źródłowej.

Atrybut rel="noreferrer" często używany jest w połączeniu z target="_blank", który otwiera link w nowej karcie. Oprócz ochrony prywatności dodatkowo poprawia bezpieczeństwo, eliminując potencjalne ryzyko manipulacji przez nowo otwarte okno.

Przykładowa składnia w HTML

Dodanie atrybutu rel="noreferrer" do odnośnika jest proste. Oto kilka przykładów:

href="https://przyklad.com" target="_blank" rel="noreferrer">Przykładowy link
href="https://przyklad.com" target="_blank" rel="noopener noreferrer">Link z dodatkowymi zabezpieczeniami
href="https://przyklad.com" rel="noreferrer">Bezpieczny link bez informacji o źródle

W powyższych przykładach:

• href — wskazuje adres URL, do którego prowadzi link.
• target="_blank" — otwiera link w nowej karcie przeglądarki.
• rel="noreferrer" — zapobiega przesyłaniu informacji o stronie odsyłającej.
• noopener — dodatkowo blokuje dostęp do oryginalnego okna z nowo otwartego okna.

Jak można używać atrybutu rel="noreferrer"?

Atrybut rel="noreferrer" może być stosowany w różnych sytuacjach, w zależności od potrzeb ochrony prywatności i bezpieczeństwa. Oto najczęstsze zastosowania:

• Linki do zewnętrznych stron: Użycie rel="noreferrer" pozwala ukryć, skąd użytkownik został przekierowany, co jest przydatne w przypadku linkowania do witryn zewnętrznych.
• Linki w treściach generowanych przez użytkowników: Gdy użytkownicy mogą dodawać linki (np. w komentarzach), rel="noreferrer" zapewnia dodatkową warstwę ochrony.
• Ochrona wrażliwych danych: Jeśli adresy URL na stronie zawierają poufne informacje (np. parametry związane z sesjami lub identyfikatory użytkowników), warto stosować rel="noreferrer", aby zapobiec ich ujawnieniu.
• Kampanie marketingowe: W kampaniach reklamowych, gdzie ważne jest zachowanie anonimowości źródła ruchu.

Stosowanie tego atrybutu pomaga zarówno w ochronie prywatności użytkowników, jak i w zabezpieczaniu wrażliwych danych przed nieautoryzowanym dostępem.

Czy atrybut rel="noreferrer" wpływa na SEO?

Atrybut rel="noreferrer" nie ma bezpośredniego wpływu na SEO, ponieważ jego głównym celem jest ochrona prywatności i bezpieczeństwa, a nie kontrolowanie wartości linków. Oto kilka szczegółów dotyczących jego wpływu na SEO:

• Brak przesyłania referera: Strona docelowa nie otrzymuje informacji o źródle ruchu, co może utrudnić analizę kampanii marketingowych opartych na odnośnikach.
• Brak wpływu na link juice: rel="noreferrer" nie blokuje przekazywania wartości SEO (tzw. link juice). Wyszukiwarki nadal mogą uznawać taki link za wartościowy, jeśli nie zawiera innych atrybutów, takich jak nofollow.
• Większe bezpieczeństwo: Chroniąc użytkowników przed potencjalnymi zagrożeniami, zwiększa wiarygodność witryny, co może pośrednio wpłynąć na ocenę strony przez wyszukiwarki.

Podsumowując, rel="noreferrer" nie wpływa na ranking w wyszukiwarkach, ale warto go stosować jako element strategii poprawiającej bezpieczeństwo witryny.

Jak ustawić atrybut rel="noreferrer" w WordPress?

Dodanie atrybutu rel="noreferrer" w WordPress można wykonać ręcznie lub za pomocą wtyczek. Poniżej przedstawiam obie metody:

1. Ręczne dodawanie atrybutu rel="noreferrer"

Aby dodać atrybut ręcznie, wykonaj następujące kroki:

• Otwórz edytor wpisów lub stron w WordPress.
• Dodaj link w edytorze wizualnym lub blokowym.
• Przełącz na widok kodu HTML („Edytor kodu”).
• Dodaj atrybut rel="noreferrer" do linku, np.:

  href="https://przyklad.com" target="_blank" rel="noreferrer">Bezpieczny link

2. Korzystanie z wtyczek

Jeśli zarządzasz dużą liczbą linków, możesz skorzystać z wtyczek, które automatyzują proces dodawania rel="noreferrer". Oto kilka popularnych opcji:

• WP External Links: Wtyczka ta pozwala automatycznie dodawać atrybut rel="noreferrer" do wszystkich linków wychodzących otwieranych w nowej karcie.
• Yoast SEO: Popularna wtyczka SEO, która oferuje zaawansowane opcje zarządzania linkami, w tym atrybutami rel.
• All in One SEO: Alternatywa dla Yoast, umożliwiająca łatwe konfigurowanie atrybutów dla linków wychodzących.

Dzięki tym narzędziom można skutecznie zarządzać linkami i zapewnić bezpieczeństwo użytkownikom witryny.

Pozostałe atrybuty linków:

dofollow nofollow noopener noreferrer sponsored ugc