Ce este rel="noopener" în WordPress? (Explicat)

Am avut odată un client al cărui vizitatori de pe site erau redirecționați către site-uri web dubioase după ce au făcut clic pe linkuri externe. Problema a fost o mică bucată de cod lipsă care a creat o breșă majoră de securitate.

Este un gând înfricoșător, dar această vulnerabilitate poate afecta orice site WordPress. Jargonul tehnic precum rel="noopener" poate părea confuz, lăsându-vă îngrijorat dacă site-ul dvs. este cu adevărat sigur pentru vizitatorii dvs.

Aici, la WPBeginner, am securizat mii de site-uri și am învățat că aceste detalii mici fac o diferență uriașă. Vom explica ce este rel="noopener" în termeni simpli și de ce este atât de important.

Să vedem cum acest mic atribut te protejează pe tine și pe utilizatorii tăi.

Ce este rel=”noopener” în WordPress?

Când adăugați linkuri pe site-ul dvs. WordPress, puteți utiliza atribute HTML pentru a controla ce se întâmplă atunci când faceți clic pe link.

De exemplu, atunci când creați un link, există un comutator care vă permite să-l deschideți într-o filă nouă.

Codul HTML generat de WordPress pentru acest link arată astfel:

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

Observați că au fost adăugate câteva atribute HTML la link: rel=\"noopener\" și rel=\"noreferrer\". Aceste atribute sunt adăugate pentru a rezolva o vulnerabilitate de securitate.

Când utilizați target="_blank" pentru a face un link să se deschidă într-o filă nouă, există ceva potențial neașteptat care se întâmplă în culise în mod implicit. Fila nouă primește de fapt un fel de conexiune înapoi la fila originală pe care tocmai ați fost.

Această conexiune este realizată printr-un mecanism din browserele web numit window.opener. Pagina din fila nouă poate accesa și chiar controla anumite proprietăți ale filei originale, cum ar fi modificarea adresei paginii (window.opener.location).

Acest lucru creează o vulnerabilitate de securitate.

Imaginați-vă că dați clic pe un link de pe un site web de încredere și acesta deschide o pagină malițioasă într-o filă nouă. Din cauza acestei conexiuni window.opener , acea pagină malițioasă ar putea schimba pagina de încredere originală pe care tocmai o vizualizați într-o pagină falsă de conectare (o înșelătorie de phishing), păcălindu-vă când reveniți la fila originală.

Atributul de link noopener este conceput pentru a preveni acest risc specific de securitate.

Când adăugați rel="noopener" la un link care se deschide într-o filă nouă, spuneți browserului să nu creeze acea conexiune window.opener între cele două file. Acest lucru vă protejează utilizatorii de escrocherii și tentative de phishing.

Cum afectează rel=”noopener” SEO-ul tău WordPress?

Nu o face.

Chiar dacă atributul rel="noopener" îmbunătățește securitatea site-ului dvs. WordPress, unii utilizatori evită să-l folosească deoarece cred că va afecta SEO-ul WordPress.

Dar acesta este doar un mit.

Nu are niciun impact asupra clasamentelor SEO ale site-ului dvs. sau asupra performanței generale WordPress.

Care este diferența dintre „noopener” și „nofollow”?

Este ușor să confunzi rel=\"noopener\" cu rel=\"nofollow\". Cu toate acestea, sunt atribute complet separate.

Atributul noopener împiedică site-ul dvs. să fie supus hacking-ului inter-site și îmbunătățește securitatea WordPress.

Pe de altă parte, atributul nofollow împiedică site-ul dvs. web să transmită sucul SEO linkului către site-ul conectat.

Motoarele de căutare caută și iau în considerare atributul nofollow atunci când urmăresc un link pe site-ul dvs. web. Cu toate acestea, ele nu acordă nicio considerație etichetei noopener.

Atributul nofollow spune motoarelor de căutare să nu transmită nicio autoritate SEO site-ului web către care faci legătura. În timp ce editorul de blocuri WordPress are un comutator încorporat pentru a adăuga nofollow la un link, un plugin este adesea necesar pentru un control mai avansat.

De exemplu, s-ar putea să doriți să aplicați automat eticheta nofollow tuturor linkurilor externe de pe site-ul dvs., ceea ce face ca un plugin SEO să devină esențial.

Pentru a afla mai multe, consultați articolul nostru despre cum să adăugați titlu și nofollow la linkurile din WordPress.

Afectează rel=”noreferrer” linkurile de afiliere în WordPress?

rel="noreferrer" nu afectează linkurile de afiliere în WordPress. Unii utilizatori cred că o face, deoarece rel="noreferrer" împiedică transmiterea informațiilor despre referent către noua filă.

