Hreflang Tags: Ghidul suprem

Ce sunt etichetele Hreflang?

Hreflang este un cod - în special, un atribut HTML - care specifică toate adresele URL de pe un site care utilizează același conținut. Atributul hreflang a fost introdus de Google în urmă cu peste un deceniu și permite utilizatorilor să arate motoarelor de căutare relația dintre mai multe pagini web în diferite limbi. Acest lucru se dovedește util atunci când conținutul este creat pentru un anumit public. Pentru companiile cu mai multe versiuni ale aceleiași pagini web în limbi diferite, eticheta hreflang comunică aceste variații motoarelor de căutare și ajută la furnizarea versiunii corecte pentru utilizatori.

De exemplu, dacă cineva caută pe Google „Ikea” în SUA, va vedea acest rezultat:

În timp ce aceeași interogare a unui utilizator din Canada, ar returna acest rezultat:

De ce toată agitația? Eticheta hreflang permite motoarelor de căutare să livreze utilizatorilor rezultate în funcție de țara lor și de preferințele de limbă, ceea ce face ca semnificația etichetei hreflang să fie neprețuită: optimizează experiența utilizatorului și duce la ierarhizare de căutare îmbunătățită. Cum e asta pentru un câștig-câștig?

De ce contează Hreflang pentru SEO?

Totul se rezumă la rezultate personalizate. Toată munca grea de a traduce o pagină web în mai multe limbi este pierdută dacă un utilizator nu este direcționat către rezultatele adaptate pentru el. Pe scurt, hreflang SEO permite motoarele de căutare să ofere utilizatorilor cea mai potrivită versiune a paginii web a unei companii în funcție de limba și locația lor. Aveți o pagină care este optimizată pentru preferințele particulare ale unui utilizator? Nu numai că vrei ca ei să aterizeze acolo, dar vrei și să zăbovească - din câteva motive - și etichetele hreflang SEO este cum să o faci.

Implementarea acestei practici îmbunătățește experiența utilizatorului, minimizează revenirea la rezultatele căutării și generează clasamente mai bune. (Dacă la început nu reușiți, încercați, încercați din nou nu este neapărat un proverb util atunci când navigați în căutări bazate pe web). Scopul aici nu este obținerea unui trafic sporit, ci mai degrabă furnizarea conținutului potrivit utilizatorilor potriviți, care doresc returnări rapide și de încredere. Etichetele Hreflang sunt cheia pentru obținerea acestor rezultate nuanțate.

Ai nevoie de un alt motiv? Utilizarea unui hreflang eradica problema conținutului duplicat. Imaginați-vă că compania dvs. oferă același conținut în limba engleză pe adrese URL diferite care vizează SUA și Canada; diferențele sunt probabil minime și reflectate în detaliile monedei (USD versus CAD) și lingo (sistemul imperial versus metric).

O etichetă hreflang ajută motoarele de căutare să recunoască și să înțeleagă relația dintre aceste pagini și publicul distinct pentru care a fost creată fiecare. Fără hreflang, Google ar putea fi înclinat să vadă aceste pagini ca conținut duplicat și să returneze doar unul dintre rezultate; cu hreflang, este comunicat foarte clar motorului de căutare că, deși conținutul este (în mare parte) același, este optimizat pentru diferite populații. Cum e asta pentru o pană în șapcă (sau tuque, pentru prietenii noștri canadieni)?

Aceste detalii contează, așa că citiți mai departe pentru a afla mai multe.

Cum arată etichetele Hreflang?

Etichetele Hreflang sunt simple, consistente și folosesc următoarea sintaxă:

 <link rel="alternate" hreflang="x" href="https://www.example.com/new-page" />

