Co to jest Rel = „Noopener” i jak go używać z WordPress?

Budując i utrzymując strony internetowe, zawsze musimy brać pod uwagę bezpieczeństwo stron pod naszą opieką. Blogi szczególnie wymagają dodatkowego poziomu opieki, biorąc pod uwagę liczbę linków, które zwykle mają. Dbanie o linki zewnętrzne obejmuje różne zadania, aby zawsze mieć pewność, że są one zoptymalizowane. Jednym z narzędzi, które pomagają nadzorować bezpieczeństwo Twoich linków zewnętrznych, jest atrybut HTML rel=”noopener”. To prosta rzecz, ale może zdziałać cuda dla bezpieczeństwa witryny.

W tym poście przyjrzymy się, czym dokładnie jest link noopener i jak używać atrybutu rel="noopener" w WordPressie.

Co to jest atrybut Rel = „Noopener”?

Mówiąc najprościej, atrybut rel=”noopener” jest dodawany do linku, który otwiera się w nowej karcie/oknie. Po dodaniu linku w WordPressie możesz wybrać, czy link będzie się otwierał w tym samym oknie, czy w innym. Po wybraniu opcji otwarcia w innym oknie WordPress automatycznie dodaje atrybut rel="noopener" do kodu HTML wraz ze zwykłym atrybutem target="_blank".

Jaki jest cel dodawania atrybutu rel="noopener" do linków otwieranych w nowym oknie? Przede wszystkim, jeśli chodzi o wrażenia użytkownika i dane o odwiedzających, fajnie jest mieć otwarte linki zewnętrzne w nowych kartach, w ten sposób nie opuszczają one całkowicie Twojej witryny.

Ale głównym powodem istnienia tego atrybutu jest bezpieczeństwo.

Odwrotne tabnabbing

Atrybut rel="noopener" chroni witryny przed złośliwymi intencjami, w szczególności przed atakiem phishingowym zwanym odwrotnym tabnabbingiem.

Odwrotne tabnabbing ma miejsce, gdy złośliwa witryna używa funkcji window.opener.location.assign() do zastąpienia prawdziwej strony fałszywą. Działa to tak: strona, na której dodawane są linki, zwana stroną nadrzędną, prowadzi do stron podrzędnych za pośrednictwem tych linków. Złośliwa strona podrzędna dołącza się następnie do strony nadrzędnej za pomocą funkcji window.opener.location.assign() i naśladuje oryginalną witrynę fałszywą.

Jeśli naśladowana witryna ma widżet logowania, a użytkownik wprowadzi swoje informacje, wszystkie te informacje zostaną skradzione przez złośliwą stronę podrzędną. Atrybut rel="noopener" chroni stronę nadrzędną przed atakami ze złych zamiarów poprzez odwrotne tabnabbing na stronach podrzędnych.

A co z Noreferrerem?

Atrybut rel="noopener" działa w większości przeglądarek z wyjątkiem Firefoksa i innych starszych przeglądarek. Gdy WordPress doda do linków atrybut rel="noopener" jako domyślny, powinieneś dodać obok niego atrybut rel="noreferrer". Jeśli zaktualizowałeś WordPressa do najnowszej wersji, oba atrybuty są automatycznie dodawane do Twoich linków.

Atrybut rel="noreferrer" poinformuje przeglądarkę, aby nie zbierała informacji o referrer ze strony głównej wysyłającej linki.

Tak powinny wyglądać Twoje linki:

 <a href="https://www.example.com" rel="noopener noreferrer" target="_blank">przykładowy tekst kotwicy</a>

W jaki sposób link Noopener jest powiązany z linkami Dofollow i Nofollow?

Powszechnie uważa się, że linki z atrybutem rel=”noopener” są powiązane z linkami dofollow i nofollow, podczas gdy w rzeczywistości tak nie jest. Różnica polega na tym, że linki noopener i noreferrer są przeznaczone do celów bezpieczeństwa, podczas gdy linki dofollow i nofollow dotyczą bardziej pozycji strony i SEO.

