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 jaknofollow
. - 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.