Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

Dodajesz link do treści WordPress i chcesz, aby otwierał się w nowej karcie. To dość proste. Ale czy zauważyłeś atrybut rel="noopener", który WordPress dodaje automatycznie?

Z naszego doświadczenia wynika, że ten mały fragment kodu odgrywa kluczową rolę w bezpieczeństwie witryny i wrażeniach użytkownika. Nie wpływa on jednak w żaden sposób na SEO.

Ten artykuł wyjaśni cel atrybutu rel="noopener", jak wpływa on na witrynę WordPress i dlaczego warto go mieć.

What Is rel="noopener" in WordPress? (Explained)

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.

Opening a Link in a New Tab

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;
}
Adding a Code Snippet Using WPCode

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.

AIOSEO Adds NoFollow and Title Attributes to the Insert Link Popup

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

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się więcej o rel="noopener" w WordPress. Możesz również zapoznać się z innymi przewodnikami na temat korzystania z linków w 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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

26 komentarzyZostaw odpowiedź

  1. Moinuddin Waheed

    This is very helpful guide for me as I have been teaching html and css to my students and this for have not talked about these two attributes. Most of the teachers only bother to tell target equals blank attribute for opening link in new tabs.
    The best part is that we have all these options at our end in wordpress as well.
    noopener is good for security reasons as it protects from cross site hacking.
    Thanks for this detailed tutorial.

    • WPBeginner Support

      Glad we could share this :)

      Administrator

  2. Oleg Bibik

    Great info, thanks. I now know the difference between noopener and nofollow.

    • WPBeginner Support

      Glad we could help clear that up :)

      Administrator

  3. April

    The noopener is also present with the WordPress Classic editor.

    • WPBeginner Support

      True, we cover the block editor as that is the default editor for WordPress.

      Administrator

  4. Maria

    Is that ok If i am using „noopener & Noreferrer” for interlinking?

    • WPBeginner Support

      You normally shouldn’t add that for internal links but you can if you would like.

      Administrator

  5. Navneet Kumar

    Can we say rel=”noopener no referrer ” provide dofollow backlink to external website?

    I mean if we receive this attribute then we received dofollow backlinks or nofollow backlinks?

    Thanks in advance

    • WPBeginner Support

      These attributes would not affect if a link is dofollow or nofollow, that would be determined if the link is nofollow or not.

      Administrator

  6. Nadya

    is it ok to use rel=”noopener noreferrer nofollow” in any position?

    like

    rel=”nofollow noopener noreferrer”
    rel=”noreferrer nofollow noopener”

    • WPBeginner Support

      You shouldn’t need to worry about the order :)

      Administrator

  7. Ryan

    Thank you for your article.

    I checked my website on web.dev, and I was confused what is noopener and noreferrer.

    After I put it to all of link with target=”_blank”, my best practice score went from <80 to 86.

    Thank you.

    • WPBeginner Support

      Glad our guide could help, don’t forget that sites with scores like that are mainly suggestions :)

      Administrator

  8. Jill

    Hello,

    What about the custom templates used in Wordpress? Should rel=”noopener” be used in the links in the custom posts templates? Especially, internal linking?

    • WPBeginner Support

      You would not need to worry about noopener in the links to the templates for your posts and custom post types.

      Administrator

  9. Graham

    does this affect Analytics? Yes or no?

    • WPBeginner Support

      noreferrer will prevent Google Analytics from tracking the site that the link came from.

      Administrator

  10. Lory

    Can we use noopener but remove noreferrer? Its driving me crazy messing up my analytics. Not only can I not see referral traffic, but I also cannot see which posts have done well over time since referral traffic now shows as direct traffic to my home page. If noopener is the important tag, why is noreferrer included with it? There has to be some way around this.

    • WPBeginner Support

      Unless I hear otherwise, we do not have a specific built-in method to set that up but there are plugins available if you are wanting to remove that from your links.

      Administrator

  11. Zol

    Hye WPbeginner Support, O/

    I don’t use plugin to cloak my affiliate links on my website and I just manually add rel=”nofollow” to affiliate links in html editor.

    My question..is this a good practice for SEO ?
    Should I cloak it?

    Thanks in advanced for your reply.. ;)

    • WPBeginner Support

      Hi Zol,

      It is good practice to cloak URLs. It allows you to better manage links, track your affiliate traffic, and makes your URLs look more understandable by both humans and machines.

      Administrator

  12. Shyam Mahanta

    My wordpress have ssl certificate (auto ssl from the hosting company) but why the secure lock icon doesn’t appear in the Url? It opens in https but shows connection is not secure. Help is really appreciated.

  13. Seleno

    Hello
    I have affiliate website and since wordpress addded noopener my earnings droped down,

    But i was not sure if it can cause this

    So noopener will never effect the affiliate links ?

    Usualy i’m removing it

    And it will not effect the seo or internal links ?
    Thanks

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.