Cu toate acestea, majoritatea programelor de afiliere vă oferă un URL unic care conține ID-ul dvs. de afiliat. Acest lucru înseamnă că ID-ul dvs. de afiliat este transmis ca un parametru URL pentru ca celălalt site web să îl urmărească.

În al doilea rând, majoritatea marketerilor afiliați folosesc un plugin de mascare a linkurilor pentru linkurile lor de afiliere.

Cu link cloaking, linkul de afiliat pe care utilizatorii dvs. îl accesează este de fapt propriul URL al site-ului dvs., care apoi redirecționează utilizatorii către URL-ul destinație.

Cum dezactivați rel=”noopener” în WordPress?

Nu este necesar să eliminați rel="noopener" din linkurile de pe site-ul dvs. Este bun pentru securitatea site-ului dvs. și nu are niciun impact asupra performanței sau SEO al site-ului dvs.

Cu toate acestea, dacă trebuie să îl eliminați, atunci va trebui să dezactivați editorul de blocuri Gutenberg în WordPress și să utilizați editorul clasic.

Asta se întâmplă deoarece dacă eliminați rel="noopener" din link manual, editorul de blocuri îl va adăuga automat înapoi pentru a vă menține site-ul web în siguranță.

Odată ce editorul de bloc este dezactivat, va trebui să adăugați un fragment de cod în fișierul functions.php al temei dvs. sau în pluginul WPCode (recomandat). Puteți afla cum să utilizați Pluginul gratuit WPCode în ghidul nostru despre cum să adăugați cu ușurință cod personalizat în WordPress.

Pur și simplu copiați următorul cod într-un nou fragment PHP:

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

Asigurați-vă că activați comutatorul „Activ” și apoi faceți clic pe butonul „Salvare fragment”.

Acest lucru va împiedica WordPress să adauge rel="noopener" la linkurile noi. De asemenea, va trebui să editați manual orice linkuri vechi pentru a elimina atributul.

Pentru și mai mult control asupra atributelor linkurilor dvs., recomandăm utilizarea pluginului All in One SEO (AIOSEO). AIOSEO vă permite să adăugați cu ușurință atribute precum nofollow sau sponsored direct în editorul WordPress, ajutându-vă să vă gestionați linkurile externe pentru cele mai bune practici SEO.

Întrebări frecvente despre rel=”noopener”

Iată răspunsuri la unele dintre cele mai frecvente întrebări pe care le primim despre atributul „noopener” în WordPress.

1. Care este scopul principal al utilizării rel=”noopener”?

Scopul principal al rel="noopener" este securitatea. Acesta împiedică o filă nouă să poată controla fila originală care a deschis-o, protejându-vă vizitatorii de escrocherii malițioase de phishing.

2. Este rel=”noopener” bun pentru SEO?

Atributul rel="noopener" nu are un impact direct, nici pozitiv, nici negativ, asupra SEO-ului site-ului dvs. web. Funcția sa este pur pentru securitate, iar motoarele de căutare nu îl folosesc ca factor de clasificare.

3. Ar trebui să elimin rel=”noopener” din linkurile mele?

Nu, nu există niciun motiv bun pentru a elimina rel="noopener". Acesta oferă un beneficiu important de securitate, fără efecte secundare negative asupra SEO sau performanței site-ului, deci este cel mai bine să îl lăsați în vigoare.

4. Adaugă WordPress automat rel=”noopener”?

Da, WordPress adaugă automat rel="noopener" la linkurile setate să se deschidă într-o filă nouă. Această caracteristică importantă de securitate a fost introdusă pentru prima dată în WordPress 4.7.4 și este o parte standard a editorului modern de blocuri.

Ghiduri experte despre utilizarea linkurilor în WordPress

Sperăm că acest articol v-a ajutat să aflați despre rel="noopener" în WordPress. S-ar putea să doriți să vedeți și alte ghiduri despre utilizarea linkurilor în WordPress:

• Ghid pentru începători despre cum să adaugi un link în WordPress
• Cum să deschizi linkurile externe într-o fereastră sau filă nouă cu WordPress
• Cum să adăugați linkuri Nofollow în WordPress (Ghid simplu pentru începători)
• Cum să adăugați titlu și NoFollow la fereastra pop-up de inserare link în WordPress
• Cum să aplicați Nofollow tuturor linkurilor externe în WordPress
• Cum să urmăriți clicurile pe linkuri și clicurile pe butoane în WordPress (mod ușor)
• Cum să urmăriți linkurile externe în WordPress
• Cum să schimbi culoarea linkului în WordPress (Ghid pentru începători)
• Link-uri interne pentru SEO: Ghidul complet al celor mai bune practici
• Cum să preîncărcați linkurile în WordPress pentru viteze de încărcare mai rapide
• Cum să găsiți și să reparați linkurile rupte în WordPress (Pas cu Pas)
• Cele mai bune plugin-uri de interconectare internă pentru WordPress (automat + manual)

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.