Co to jest rel=”noopener” w WordPress? (Wyjaśnione)

Czy zastanawiałeś się, co oznacza rel="noopener" w WordPress?

Po dodaniu odnośnika, który otwiera się w nowej karcie, WordPress automatycznie doda do niego atrybut rel="noopener".

W tym artykule wyjaśnimy, co oznacza rel="noopener" w WordPress i jaki ma to wpływ na twoją witrynę internetową.

Co to jest rel=”noopener” w WordPress?

Kiedy dodajesz odnośniki do twojej witryny internetowej WordPress, możesz użyć atrybutów HTML, aby kontrolować to, co dzieje się po kliknięciu odnośnika.

Na przykład podczas tworzenia odnośnika dostępny jest przełącznik umożliwiający otwarcie go w nowej karcie.

Kod HTML wygenerowany przez WordPress dla tego odnośnika wygląda następująco:

<a href="http://example.com" target="_blank" rel="noreferrer noopener">external link</a>

Powiadomienie, że do odnośnika zostały dodane atrybuty HTML: rel="noopener" i rel="noreferrer". Atrybuty te zostały dodane w celu wyeliminowania luki w zabezpieczeniach.

Problem polega na tym, że kod JavaScript może zostać użyty do umożliwienia nowej karcie przejęcia kontroli nad jej oknem odsyłającym. Jeśli odnośnik prowadzi do zewnętrznej witryny internetowej, która ma wpływ na złośliwy kod, wówczas witryna ta może użyć właściwości window.opener w JavaScript, aby zmienić oryginalną stronę internetową (na twojej witrynie WordPress) w celu kradzieży informacji i rozprzestrzeniania złośliwego kodu.

WordPress dodaje rel=” noopener", aby zapobiec wykorzystaniu tej funkcji JavaScript przez nową kartę. Podobnie atrybut rel=” noreferrer ” zapobiega przekazywaniu informacji o odsyłaczu do nowej karty.

Jak rel=”noopener” ma wpływ na twój WordPress SEO?

Tak nie jest.

Mimo że atrybut rel="noopener" poprawia zabezpieczenia twojej witryny WordPress, niektórzy użytkownicy unikają jego używania, ponieważ uważają, że wpłynie to na ich WordPress SEO.

Ale to tylko mit.

Nie ma to żadnego wpływu na rankingi SEO twojej witryny ani na ogólną wydajność WordPressa.

Jaka jest różnica między „noopener” i „nofollow”?

Łatwo jest pomylić rel="noopener" z rel="nofollow". Są to jednak całkowicie odrębne atrybuty.

Atrybut noopener chroni twoją witrynę internetową przed włamaniami cross-site i poprawia zabezpieczenia WordPressa.

Z drugiej strony, atrybut nofollow uniemożliwia twojej witrynie internetowej przekazywanie soku SEO do odnośnika.

Wyszukiwarki szukają i biorą pod uwagę atrybut nofollow, gdy podążają za odnośnikiem w twojej witrynie internetowej. Nie biorą jednak pod uwagę tagu noopener.

Domyślnie WordPress nie pozwala na dodanie nofollow do twoich odnośników zewnętrznych. Jeśli chcesz dodać nofollow w WordPressie, będziesz musiał użyć wtyczki.

Aby dowiedzieć się więcej, zobacz nasz artykuł o tym, jak dodać tytuł i nofollow do odnośników w WordPress.

Czy rel=”noreferrer” ma wpływ na odnośniki afiliacyjne w WordPress?

Rel= „noreferrer” nie ma wpływu na odnośniki afiliacyjne w WordPress. Niektórzy użytkownicy uważają, że tak, ponieważ rel=”noreferrer " zapobiega przekazywaniu informacji o odsyłaczu do nowej karty.

Jednak większość programów afiliacyjnych zapewnia unikatowy adres URL, który zawiera twój identyfikator afiliacyjny. Oznacza to, że twój identyfikator afiliacyjny jest przekazywany jako parametr adresu URL do śledzenia przez inną witrynę internetową.

