Ce înseamnă eticheta rel=”noopener noreferrer”? (& Afectează SEO?)

A avea grijă de securitatea site-ului dvs. este unul dintre cele mai importante aspecte ale deținerii unui site. S-ar putea să înțelegeți importanța de a avea HTTPS în prefixul URL sau de ce aveți nevoie de un certificat SSL. Dar știți ce înseamnă atributele etichetei HTML noopener noreferrer și când ar trebui să le utilizați?

În acest articol, vom trece peste ce înseamnă rel=”noopener noreferrer” , când ar trebui utilizat și cum vă afectează site-ul din perspectiva SEO. Să sărim direct în ea.

Ce este rel=”noopener noreferrer”?

Atributele HTML rel="noopener noreferrer" apar în hyperlinkurile externe. Mai exact, utilizarea atât a atributelor noopener , cât și a atributelor noreferrer previne:

• ținta linkului se încarcă în aceeași filă în care a fost făcut clic pe link
• backlink-ul să nu apară ca trafic de recomandare în analiza site-ului de destinație

Iată cum arată atributele etichetei în acțiune:

<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">

WordPress adaugă automat aceste atribute la linkurile externe pe care le-ați setat să se deschidă într-o fereastră nouă. Să le defalcăm și să vedem ce face fiecare atribut.

noopener

Dacă doriți să împiedicați un link extern să preia controlul asupra ferestrei de browser de origine a utilizatorului dvs., veți dori să adăugați un atribut noopener . Potrivit MDN,

„[ noopener ] instruiește browserul să navigheze la resursa țintă fără a acorda noului context de navigare acces la documentul care a deschis-o. […] Acest lucru este util mai ales atunci când deschideți linkuri neîncrezătoare, pentru a vă asigura că nu pot modifica documentul de origine…”

Pe scurt, noopener este în mare măsură o măsură de securitate pentru a preveni accesul legăturilor rău intenționate la browserul unui utilizator (un atac de tip phishing cunoscut sub numele de tabnabbing). În trecut, lăsând target="_blank" singur în linkul dvs. a deschis această vulnerabilitate de securitate. Acum, ori de câte ori aveți un link extern setat să se deschidă într-o nouă fereastră de browser folosind target="_blank” , majoritatea motoarelor de căutare și experților SEO consideră că este cea mai bună practică să folosiți noopener alături de acesta.

(Conform Mozilla Developer Network (MDN), target=”_blank” atributul „acum oferă implicit același comportament <rel>” ca noopener . Considerăm că încă merită să fim de două ori în siguranță și să includem noopener, deoarece nu toți utilizatorii fac clic pe linkuri în cele mai actualizate și mai sigure browsere.)

noreferrer

În esență, noreferrer împiedică site-urile externe să știe că ați inclus link-uri către materialul lor pe site-ul dvs. web. Acest lucru ar putea fi important pentru dvs. din motive de confidențialitate sau securitate. Una peste alta, acest atribut special este unul la care ai dori să te gândești înainte de a-l aplica link-urilor tale. Folosirea acestuia depinde într-adevăr de preferințele dvs.

Atributul noreferrer maschează linkurile dvs. de recomandare în analiza destinației. Protejează informațiile site-ului dvs. de a fi transferate pe site-ul web în care navighează utilizatorii dvs. Ca rezultat, acest lucru face ca linkurile să apară ca trafic direct în Google Analytics, mai degrabă decât trafic de recomandare din domeniul dvs. specific.

Dacă cineva navighează la site-ul dvs. utilizând un link care nu include noreferrer , atunci veți putea vedea site-ul său afișat în linkul dvs. de trafic de recomandare din tabloul de bord Analytics. Dar dacă linkul include noreferrer , acesta va apărea în traficul Direct. Puteți găsi aceste listări în Google Analytics sub Achiziție > Tot traficul > Canale și achiziție > Tot traficul > Recomandări .

Va trece în continuare „link juice” pentru SEO, dar nu și date referitoare la inițiator. Dacă nu sunteți interesat să transmiteți acel impuls SEO, nofollow va fi o etichetă suplimentară pe care doriți să o adăugați.

Folosind cu rel="nofollow"

