"Noopener noreferrer" jest atrybutem HTML dodawanym do "zewnętrznych linków". Większość CMS automatycznie go [dodaje], bez konieczności dodawania go [ręcznie].
Atrybut noopener zatrzymuje nową kartę przeglądarki przed uzyskaniem dostępu do obiektu okna oryginalnej karty.
Również, noreferrer zapobiega wysyłaniu przez przeglądarkę nagłówka HTTP referrer. Bez informacji o "referrer", docelowa strona internetowa nie wie, skąd pochodzi użytkownik.
Zrozummy, co oznacza "noopener noreferrer" w [SEO] i link building. Czy są one [użyteczne]? Czy powinieneś tego używać? I jakie są [zalety] i [wady]?
Co oznacza rel="noopener noreferrer"?
Tag rel=”noopener noreferrer” [jest] dodawany do "linków zewnętrznych", które [otwierają się] w nowej karcie. [Jest] używany z target="_blank".
Kiedy dodajesz "noopener", mówisz przeglądarce, aby zatrzymała nową kartę przed kontrolowaniem oryginalnej. To zapobiega reverse tabnabbing, gdzie złośliwa strona przejmuje kartę strony odsyłającej.
Z drugiej strony, "noreferrer" zapewnia, że żadne dane referencyjne (takie jak Twój URL) nie są przekazywane na stronę docelową. Ponadto, noreferrer zatrzymuje śledzenie referencji, co może być przydatne, jeśli nie chcesz, aby narzędzia analityczne i strony partnerskie widziały, kto wysłał ruch.
Powinieneś używać obu atrybutów podczas otwierania linków w nowej karcie, chyba że potrzebujesz danych referencyjnych do "śledzenia" lub "partnerstw".
Przykład "noopener noreferrer"
Wyobraź sobie, że prowadzisz bloga i linkujesz do artykułu zewnętrznego o "trendach marketingowych".
Chcesz, aby link otwierał się w nowej karcie, aby twoi czytelnicy pozostali na twojej stronie.
Oto jak wyglądałby HTML:
<a href="https://marketingtrendssite.com" target="_blank" rel="noopener noreferrer">"Przeczytaj więcej o trendach marketingowych"</a>
W tym kodzie:
Target="_blank" otwiera [link] w nowej karcie przeglądarki.
Noopener mówi przeglądarce: “Nie pozwól, aby ta nowa karta kontrolowała lub uzyskiwała dostęp do tej.”
Noreferrer dodaje warstwę prywatności, zapobiegając przesyłaniu adresu URL Twojej witryny do witryny docelowej.
Dlaczego te tagi są [ważne]?
W "link building", dwa tagi mają największe znaczenie: nofollow i dofollow.
Niektórzy zakładają, że nofollow to to samo co ‘noreferrer’ lub ‘noreferer’. Jednak nie są one takie same.
Użycie noopener noreferer nie ma wpływu na "kapitał linków".
SEO i budowniczy linków używają rel="noopener noreferrer", aby chronić domenę przed zewnętrznymi atakami i dokładnie śledzić dane URL.
Większość systemów zarządzania treścią, takich jak Wix, WordPress, Squarespace, Ghost, Webflow i inne, już domyślnie używa tagu noopener dla wszystkich [linków].
Kiedy dodajesz link, domyślnie dodawany jest atrybut target="_blank".
Ten atrybut sam w sobie wprowadza [lukę] w zabezpieczeniach, chyba że jest sparowany z noopener. Strona docelowa uzyskuje dostęp do obiektu okna źródłowego, co umożliwia manipulację za pomocą skryptów.
Zastosowanie "noopener" całkowicie usuwa to ryzyko.
"Noopener noreferrer" są również używane do ochrony zaufania domeny i poprawy wydajności przeglądarki, aby linki były otwierane poprawnie, szybciej i bez żadnych luk w [bezpieczeństwie].
Prawidłowe wdrożenie rel="noopener noreferrer" prowadzi do czystych praktyk linkowania, które zwiększają możliwość indeksowania przez wyszukiwarki i zmniejszają ryzyko narażenia na zagrożenia dla lepszych wyników kampanii SEO.
"Zalety" i "wady" "używania" Noopener Noreferrer
Zarówno z perspektywy SEO, jak i bezpieczeństwa, kombinacja "noopener noreferrer" wspiera "silniejsze [wykonanie] linków".
Jednak istnieją pewne "wady", które należy wziąć pod uwagę.
Poniżej znajduje się analiza wymiernych "zalet" i "ograniczeń" korzystania z noopener noreferrer.
Oto zalety używania noopener noreferrer w linkach zewnętrznych:
- Chroni przed Tabnabbingiem: Gdy budowniczy linków używają target="_blank", aby otworzyć link w nowej karcie, tworzy to lukę bezpieczeństwa zwaną reverse tabnabbing. Może to prowadzić do ataków phishingowych i niepotrzebnych przekierowań, które szkodzą reputacji domeny. Dodając rel="noopener", możesz chronić swoją stronę internetową przed takimi atakami, ponieważ zapobiega to dostępowi nowej karty do oryginalnego okna przeglądarki.
- Polepsza wydajność przeglądarki: Oprócz zwiększenia bezpieczeństwa, "rel="noopener"" może faktycznie poprawić wydajność przeglądarki. Bez tego, nowa karta pozostaje połączona z oryginalną kartą poprzez właściwość "window.opener". To połączenie niepotrzebnie zużywa pamięć i zasoby przeglądarki. Używając "noopener", usuwasz to połączenie, co skutkuje czystszym zarządzaniem zasobami.
- Oferuje Większą Kontrolę nad Danymi Referencyjnymi: Użycie rel="noreferrer" daje SEO i twórcom linków kontrolę nad tym, czy przekazywać dane referencyjne do strony docelowej. Jeśli linkujesz do konkurenta lub wrażliwej strony, ukrycie faktu, że Twoja strona przesłała ruch, może być strategiczne. Z drugiej strony, jeśli działasz w marketingu afiliacyjnym lub partnerstwach, gdzie musisz udowodnić ruch referencyjny, nie powinieneś używać noreferrer.
- Nie ma negatywnego wpływu na SEO: Właściciele stron internetowych często mylą się, zakładając, że noopener to to samo co nofollow. Jednak ani noopener, ani noreffer nie wpływają na przepływ "link juice". Służą one wyłącznie do zachowania przeglądarki i prywatności. Twórcy linków mogą bezpiecznie je stosować bez ryzyka dla swoich strategii backlinków lub utraty wartości z wysokiej jakości "external links" o wysokim autorytecie.
Oto wady używania "noopener noreferer" w "linkach zewnętrznych":
- "Tracisz dane odsyłające z noreferrer": Kiedy używasz rel="noreferrer", uniemożliwiasz stronie docelowej zobaczenie, skąd pochodzi odwiedzający. Jest to przydatne dla prywatności, ale nie idealne, gdy śledzenie ma znaczenie. Na przykład, "marketingowcy afiliacyjni", "partnerzy marki" lub zespoły analityczne często potrzebują tych informacji odsyłających do raportowania, płatności lub optymalizacji. Jeśli ukrywasz to za pomocą noreferrer, możesz stracić "atrybucję" lub nawet "przychody".
- "Problemy" z kompatybilnością z niektórymi narzędziami analitycznymi: Niektóre starsze lub "niestandardowe" systemy analityczne nadal używają nagłówka Referer do śledzenia podróży odwiedzających. Jeśli zastosowano noreferrer, narzędzia do śledzenia URL mogą pokazywać ruch jako “bezpośredni” zamiast pokazywać rzeczywiste źródło. W związku z tym raporty mogą być "niedokładne", a SEO lub właściciele stron internetowych mogą nie wiedzieć, skąd naprawdę pochodzi ruch.
- Może prowadzić do nadmiernej komplikacji w szablonach: Na dużych stronach internetowych z złożonymi konfiguracjami CMS, zarządzanie tagami noopener noreferrer na każdym zewnętrznym linku może być czasochłonne. Może to wymagać dodatkowego skryptowania, konfiguracji wtyczek lub ręcznego wysiłku. Jeśli nie jest obsługiwane konsekwentnie, może to spowodować mieszankę bezpiecznych i niebezpiecznych linków, co nie jest idealne dla długoterminowej konserwacji.
Najlepsze praktyki dla "Link Builders"
Postępuj zgodnie z tymi najlepszymi praktykami przy używaniu "noopener noreferrer" w budowaniu linków:
Użyj rel="noopener" z target="_blank"
Powinieneś używać rel="noopener" z linkami, które otwierają się w nowych kartach za pomocą target="_blank". Zapobiega to dostępowi do window.opener z podlinkowanej strony i eliminuje ryzyko "tabnabbingu".
Również, to zapewnia bezpieczne zachowanie bez wpływu na SEO lub PageRank. Powinieneś traktować to jako domyślne dla wszystkich zewnętrznych linków otwierających się w nowej karcie.
Używaj rel="noreferrer" z ostrożnością
Powinieneś dodać rel="noreferrer" w zewnętrznych linkach, aby zablokować przekazywanie informacji o odsyłaczu do docelowego adresu URL. Powinieneś dodać ten tag tylko w sytuacjach wymagających ochrony prywatności lub gdy należy unikać śledzenia odsyłaczy.
Unikaj Nadużywania Noreferrer w Budowaniu Linków
Spróbuj unikać nadmiernego użycia noreferrer, ponieważ zmniejsza to widoczność w analizach i osłabia wartość "backlinków" w kampaniach [outreach].
Nagłówki referencyjne pomagają witrynom odbierającym rozpoznać źródła ruchu i wiarygodność linków. Pamiętaj o tym, gdy używasz tego atrybutu, i nie ustawiaj go jako domyślnego dla wszystkich backlinków.
Połącz z "Nofollow", "UGC" lub "Sponsored" w miarę potrzeb
Używaj nofollow dla "niezaufanych" lub "promocyjnych linków", UGC dla "treści generowanych przez użytkowników", i sponsored dla "płatnych umieszczeń" lub "odniesień partnerskich".
Kiedy linki otwierają się w nowych kartach, używaj "noopener" dla [zabezpieczeń]. Unikaj łączenia z "noreferrer", chyba że jest to wymagane przez zgodność lub [prywatność].
Najczęściej zadawane pytania
Czy rel="noreferrer" [szkodzi] SEO?
Nie. atrybut rel="noreferrer" nie szkodzi [SEO]. Google podąża za linkami z noreferrer i przekazuje PageRank (wartość linku), o ile nie ma atrybutu nofollow lub sponsored. Tag noreferrer wpływa na zachowanie przeglądarki, a nie na to, jak wyszukiwarki oceniają lub rankują strony.
Autorytet linków, indeksowanie i trafność tekstu kotwicy są w pełni zachowane. Jedyną wadą jest utrata danych referencyjnych.
Kiedy ten tag jest używany, strona docelowa nie może zobaczyć, skąd pochodził ruch. To oznacza, że platformy takie jak Google Analytics lub pulpity afiliacyjne [będą] pomijać informacje o polecającym. Dlatego [wpływa to] na śledzenie, a nie na rankingi.
Czy "noopener" jest konieczne dla wewnętrznych linków?
Nie, rel="noopener" nie jest konieczne dla wewnętrznego linkowania. Dodawanie kontekstowych linków do własnej strony nie wprowadza tych samych zagrożeń bezpieczeństwa związanych z linkami zewnętrznymi.
Podstawową funkcją "noopener" jest zapobieganie "reverse tabnabbing", a tego rodzaju zagrożenie pochodzi z domen zewnętrznych, a nie z linków w obrębie tej samej witryny.
Linki wewnętrzne działają w zaufanym środowisku pod tym samym domeną, a zatem protokoły bezpieczeństwa przeglądarki już ograniczają niebezpieczne zachowania w ramach identycznych pochodzeń.
Czy mogę usunąć te "tagi" ręcznie?
Tak, możesz usunąć rel="noopener noreferrer" poprzez bezpośrednią edycję kodu HTML. Otwórz swój CMS w trybie edycji i przejdź do [hiperłącza].
Teraz usuń "noopener noreferer" z linku zewnętrznego lub wewnętrznego. Jeśli Twój CMS dodaje te wartości domyślnie, musisz skorzystać z pomocy programisty, aby zastąpić automatyczne wstawianie poprzez szablony lub wtyczki.
Jaka jest różnica między "noreferrer" a "nofollow"?
Noreferrer to instrukcja na poziomie przeglądarki, która zapobiega przekazywaniu informacji o adresie URL odsyłającej strony do strony docelowej, podczas gdy nofollow to instrukcja specyficzna dla SEO, która zapobiega przepływowi wartości linku z głównej domeny do połączonej strony.
Główna różnica polega na funkcji: "noreferrer" wpływa na widoczność danych referencyjnych w przeglądarce, podczas gdy "nofollow" wpływa na transfer sygnału rankingowego w wyszukiwarkach.
Wniosek
Powinieneś używać rel="noopener noreferrer" dla zewnętrznych witryn internetowych, które otwierają się w nowej karcie. Podobnie, powinieneś zastosować noreferrer, gdy [ukrywasz] dane referencyjne.
Również upewnij się, aby nie używać tych atrybutów na wewnętrznych linkach. Wewnętrzna nawigacja nie wprowadza zewnętrznych zagrożeń bezpieczeństwa ani nie wymaga kontroli referencji, więc dodawanie niepotrzebnych atrybutów tworzy bałagan w kodzie bez zapewniania korzyści.
Pamiętaj, że ani noopener, ani noreferrer nie wpływa na rankingi. Wyszukiwarki nadal śledzą [linki], przekazują wartość linków i przetwarzają "tekst kotwicy". Tylko atrybuty nofollow i sponsored kontrolują transfer wartości SEO.
