Co oznacza tag rel="noopener noreferrer"? (i czy to wpływa na SEO?)

Dbanie o bezpieczeństwo na swojej stronie to jeden z najważniejszych aspektów bycia właścicielem witryny. Możesz zrozumieć, jak ważne jest posiadanie protokołu HTTPS w prefiksie adresu URL lub dlaczego potrzebujesz certyfikatu SSL. Ale czy wiesz, co oznaczają atrybuty tagów HTML noopener noreferrer i kiedy należy ich używać?

W tym artykule omówimy, co oznacza rel=”noopener noreferrer” , kiedy należy go używać i jak wpływa na Twoją witrynę z punktu widzenia SEO. Przejdźmy od razu do tego.

Co to jest rel=”noopener noreferrer”?

Atrybuty HTML rel="noopener noreferrer" pojawiają się w zewnętrznych hiperłączach. W szczególności użycie atrybutów noopener i noreferrer zapobiega:

• docelowe ładowanie linku w tej samej zakładce, w której link został kliknięty
• link zwrotny nie pojawiał się jako ruch odsyłający w analityce witryny docelowej

Tak wyglądają atrybuty tagów w akcji:

<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">

WordPress automatycznie dodaje te atrybuty do zewnętrznych linków, które ustawisz, aby otwierały się w nowym oknie. Podzielmy je i spójrzmy, co robi każdy atrybut.

noopener

Jeśli chcesz uniemożliwić zewnętrznemu linkowi przejęcie kontroli nad oknem przeglądarki, z którego pochodzi twój użytkownik, będziesz chciał dodać atrybut noopener . Według MDN

„[ noopener ] instruuje przeglądarkę, aby przeszła do zasobu docelowego bez przyznawania nowemu kontekstowi przeglądania dostępu do dokumentu, który go otworzył. […] Jest to szczególnie przydatne przy otwieraniu niezaufanych linków, aby upewnić się, że nie mogą manipulować przy źródłowym dokumencie…”

Krótko mówiąc, noopener jest w dużej mierze środkiem bezpieczeństwa, który uniemożliwia złośliwym linkom uzyskanie dostępu do przeglądarki użytkownika (atak phishingowy znany jako tabnabbing). W przeszłości pozostawienie samego target=”_blank” w linku otwierało tę lukę w zabezpieczeniach. Teraz, gdy masz ustawiony link zewnętrzny, który ma się otwierać w nowym oknie przeglądarki za pomocą target=”_blank” , większość wyszukiwarek i ekspertów SEO uważa za najlepszą praktykę używanie noopenera obok niego.

(Według Mozilla Developer Network (MDN), cel=”_blank” atrybut „teraz niejawnie zapewnia to samo zachowanie <rel>” co noopener . Uważamy, że nadal warto być podwójnie bezpiecznym i uwzględniać noopener, ponieważ nie wszyscy użytkownicy klikają linki w najbardziej aktualnych i bezpiecznych przeglądarkach.)

noreferrer

Zasadniczo noreferrer nie pozwala stronom zewnętrznym wiedzieć, że umieściłeś linki do ich materiałów w swojej witrynie. Może to być dla Ciebie ważne ze względu na prywatność lub bezpieczeństwo. Podsumowując, warto przemyśleć ten konkretny atrybut przed zastosowaniem go do linków. Korzystanie z niego naprawdę zależy od twoich preferencji.

Atrybut noreferrer maskuje Twoje linki polecające w analizie miejsca docelowego. Chroni informacje z Twojej witryny przed przeniesieniem do witryny, do której przechodzą Twoi użytkownicy. W rezultacie linki są wyświetlane jako ruch bezpośredni w Google Analytics, a nie ruch z witryn odsyłających z określonej domeny.

Jeśli ktoś przejdzie do Twojej witryny za pomocą linku, który nie zawiera elementu noreferrer , jego witryna będzie widoczna w linku Ruch z witryn odsyłających na pulpicie nawigacyjnym Analytics. Ale jeśli link zawiera noreferrer , pojawi się w ruchu bezpośrednim. Te wpisy można znaleźć w Google Analytics w sekcji Pozyskiwanie > Cały ruch > Kanały i pozyskiwanie > Cały ruch > Odesłania .

Nadal będzie przekazywał „sok linków” dla SEO, ale nie dane dotyczące twórcy. Jeśli nie jesteś zainteresowany przekazywaniem tego wzmocnienia SEO, nofollow będzie dodatkowym tagiem, który chcesz dodać.

Używanie z rel="nofollow"

