Ce este Rel = ”Noopener” și cum îl folosești cu WordPress?

Atunci când construim și întreținem site-uri web, trebuie să luăm întotdeauna în considerare securitatea site-urilor aflate în grija noastră. Blogurile au nevoie în special de un nivel suplimentar de îngrijire, având în vedere numărul de outlink-uri pe care le au de obicei. Gestionarea outlink-urilor implică diferite sarcini pentru a vă asigura întotdeauna că sunt optimizate. Unul dintre instrumentele care ajută la supravegherea securității linkurilor dvs. externe este atributul HTML rel = „noopener”. Este un lucru simplu, dar poate face minuni pentru securitatea unui site.

În această postare, vom arunca o privire la ceea ce este exact un link noopener și la modul de utilizare a atributului rel = ”noopener” cu WordPress.

Care este atributul Rel = ”Noopener”?

Pur și simplu, atributul rel = ”noopener” este adăugat la un link care se deschide într-o nouă filă / fereastră. Când adăugați un link în WordPress, puteți alege dacă linkul se va deschide în aceeași fereastră sau într-una diferită. Când selectați să deschideți o altă fereastră, WordPress adaugă automat atributul rel = ”noopener” la HTML împreună cu atributul obișnuit, target = ”_ blank”.

Care este scopul adăugării atributului rel = ”noopener” la linkurile care se deschid într-o fereastră nouă? În primul rând, în ceea ce privește experiența utilizatorului și valorile vizitatorilor, este minunat să aveți linkuri externe deschise în file noi, astfel încât acestea să nu părăsească complet site-ul dvs.

Dar principalul motiv pentru care există acest atribut este pentru securitate.

Reverse Tabnabbing

Atributul rel = ”noopener” protejează site-urile de intenții rău intenționate, în special atacul de phishing numit tabnabbing invers.

Tabnabbingul invers este atunci când un site rău intenționat folosește window.opener.location.assign () pentru a înlocui o pagină reală cu una falsă. Funcționează astfel: pagina în care sunt adăugate linkurile, numită pagina părinte, duce la paginile copil prin linkurile menționate. Pagina copilului rău intenționat se atașează apoi la pagina părinte cu window.opener.location.assign () și mimează site-ul original cu unul fals.

Dacă site-ul mimat are un widget de conectare și utilizatorul introduce informațiile, toate acele informații sunt furate de pagina copil rău intenționată. Ceea ce face atributul rel = ”noopener” este să protejeze pagina părinte de a fi atacată cu intenție rău intenționată, prin tabelare inversă prin paginile copil.

Dar Noreferrer?

Atributul rel = ”noopener” funcționează pe majoritatea browserelor, cu excepția Firefox și a altor browsere mai vechi. Când WordPress adaugă atributul rel = ”noopener” la linkurile dvs. ca implicit, ar trebui să adăugați atributul rel = ”noreferrer” alături. Dacă ați actualizat la cel mai recent WordPress, atunci ambele atribute sunt adăugate automat la linkurile dvs.

Atributul rel = ”noreferrer” îi va spune browserului să nu colecteze informații referitoare la pagina principală care trimite linkurile.

Așa ar trebui să arate linkurile dvs.:

 <a href="https://www.example.com" rel="noopener noreferrer" target="_blank"> exemplu de text de ancorare </a>

Cum este legat un link Noopener de linkurile Dofollow și Nofollow?

Este o concepție greșită obișnuită că legăturile cu atributul rel = ”noopener” sunt legate de legăturile dofollow și nofollow, când de fapt nu sunt. Diferența este că linkurile noopener și noreferrer sunt destinate scopurilor de securitate, în timp ce linkurile dofollow și nofollow sunt mai multe despre rangul de pagină și SEO.

De exemplu, o legătură cu un atribut rel = noopener poate fi fie dofollow, fie nofollow. Această alegere depinde de tine. De fapt, am publicat un articol detaliat despre asta cu ceva timp în urmă, pe care ar trebui să îl verificați cu siguranță.