Na przykład link z atrybutem rel=noopener może mieć postać dofollow lub nofollow. Ten wybór należy do Ciebie. W rzeczywistości jakiś czas temu opublikowaliśmy na ten temat szczegółowy artykuł, który zdecydowanie powinieneś sprawdzić.

Wszystkie dodane linki są automatycznie przypisywane jako następujące (dofollow) linki. Aby upewnić się, że są one nofollow, Twoje linki powinny wyglądać tak:

 <a href="https://www.example.com" rel="noopener noreferrer nofollow" target="_blank">przykładowy tekst kotwicy</a>

Czy link Noopener wpływa na SEO?

To mit, że link z atrybutem rel=”noopener” może wpływać na SEO. Korzystanie z linków noopener i noreferrer w ogóle nie wpłynie na SEO. Dofollow i podążaj za linkami mają jednak wpływ na SEO!

Po prostu zapamiętaj to tak:

• noopener i noreferrer: dotyczą bezpieczeństwa
• nofollow i dofollow: dotyczą SEO i domain authority

Kiedy warto używać atrybutu Rel=”Noopener”?

Powinieneś za każdym razem używać atrybutu rel="noopener" na wszystkich swoich linkach. Nic dziwnego, że WordPress dodaje teraz domyślnie atrybut rel="noopener". Bezpieczeństwo jest niezwykle ważne dla wszelkiego rodzaju witryn, od blogów przez eCommerce po witryny pełne linków afiliacyjnych.

W niektórych przypadkach możesz chcieć cofnąć domyślną funkcję dodawania atrybutów rel="noopener" i rel="noreferral". Nie sugerujemy jednak, żebyś to robił. Może otworzyć Twoją witrynę na zagrożenia bezpieczeństwa.

A co z Twoimi linkami afiliacyjnymi?

Jeśli martwisz się, w jaki sposób atrybuty rel="noopener" i rel="noreferer" wpłyną na Twoje linki partnerskie, nie musisz tego robić. Większość linków afiliacyjnych będzie miała Twój identyfikator partnera w samym adresie URL, więc nie ma potrzeby wysyłania żadnych informacji o skierowaniu do stowarzyszonych stron podrzędnych za pośrednictwem Twoich linków. W rzeczywistości dodanie atrybutów rel="noopener" i rel="noferrer" do linków afiliacyjnych powinno być powszechną praktyką. Nie zawsze możesz być pewien bezpieczeństwa witryn, za które ręczysz.

Porada dotycząca linków afiliacyjnych: Zawsze zamieszczaj linki do witryn, co do których możesz mieć pewność, że są bezpieczne. Nie zamieszczaj linków do miliona witryn, które oferują dochody afiliacyjne ze wszystkiego, co sprzedają. Twoi obserwatorzy będą chcieli kliknąć Twoje linki partnerskie, jeśli będziesz szczery o produktach. Co więcej, jeśli faktycznie przeglądasz produkty, a nie tylko wypełniasz swoją witrynę linkami.

W tym artykule znajdziesz wiele świetnych programów partnerskich WordPress, za które ręczymy.

Ostatnie przemyślenia na temat atrybutu Rel = „Noopener”

W tym poście przyjrzeliśmy się celowi atrybutu rel="noopener" i towarzyszącego mu atrybutu rel="noreferrer". Przyjrzeliśmy się, jaki jest ich cel i jak nowa aktualizacja WordPressa dodaje je teraz jako domyślne do wszystkich linków. Niemniej jednak zawsze powinieneś dokładnie sprawdzić, czy robi to Twój WordPress. Przyjrzeliśmy się również, w jaki sposób linki noopener są powiązane z linkami dofollow i nofollow i czym się różnią.

Pamiętaj, że atrybut rel="noopener" istnieje po to, aby Twoja witryna była bezpieczna i zawsze powinieneś z niego korzystać. Nie wpłynie to na SEO ani linki partnerskie. Mamy nadzieję, że ten artykuł pomógł Ci lepiej to wszystko zrozumieć i dlaczego ważne jest, aby umieszczać atrybut linków we wszystkich treściach.

Daj nam znać swoje przemyślenia w komentarzach, czy kiedykolwiek byłeś ofiarą odwrotnego tabnabbingu? Czy zawsze używasz atrybutu rel="noopener"?

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