Dodanie atrybutu nofollow do linku, który zawiera rel=”noopener noreferrer” pozwala na tworzenie linków do innych stron internetowych bez pozorów zatwierdzania ich treści lub perspektywy. Google twierdzi, że ten atrybut powinien być używany „w przypadkach, w których chcesz umieścić link do strony, ale nie chcesz sugerować żadnego rodzaju poparcia, w tym przekazywania wartości rankingowej innej stronie”.

Zasadniczo nofollow mówi Google, że nie chcesz, aby postrzegało Cię jako wspierającego konkretną witrynę tylko dlatego, że łączysz się z nią. Istnieje wiele podobnych atrybutów linków, które pomagają Google zrozumieć intencję linku, w tym atrybuty oznaczania treści sponsorowanych i generowanych przez użytkowników (wiele z nich można dodać za pomocą znaczników schematu).

Krótko mówiąc, dodanie wszystkich trzech atrybutów — noopener , noreferrer i nofollow — do linku informuje Google, że jesteś:

• Chęć ochrony użytkowników Twojej witryny przed potencjalnie złośliwymi linkami zewnętrznymi ( noopener )
• Niechęć do pojawiania się w danych analitycznych witryny jako ruch odesłany ( noreferrer )
• Niechęć do popierania treści lub twórcy, do którego prowadzisz link ( nofollow )

Atrybut nofollow wydaje się dość specyficzny, więc prawdopodobnie chcesz go używać tylko w indywidualnych przypadkach, a nie jako ogólną zasadę. Wiele blogów ustawia swoje sekcje komentarzy na nofollow , aby uniknąć spamu w komentarzach od botów i osób, które nie uczestniczą w rozmowie.

Kiedy używać „noopener noreferrer”

Chcesz, aby Twoja witryna była jak najbardziej bezpieczna dla odwiedzających. Ponieważ chcesz zbudować i wykorzystać silną strategię linków zwrotnych, nie będziesz cały czas używać rel=”noopener noreferrer” . Na przykład powinieneś unikać używania go podczas tworzenia linków do wewnętrznych stron w Twojej witrynie.

Użycie rel="noopener noreferrer" informuje Google, że zależy Ci na bezpieczeństwie linków. Nie chcesz też, aby niektóre witryny rozpoznawały Twoją witrynę jako odesłanie.

Ogólny wpływ „noopener noreferrer” na SEO

Kiedy używasz atrybutów rel=”noopener noreferrer” w linkach zewnętrznych, nie powinno to mieć bezpośredniego negatywnego wpływu na twoją strategię SEO. Żaden z tych atrybutów nie spowoduje, że Twój techniczny ranking SEO odniesie cios. W rzeczywistości użycie noopenera wraz z target=”_blank” zapewni lepsze SEO na stronie, ponieważ użytkownicy pozostaną w Twojej witrynie, nawet gdy przejdą do innej.

Jednak noreferrer uniemożliwi Google rozpoznanie, kiedy łączysz się z witrynami innych osób. Inni właściciele witryn nie będą mogli zobaczyć, kiedy tworzysz do nich link.

Oznacza to, że odcinasz możliwość wzajemnych powiązań. W końcu, jeśli nie dajesz właścicielom witryn opcji zobaczenia ruchu z witryn odsyłających podczas przeglądania swoich analiz, nie mogą oni wiedzieć, że pochodzi on od Ciebie.

Linki wsteczne do Twojej witryny z innego miejsca nie są gwarantowane. Mimo to nie zaszkodzi zrobić tyle, ile możesz, aby połączyć się z ulubionymi witrynami i treściami. Ogólnie rzecz biorąc, używanie rel="noopener noreferrer" w linkach zewnętrznych nie spowoduje żadnych szkód. Tylko upewnij się, że nie używasz ich na własnych stronach internetowych, gdy korzystasz z linków wewnętrznych. Może to spowodować problemy z analizą Twojej witryny oraz z przemierzaniem i indeksowaniem struktury witryny przez Googlebota.

Wniosek

Teraz, gdy już wiesz, jak używać rel="noopener noreferrer" na swojej stronie internetowej, nadszedł czas, aby odpowiednio zaplanować. W razie potrzeby rozważ utworzenie arkusza kalkulacyjnego z linkami zewnętrznymi, które umieszczasz w swojej witrynie. Śledź też stronę, na której się znajdują, i zastosowane do niej atrybuty. Może to być pomocne w szybkim dostępie na wypadek konieczności wprowadzenia przyszłych zmian.

Czy używasz rel=”noopener noreferrer” w swoich hiperłączach? Dlaczego lub dlaczego nie? Napisz do nas komentarz i daj nam znać, co myślisz.

Polecane zdjęcie za pośrednictwem Sammby / shutterstock.com