Toate linkurile adăugate sunt atribuite automat ca linkuri de urmărire (dofollow). Pentru a vă asigura că sunt nofollow, linkurile dvs. ar trebui să arate astfel:

 <a href="https://www.example.com" rel="noopener noreferrer nofollow" target="_blank"> exemplu de text ancoră </a>

O legătură Noopener afectează SEO?

Este un mit că o legătură cu un atribut rel = ”noopener” poate afecta SEO. Utilizarea linkurilor noopener și noreferrer nu va afecta SEO deloc. Dofollow și follow links afectează totuși SEO!

Amintiți-vă așa:

• noopener și noreferrer: se referă la securitate
• nofollow și dofollow: aparțin SEO și autorității domeniului

Când este o idee bună să folosești atributul Rel = ”Noopener”?

Ar trebui să utilizați atributul rel = ”noopener” pe toate linkurile dvs. de fiecare dată. Nu este surprinzător că WordPress adaugă acum atributul rel = ”noopener” ca implicit. Securitatea este extrem de importantă pentru tot felul de site-uri, de la bloguri la comerț electronic, până la site-uri pline de linkuri afiliate.

În unele cazuri, poate doriți să anulați funcția implicită de a adăuga atributele rel = ”noopener” și rel = ”noreferral”. Nu vă sugerăm să faceți acest lucru. Vă poate deschide site-ul pentru riscuri de securitate.

Dar legăturile afiliate?

Dacă sunteți îngrijorat de modul în care sunt afectate legăturile dvs. afiliate prin utilizarea atributelor rel = ”noopener” și rel = ”noreferer”, nu este necesar. Majoritatea link-urilor afiliate vor avea ID-ul dvs. de afiliat în URL-ul în sine, astfel încât nu este necesar să trimiteți informații de referință către paginile afiliate copil prin intermediul linkurilor dvs. De fapt, adăugarea atributelor rel = ”noopener” și rel = ”noferrer” la linkurile afiliate ar trebui să fie o practică obișnuită. Nu poți fi întotdeauna sigur de securitatea site-urilor pentru care garantezi.

Un sfat pentru legăturile afiliate: conectați întotdeauna la site-uri despre care puteți fi siguri că sunt sigure. Nu vă conectați doar la un milion de site-uri care oferă venituri afiliate din orice vinde. Adepții dvs. vor dori să facă clic pe linkurile dvs. de afiliere dacă sunteți sincer cu privire la produse. Mai mult, dacă revizuiți produsele în loc să vă umpleți doar site-ul cu linkuri.

În acest articol, veți găsi o mulțime de programe excelente de afiliere WordPress pentru care garantăm.

Ultimele gânduri despre atributul Rel = „Noopener”

În această postare, am analizat scopul din spatele atributului rel = ”noopener” și însoțitorul său atributul rel = ”noreferrer”. Ne-am uitat la scopul lor și la modul în care noua actualizare WordPress le adaugă acum ca implicit la toate linkurile dvs. Cu toate acestea, trebuie să verificați întotdeauna dacă WordPress o face. De asemenea, ne-am uitat la legăturile noopener cu legăturile dofollow și nofollow și la modul în care acestea sunt diferite.

Amintiți-vă că atributul rel = ”noopener” există pentru a vă menține site-ul în siguranță și ar trebui să îl utilizați întotdeauna. Nu vă va afecta SEO-ul și nici link-urile afiliate. Sperăm că acest articol te-a ajutat să înțelegi totul mai bine și de ce este important să incluzi atributul linkurilor în tot conținutul tău.

Spuneți-ne părerile dvs. în comentarii, ați fost vreodată victima unei tabnabsări inverse? Folosiți întotdeauna atributul rel = ”noopener”?

Imagine prezentată prin MarySan / shutterstock.com