Adăugarea atributului nofollow la un link care include rel=”noopener noreferrer” vă permite să creați linkuri către alte site-uri web fără să pară să le aprobați conținutul sau perspectiva. Google spune că acest atribut ar trebui folosit „pentru cazurile în care doriți să faceți un link către o pagină, dar nu doriți să implicați niciun tip de aprobare, inclusiv transmiterea creditului de clasare către o altă pagină”.

Practic, nofollow îi spune Google că nu vrei să te perceapă ca susținând un anumit site doar pentru că faci linkuri către acesta. Există o serie de atribute de link similare care ajută Google să înțeleagă intenția din spatele unui link, inclusiv atribute pentru etichetarea conținutului sponsorizat și generat de utilizatori (dintre care multe pot fi adăugate prin marcarea Schema).

Pe scurt, adăugarea tuturor celor trei atribute — noopener , noreferrer și nofollow — la un link îi spune Google că sunteți:

• Doriți să vă protejați utilizatorii site-ului de legături externe potențial rău intenționate ( noopener )
• Nu doriți să apară în datele de analiză ale unui site web ca trafic recomandat ( noreferrer )
• Nu dorești să aprobi conținutul sau creatorul la care faci link ( nofollow )

Atributul nofollow pare destul de specific, așa că probabil că doriți să îl utilizați doar de la caz la caz și nu ca o regulă generală. Multe bloguri își setează secțiunile de comentarii la nofollow pentru a evita spamul de comentarii de la roboți și de la persoane care nu contribuie la conversație.

Când să folosiți „noopener noreferrer”

Vrei ca site-ul tău web să fie cât mai sigur posibil pentru vizitatorii tăi. Pentru că doriți să construiți și să utilizați o strategie puternică de backlink, nu veți folosi rel=”noopener noreferrer” tot timpul. De exemplu, ar trebui să evitați să îl utilizați atunci când faceți linkuri către pagini interne din site-ul dvs.

Folosind rel="noopener noreferrer” îi spune Google că vă pasă de securitatea linkurilor. Și nu doriți ca anumite site-uri să vă recunoască site-ul ca referință.

Impactul general al „noopener noreferrer” asupra SEO

Când utilizați atributele rel="noopener noreferrer" în link-urile externe, acest lucru nu ar trebui să aibă un efect negativ direct asupra strategiei dvs. de backlink SEO. Niciunul dintre atributele nu va face ca clasarea dvs. tehnică SEO să fie lovită. De fapt, utilizarea noopener alături de target="_blank" va oferi un SEO mai bun pe pagină, deoarece utilizatorii vor rămâne pe site-ul dvs., chiar dacă navighează la altul.

Cu toate acestea, noreferrer va împiedica Google să poată recunoaște când conectați la site-urile altora. Și, alți proprietari de site-uri web nu vor putea vedea când creați linkuri către ei.

Asta înseamnă că eliminați posibilitatea unor legături reciproce. La urma urmei, dacă nu le oferiți proprietarilor de site-uri opțiunea de a vă vedea traficul de recomandare atunci când își parcurg analizele, ei nu pot ști că este de la dvs.

Backlinkurile către site-ul dvs. din altă parte nu sunt garantate. Totuși, nu strica să faci cât de mult poți pentru a te conecta cu site-uri și conținut pe care îl iubești. În general, totuși, folosirea rel="noopener noreferrer" în link-urile externe nu va cauza niciun rău. Doar asigurați-vă că nu le utilizați în paginile proprii ale site-ului web atunci când utilizați link-uri interne. Acest lucru ar putea cauza probleme în analiza propriei site-uri și cu Googlebot care vă accesează cu crawlere și indexează structura site-ului.

Concluzie

Acum că știți cum să utilizați rel="noopener noreferrer" pe site-ul dvs. web, este timpul să vă planificați în consecință. Dacă este necesar, luați în considerare crearea unei foi de calcul cu link-urile externe pe care le includeți pe site-ul dvs. De asemenea, urmăriți pagina pe care se află și atributele pe care le-ați aplicat acestora. Acest lucru poate fi util pentru referință rapidă în cazul în care trebuie să faceți modificări viitoare.

Folosiți rel="noopener noreferrer" în hyperlink-urile dvs.? De ce sau de ce nu? Lasă-ne un comentariu și spune-ne ce crezi.

Imagine prezentată prin Sammby / shutterstock.com