Acest format comunică faptul că pagina legată este o versiune alternativă a paginii curente, care apare în limba „x”. Etichetele Hreflang servesc drept semnale pentru motoarele de căutare, nu directive. Cu alte cuvinte, atributul hreflang semnalează motorului de căutare că un utilizator care interogă folosind limba „x” va prefera acest rezultat față de o pagină cu conținut similar în limba „y”. O altă diferență între semnale și directive? Este posibil ca Google să nu recunoască atributele hreflang dacă sunt considerate inexacte – ceea ce duce la ca alți factori SEO să depășească atributul hreflang, determinând ca o versiune alternativă a paginii companiei dvs. să se claseze mai sus decât cea mai bună versiune.

Folosind HTML Hreflang

Pentru site-urile web care au fost traduse în mai multe limbi, construirea unui tag hreflang este la fel de simplă ca 1-2-3. Fiecare dintre acești pași utilizează sintaxa menționată mai sus (<link rel=“alternate” hreflang=“x” href=“https://www.example.com/new-page” />) ca bază.

1. Atributul hreflang trebuie să conțină o valoare validă care constă din limba; aceste informații sunt comunicate într-un cod de două litere numit format ISO 639-1. Dacă doriți să traduceți pagina exemplu în portugheză, de exemplu, ar arăta astfel:

    <link rel=„alternativ” hreflang=“pt” href="https://example.com/versiunea-portugheză” />

   Regiunea este opțională și, dacă este utilizată, ar trebui să fie în format ISO 3166-1 Alpha 2. Iată două etichete diferite pe care le puteți utiliza pentru a viza vorbitorii de portugheză din Portugalia și, respectiv, Brazilia:

    PT-PT: <link rel=“alternate” hreflang=“pt-pt” href="https://example.com/pt/our-page” />
   PT-BR: <link rel=“alternate” hreflang=“pt-br” href="https://example.com/br/our-page” />

   Codurile regionale nu sunt neapărat intuitive (codul pentru Marea Britanie este „gb” nu „uk”), așa că verificați! Utilizați această listă pentru a verifica codurile de limbă și de regiune exacte înainte de a încorpora informații greșite pe site-ul dvs.

2. Fiecare adresă URL are nevoie de link-uri de returnare către orice altă adresă URL, toate acestea ar trebui să indice versiunea canonică sau preferată a unui anumit site web. Cu cât aveți mai multe limbi, cu atât veți avea nevoie de mai multe link-uri hreflang; deși ar putea fi tentant să le limităm, este imposibil să evitați acest pas. În plus, rel=”alternate” hreflang=”x”markup și rel=”canonic” pot și ar trebui folosite împreună. Fiecare limbă ar trebui să aibă o legătură rel="canonică" care să indice către ea însăși. Pornind de la pagina de pornire example.com, ar arăta astfel:

    <link rel="canonical" href="http://example.com/">
   <link rel="alternate" href="http://example.com/" hreflang="pt" />
   <link rel="alternate" href="http://example.com/pt-pt/" hreflang="pt-pt" />
   <link rel="alternate" href="http://example.com/pt-br/" hreflang="pt-br" />

   Pentru mai multe despre canonice, citiți, Etichete și URL-uri canonice: un ghid simplu pentru începători.

3. Ultimul pas către construcția de succes hreflang este înrădăcinat în auto-linkuri. Un atribut hreflang de pe fiecare pagină necesită o referință la el însuși și la orice pagină care îi servește ca alternativă. Google recomandă să setați o pagină „x-default” care stabilește o singură adresă URL ca versiune implicită care nu vizează o anumită limbă sau regiune pentru vizitatorii care nu se încadrează în ceea ce este specificat. Dacă cineva a vizitat pagina pt-pt, numai cea canonică ar schimba:

    <link rel="canonical" href="http://example.com/pt-pt/">
   <link rel="alternate" href="http://example.com/"hreflang="pt" />
   <link rel="alternate" href="http://example.com/pt-pt/"hreflang="pt-pt" />
   <link rel="alternate" href="http://example.com/pt-br/"hreflang="pt-br" />

E mult de digerat! Dar ai ajuns până aici, ceea ce înseamnă că ești pregătit pentru următorul pas: să înveți cum să implementezi etichetele hreflang.

Implementarea etichetelor Hreflang

Există trei moduri de a implementa etichetele hreflang și totul se rezumă la plasare:

1 – Implementarea etichetelor Hreflang folosind HTML:

Pentru cei începători în hreflang, utilizarea etichetelor HTML de bază este cea mai simplă și rapidă modalitate de a începe. Pur și simplu adăugați orice etichete hreflang adecvate (vezi mai sus) în eticheta <head> a paginii dvs. web.

Exemplu: webmasterul example.com dorește să își facă pagina de pornire accesibilă utilizatorilor vorbitori de limbă engleză și spaniolă din Statele Unite; folosind următoarele adnotări în <head> HTML-ul site-ului lor realizează acest lucru:

 <link rel="alternate" href="https://www.example.com" hreflang="en-us" />
<link rel="alternate" href="https://www.example.com/es" hreflang="es-us" />

Dacă ar dori să arate pagina de pornire utilizatorilor vorbitori de spaniolă din Venezuela și Mexic, adnotarea hreflang ar arăta astfel:

 <link rel="alternate" href="https://www.example.com/ve" hreflang="es-ve" />
<link rel="alternate" href="https://www.example.com/mx" hreflang="es-mx" />

Cel mai mare dezavantaj al acestei metode? Hreflang HTML poate deveni destul de dezordonat și consuma mult timp. De asemenea, amintiți-vă că există o diferență între elementele <head> și <header>; <head> conține elemente care nu vor apărea pe pagină, în acest caz, atributul hreflang.

2 – Implementarea antetelor HTTP Hreflang:

Pentru fișierele PDF și conținutul non-HTML de pe site-ul dvs. web, utilizați antetele HTTP pentru a implementa hreflang. Numele este puțin înșelător: implementarea nu se face pe pagină prin <head> sau <header>. În schimb, totul se face pe backend-ul unui site. Utilizarea antetelor HTTP nu numai că specifică limba relativă a variantelor de document, dar optimizează și acest conținut.

Exemplu: pentru a identifica un document PDF pe site-ul dvs. în versiunile în engleză și franceză, linkul care apare în antetul HTTP va arăta astfel:

 Link: <http://en.example.com/document.pdf>; rel="alternativ"; hreflang="ro", 
<http://fr.example.com/document.pdf>; rel="alternativ"; hreflang="fr"

Cel mai mare dezavantaj al acestei metode de implementare? Folosirea antetelor HTTP adaugă cheltuieli generale la fiecare solicitare făcută pe site-ul dvs., ceea ce poate încetini experiența de navigare a utilizatorului.

3 – Implementarea Hreflang în harta dvs. de site XML

Opțiunea finală pentru implementarea hreflang este utilizarea de markup XML sitemap; aceasta folosește atributul xhtml:link în XML pentru a adăuga adnotarea la fiecare URL.

Deși există mai multe modalități de a implementa hreflang în sitemap-ul dvs. XML, vă recomandăm ceva de genul acesta:

Alternativ, puteți folosi câteva dintre exemplele de mai jos.

Un cuvânt de precauție: marcajul necesar pentru o singură adresă URL cu o pereche de variabile de limbă/locație va apărea lung! Acestea fiind spuse, citiți mai departe pentru beneficii. (Sunt multi!)

Exemplu:

 <url>
<loc>http://www.example.com/uk/</loc> 
<xhtml:link rel="alternate" hreflang="ro" href="http://www.example.com/" /> 
<xhtml:link rel="alternate" hreflang="en-au" href="http://www.example.com/au/" /> 
<xhtml:link rel="alternate" hreflang="en-gb" href="http://www.example.com/uk/" />
</url>

Observați că a treia adresă URL este auto-referință; aceasta specifică adresa URL specială este destinată en-gb și specifică alte două combinații de limbă/locație. Acum, implementarea ambelor adrese URL în sitemap ar arăta astfel:

 <url>
<loc>http://www.example.com/</loc> 
<xhtml:link rel="alternate" hreflang="ro" href="http://www.example.com/" /> 
<xhtml:link rel="alternate" hreflang="en-au" href="http://www.example.com/au/" /> 
<xhtml:link rel="alternate" hreflang="en-gb" href="http://www.example.com/uk/" />
</url>
<url>
<loc>http://www.example.com/au/</loc> 
<xhtml:link rel="alternate" hreflang="ro" href="http://www.example.com/" /> 
<xhtml:link rel="alternate" hreflang="en-au" href="http://www.example.com/au/" /> 
<xhtml:link rel="alternate" hreflang="en-gb" href="http://www.example.com/uk/" />
</url>

Presupunând că puteți privi dincolo de marea de text, veți observa că numai adresele URL din elementul <loc> sunt modificate - restul rămâne la fel! Uf. Această metodă se bazează pe fiecare adresă URL care are un atribut hreflang de auto-referință și returnează link-uri către alte adrese URL.

Pare multă muncă, nu? Pe de o parte, da, această metodă este lungă și necesită un pic de rezultate atunci când faceți acest lucru pentru multe adrese URL. Acestea fiind spuse, beneficiul este simplu: utilizatorii normali nu vor fi deranjați de acest marcaj; nu este adăugată o greutate suplimentară a paginii, iar generarea acestui tip de marcare nu necesită multe apeluri la baza de date la încărcarea paginii.

În cele din urmă, implementarea hreflang prin harta site-ului XML vine cu un avantaj major - totul este definit într-un singur fișier. Acest lucru elimină necesitatea de a edita mai multe documente HTML de fiecare dată când o pagină este schimbată sau ștearsă. În plus, zero încetinirea site-ului. Cu alte cuvinte, sunt multe de placut!

Încă nu sunteți sigur ce mod de implementare să alegeți? Pentru mai multe sfaturi despre arhitectura site-ului și structura site-ului, vizitați cele mai bune practici tehnice SEO.

Găsirea și remedierea problemelor Hreflang

Acum că ați implementat cu succes hreflang pe site-ul dvs. (inserați un maxim virtual aici!), întreținerea este o necesitate. Efectuarea unui audit regulat al implementării alese de dvs. vă va asigura că este configurată corect. Comunicarea cu persoanele din compania dvs. care se ocupă de conținutul site-ului va contribui foarte mult - doriți ca aceștia să știe despre hreflang, astfel încât să nu rupă neintenționat implementarea dvs.!

Două puncte critice trebuie menționate aici: Dacă o pagină este ștearsă, verificați dacă omologii ei au fost actualizați; atunci când o pagină este redirecționată, modificați adresele URL hreflang de pe omologii ei. Presupunând că tu și echipa ta faceți aceste lucruri în mod constant și auditați în mod regulat, ar trebui să mergeți fără probleme.

Între timp, iată o scurtă descriere a celor mai frecvente greșeli hreflang și cum să le remediați:

1 – Adnotarea hreflang de auto-referință lipsește

Care-i mare lucru? Este important să utilizați o etichetă hreflang cu auto-referință de fiecare dată când adăugați o etichetă hreflang la o pagină web. Amintiți-vă că Google afirmă că „fiecare versiune de limbă trebuie să se afișeze, precum și toate celelalte versiuni de limbă”.

Cum să o remediați: examinați toate paginile afectate și adăugați o etichetă hreflang cu auto-referință, folosind metoda de implementare aleasă de dvs.

2 – Adnotarea Hreflang invalidă

Care-i mare lucru? Motoarele de căutare ignoră etichetele hreflang nevalide, ceea ce duce la trecerea cu vederea versiunilor alternative ale paginii dvs. web.

Cum să o remediați: examinați paginile afectate și eliminați etichetele hreflang nevalide și înlocuiți-le cu cele care utilizează formate valide de cod de limbă/locație.

3 – Pagina la care se face referire pentru mai mult de o limbă în hreflang

Care-i mare lucru? Fiecare parte de conținut este concepută pentru a servi o singură limbă/locație de limbă. Două sau mai multe referințe contradictorii vor deruta motoarele de căutare și vor face ca atributele hreflang să fie ignorate.

Cum să o remediați: examinați paginile afectate și inspectați adresele URL care fac referire la o anumită pagină în atributele lor hreflang pentru erori. Eliminați orice atribut hreflang incorect și lăsați un singur atribut corect pentru fiecare limbă.

4 – Lipsește hreflang reciproc (fără etichetă de returnare)

Care-i mare lucru? Etichetele Hreflang sunt bidirecționale (dacă pagina A trimite la pagina B în adnotări hreflang, pagina B trebuie să fie conectată la pagina A în schimb).

Cum să o remediați: examinați paginile afectate și adăugați etichete hreflang bidirecționale acolo unde este necesar. Notă: raportul privind direcționarea internațională din Google Search Console (găsit în fila „limbă”) va semnala toate cazurile de lipsă a etichetelor de returnare.

De exemplu:

5 – Hreflang la non-canonic

Care-i mare lucru? Rel=“alternate” hreflang=“x” instruiește motoarele de căutare să afișeze versiunea tradusă (localizată) a unei pagini; rel=atributul canonic va semnala că aceasta nu este versiunea autorizată (canonică). Aceste atribute contradictorii vor deruta motoarele de căutare.

Cum să o remediați: examinați paginile afectate și modificați adnotările hreflang, astfel încât acestea să trimită numai către adrese URL canonice. Dacă dați peste o pagină cu o etichetă canonică nevalidă, eliminați-o. Acest lucru asigură că atributul hreflang este înțeles corect și urmat de motorul de căutare.

6 – Nepotrivirea limbajului Hreflang și HTML

Care-i mare lucru? Motoarele de căutare (altele decât Google) devin confuze atunci când există o inconsecvență între atributul declarat hreflang și limbajul HTML pentru una sau mai multe adrese URL; este important să păstrăm aceste două atribute consecvente unul cu celălalt.

Cum să o remediați: examinați paginile afectate și modificați atributul limbaj HTML pentru a vă asigura că rămâne în concordanță cu atributul hreflang declarat.

7 -Hreflang la o pagină spartă

Care-i mare lucru? Un motor de căutare nu poate returna conținut care nu există! Prin urmare, atributele hreflang care indică pagini moarte vor fi trecute cu vederea.

Cum să o remediați: examinați paginile afectate și modificați adnotările hreflang pentru a vă asigura că se leagă la paginile de lucru.

8 – Mai mult de o pagină pentru aceeași limbă în hreflang

Care-i mare lucru? Când una sau mai multe adrese URL fac referire la două sau mai multe pagini pentru aceeași limbă (sau limbă-locație) în adnotările hreflang, motorul de căutare devine confuz.

Cum să o remediați: examinați paginile afectate și eliminați una dintre adnotările hreflang, astfel încât să se facă referire la o singură pagină pentru fiecare limbă.

9 – Lipsește adnotarea hreflang X-default

Care-i mare lucru? Deși atributele hreflang x-default sunt opționale, ele sunt recomandate ca cea mai bună practică SEO pentru toate adnotările hreflang.

Cum să o remediați: examinați paginile afectate și asigurați-vă că fiecare are un set de atribute hreflang „x-default” care indică o pagină NU specifică unei anumite limbi sau locații.

Mai ai întrebări? Consultați actualizarea algoritmului Core Web Vitals, care prezintă practici SEO tehnologice suplimentare despre care veți dori să fiți la curent în acest an.

Probleme Google poate ignora

Ți-ai făcut partea în respectarea celor mai bune practici – totuși, vor exista momente în care motoarele de căutare ignoră anumite probleme. Acest lucru se întâmplă în primul rând atunci când un motor de căutare vede aceeași problemă în mod repetat și consideră că aceasta poate fi luată în considerare. Nu transpira! Acest lucru este de fapt super util. Iată câteva probleme de etichetă hreflang pe care Google le „remediază” de fapt pentru tine:

1. Subliniere în loc de liniuță: aceasta este o eroare obișnuită și conturi Google. Fiecare. Singur. Timp.
2. Folosind en-UK în loc de en-GB: Am vorbit despre asta mai devreme...faptul că codurile regionale nu sunt neapărat intuitive. Fiți siguri, Google vă acoperă: Regatul Unit este un cod rezervat, ceea ce înseamnă că Google corectează această problemă comună.
3. Hreflang nu are o auto-referință: Google a declarat recent că hreflang-ul de auto-referință este opțional; acestea fiind spuse, rămâne o practică bună.
4. Adrese URL relative versus absolute: în timp ce atât canonice cât și hreflang pot folosi căi relative, absolutul este mai absolut! De aici recomandarea de a-l folosi atunci când este posibil.

Redirecționarea utilizatorilor: un cuvânt de precauție

În multe cazuri, site-urile web vor redirecționa utilizatorii pe baza unei combinații de cookie-uri, adresa IP și/sau limba browserului; Atenție la redirecționare! Pentru utilizatori, acest lucru se poate traduce într-o experiență frustrantă (citiți sub-par); pentru motoarele de căutare, încercarea de a indexa conținutul dvs. devine problematică. În plus, redirecționarea utilizatorilor poate întrerupe conexiunile stabilite necesare pentru etichetele dvs. hreflang.

Iată ce are de spus Google despre practică:

Nu utilizați analiza IP pentru a vă adapta conținutul. Analiza locației IP este dificilă și, în general, nu este de încredere. În plus, este posibil ca Google să nu poată accesa cu crawlere variantele site-ului dvs. în mod corespunzător. Cele mai multe, dar nu toate, accesările cu crawlere Google provin din SUA și nu încercăm să variam locația pentru a detecta variațiile site-ului. Utilizați una dintre metodele explicite prezentate aici (hreflang, URL-uri alternative și linkuri explicite).

Tratează crawlerele motoarelor de căutare la fel ca un utilizator din orice locație. Tratarea robotului motorului de căutare în mod diferit decât ați face un utilizator este considerată descuiat - practica de a prezenta conținut sau adrese URL diferite utilizatorilor umani și motoarelor de căutare - este o încălcare a Regulilor Google pentru webmasteri.

Doriți o remediere aprobată care să ofere utilizatorilor rezultatele pe care le așteptau? Utilizați aceeași logică de detectare pentru a sugera utilizatorului o versiune mai bună a paginii pe un banner mic. Singura avertizare este că, dacă este prea mare, ar putea fi văzută ca un interstițial (determinând conținutul ascuns total sau parțial pentru utilizator).

Sfat Hreflang Pro

Există o extensie Google Chrome care automatizează procesul de verificare a implementării hreflang a unui site. Obțineți informații despre aceasta și alte suplimente SEO Chrome care vă pot ajuta să gestionați întreținerea zilnică a SEO.

Concluzie

Înțelegerea, utilizarea și depanarea hreflang-ului este o cerință pentru SEO de astăzi. Vrei să fii sigur că faci tot ce poți pentru a crește vizibilitatea site-ului tău în fiecare colț al lumii? Victorious sapă adânc pentru a descoperi tendințele culturale locale și modelele de cumpărare care influențează căutarea pentru a determina cea mai bună strategie pentru campania dumneavoastră internațională de SEO.

Ești gata să începi cu o agenție SEO? Înscrieți-vă astăzi pentru consultația dvs. SEO gratuită și lăsați-l pe Victorious să vă ghideze prin proces.