Po drugie, większość marketerów afiliacyjnych używa wtyczki do link-cloakingu dla swoich odnośników afiliacyjnych.

Dzięki maskowaniu odnośników, link afiliacyjny, w który klikają użytkownicy, jest w rzeczywistości adresem URL twojej witryny internetowej, który następnie przekierowuje użytkowników do docelowego adresu URL.

Jak wyłączyć rel=”noopener” w WordPress?

Nie ma potrzeby usuwania rel="noopener" z odnośników na twojej witrynie internetowej. Jest to dobre dla zabezpieczenia twojej witryny internetowej i nie ma wpływu na jej wydajność ani SEO.

Jeśli jednak musisz go usuwać, to będziesz musiał wyłączyć edytor bloków Gutenberg w WordPress i korzystać z klasycznego edytora.

Dzieje się tak, ponieważ jeśli usuniesz rel="noopener" z odnośnika ręcznie, edytor bloków automatycznie doda go z powrotem, aby zapewnić bezpieczeństwo twojej witrynie internetowej.

Po wyłączeniu edytora bloków należy dodać fragment kodu do pliku functions. php twojego motywu lub do wtyczki WPCode (zalecane). Możesz dowiedzieć się, jak korzystać z darmowej wtyczki WPCode w naszym przewodniku na temat łatwego dodawania własnego kodu w WordPress.

Wystarczy skopiować poniższy kod do nowego fragmentu kodu PHP:

add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
    $mceInit['allow_unsafe_link_target']=true;
    return $mceInit;
}

Upewnij się, że włączasz przełącznik „Aktywny”, a następnie kliknij przycisk „Zapisz fragment kodu”.

Spowoduje to zatrzymanie dodawania przez WordPress rel="noopener ” do nowych odnośników. Będziesz także musiał ręcznie edytować wszystkie stare odnośniki, aby usuwać ten atrybut.

Chcesz mieć jeszcze większą kontrolę nad tym, które atrybuty rel są dodawane do twoich odnośników w WordPressie? Zalecamy korzystanie z wtyczki AIOSEO, ponieważ umożliwia ona dodawanie tytułu, nofollow i innych atrybutów odnośników bezpośrednio w edytorze WordPress.

Przewodniki ekspertów na temat korzystania z odnośników w WordPressie

Teraz, gdy już rozumiesz, co oznacza rel="noopener", możesz zapoznać się z naszymi innymi przewodnikami na temat korzystania z odnośników w WordPressie.

• Przewodnik dla początkujących, jak dodać odnośnik w WordPressie
• Jak otwierać odnośniki zewnętrzne w nowym oknie lub na karcie w WordPressie?
• Jak dodać odnośniki Nofollow w WordPress (Prosty przewodnik dla początkujących)
• Jak dodać tytuł i NoFollow do wstawionego odnośnika w WordPress?
• Jak usunąć wszystkie odnośniki zewnętrzne w WordPressie?
• Jak śledzić kliknięcia odnośników i przycisków w WordPress (prosty sposób)?
• Jak śledzić odnośniki wychodzące w WordPressie?
• Jak zmienić kolor odnośnika w WordPress (przewodnik dla początkujących)
• Wewnętrzny odnośnik dla SEO: Przewodnik po najlepszych praktykach
• Jak wstępnie wczytywać odnośniki w WordPressie, aby przyspieszyć ich ładowanie?
• Jak znaleźć i poprawić naprawione odnośniki w WordPress (krok po kroku)
• Najlepsze wtyczki do wewnętrznego odnośnika dla WordPress (automatyczne + ręczne)

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się więcej o rel="noopener" w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tego, jak uzyskać bezpłatną domenę e-mail lub naszymi eksperckimi typami najlepszych wtyczek i narzędzi SEO WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.