Tot ce trebuie să știți despre Hreflang și Shopify

Cu tot mai multe magazine Shopify internaționale, nu a fost niciodată la fel de important să aveți grijă de clasamentele dvs. în motoarele de căutare. În timp ce extinderea în noi regiuni creează noi oportunități interesante de piață, poate introduce și provocări serioase SEO.

Principalele probleme SEO pe care expansiunea internațională le introduce sunt:

• Ajutând motoarele de căutare să înțeleagă ce pagină ar trebui să fie clasată pentru ce regiune/limbă
• Prevenirea paginilor specifice regiunii sau limbii să creeze probleme de conținut duplicat

În acest articol, vă prezentăm o caracteristică numită Hreflang, care este folosită pentru a rezolva aceste probleme internaționale de SEO.

De ce avem nevoie de Hreflang?

În primul rând, de ce avem nevoie chiar de hreflang?

Când o marcă are mai multe site-uri web destinate diferitelor regiuni, de unde știu motoarele de căutare care site este destinat pentru ce regiune?

Permiteți-mi să folosesc marca de fitness Gymshark pentru a ilustra acest lucru. Gymshark folosește Shopify și are diferite site-uri web destinate unui public diferit:

Marea Britanie - https://uk.gymshark.com

Germania - https://de.gymshark.com

Franța - https://fr.gymshark.com

Aceste site-uri sunt traduse în limbile lor materne, ceea ce oferă Google un indiciu masiv cărei regiuni îi aparține fiecare site. Dar Gymshark are și un site web din SUA și site canadian:

SUA - https://www.gymshark.com Canada - https://ca.gymshark.com/

Conținutul de pe ambele site-uri web este în limba engleză. Deci, cum le diferențiază motoarele de căutare de site-ul în limba engleză din Marea Britanie și se asigură că fiecare site se clasează în regiunea corectă?

Aici intervine hreflang.

Ce este Hreflang?

Hreflang este un atribut HTML care indică motoarelor de căutare când există versiuni alternative ale unei pagini destinate unui public diferit de regiune/limbă.

Hreflang poate fi implementat în moduri diferite, dar cea mai comună este o metaetichetă simplă care merge pe orice pagină care are versiuni alternative. Iată un exemplu de la Gymshark:

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

Această etichetă hreflang se găsește pe pagina de pornire Gymshark din Marea Britanie „https://uk.gymshark.com/”.

Le spune motoarelor de căutare că versiunea SUA a acestei pagini poate fi găsită la „https://www.gymshark.com/”.

Eticheta hreflang conține două atribute cheie:

1 - Href href este un link către pagina alternativă. Trebuie să fie adresa URL completă și trebuie să fie o pagină de lucru. Le spune motoarelor de căutare „aceasta este o versiune alternativă a paginii care este vizualizată în prezent”.

2 - Hreflang Atributul hreflang conține codul de limbă (ISO 639-1) și, opțional, codul de țară (ISO 3166-1) al publicului țintă al paginii alternative. Codul de țară este opțional, dar codul de limbă este o cerință.

Câteva exemple de atribute hreflang care utilizează diferite combinații de direcționare în funcție de limbă/țară:

• ro - vorbitori de engleză
• ro-GB - vorbitori de engleză în Marea Britanie
• fr-FR - vorbitori de franceză în Franța
• ro-US - vorbitori de engleză în SUA
• it - vorbitori de italiană
• it-CH - vorbitori de italiană în Elveția.

Punând împreună „href” și „hreflang”, motoarele de căutare vor ști că această adresă URL alternativă ( href) este destinată acestui public specific ( hreflang).

Pagini alternative

Este important să rețineți că hreflang funcționează la nivel de pagină și nu la nivel de domeniu. Etichetele Hreflang declară „pagini alternative”, nu „site-uri web alternative”. Multe site-uri web folosesc etichete hreflang pentru a declara pagini specifice unei limbi alternative/regiuni de pe același domeniu.

De exemplu, ați putea folosi subdosare pentru a găzdui versiuni alternative de limbă/regiune ale site-ului dvs. Acesta este modul în care Apple și-a configurat site-urile internaționale folosind foldere:

• Marea Britanie: https://www.apple.com/uk/
• ES: https://www.apple.com/es/
• FR: https://www.apple.com/fr/

X-Implicit

Există o valoare de rezervă specială pentru hreflang numită „x-default”. Gândiți-vă la „x-default” deoarece motoarele de căutare a paginii web ar trebui să se claseze atunci când niciun alt link hreflang nu se potrivește cu limba/regiunea celui care caută.

Folosind din nou Gymshark ca exemplu. Au un magazin pentru restul lumii situat la row.gymshark.com. Acesta este declarat drept x-implicit.

 <link rel="alternate" href="https://row.gymshark.com/" hreflang="x-default" />

Deci, dacă cineva caută într-o limbă/locație care nu este declarată în etichetele hreflang Gymshark, Google va afișa cel mai probabil magazinul Gymshark RoW.

Trebuie să adăugați Hreflang?

Trebuie să adăugați etichete Hreflang doar atunci când aveți două pagini aproape identice care deservesc audiențe lingvistice/regionale diferite. Dacă nu există o versiune alternativă a unei pagini, nu trebuie să adăugați etichete hreflang.

Reguli Hreflang

Pentru ca etichetele hreflang să fie validate, acestea trebuie să respecte reguli specifice:

1 - Link-uri de returnare - Dacă o pagină hreflang trimite către o pagină alternativă, pagina alternativă trebuie să facă link înapoi la prima pagină. De exemplu, dacă un Gymshark din Marea Britanie are un link hreflang care indică o pagină germană Gymshark, pagina germană trebuie să aibă un link hreflang înapoi la versiunea din Marea Britanie.

2 - Pagini de lucru - Orice pagină către care hreflang trimite trebuie să returneze un cod de stare 200. Cu alte cuvinte, linkurile hreflang trebuie să fie pagini de lucru.

3 - Etichetă Hreflang cu auto-referință - Orice pagină care include link-uri hreflang trebuie să aibă și un link hreflang către ea însăși. Numim acest lucru un link hreflang cu auto-referință. Link-ul hreflang de auto-referință trebuie să includă declarația de limbă/țară standard.

Provocări Hreflang

Acum că am stabilit ce este hreflang și cum funcționează, putem discuta de ce este o parte atât de complexă a SEO. De fapt, hreflang este probabil una dintre cele mai dificile părți ale SEO de făcut corect.

Iată un tweet de la Google Webmaster Trends Analyst, John Mueller, care explică cât de greu poate fi hreflang-ul!

Adăugarea etichetelor este destul de simplă, dar menținerea etichetelor hreflang care îndeplinesc cele 3 reguli de mai sus poate fi extrem de dificilă.

Pentru a valida întotdeauna, etichetele hreflang dintre diferite pagini trebuie să fie sincronizate. Ceva la fel de simplu ca schimbarea unei adrese URL ar putea rupe conexiunea hreflang dintre două pagini.

Când aveți mai multe site-uri web, cu pagini dinamice și gestionate de diferite echipe, puteți începe să vă imaginați cât de complex devine acest lucru. Dacă aveți mai multe site-uri web, trebuie să vă asigurați că echipele dvs. se coordonează pentru a vă asigura că etichetele hreflang nu se sparg!

Hreflang Greșeli

Ne ocupăm tot timpul de setări hreflang rupte. Acestea sunt cele mai frecvente probleme hreflang pe care le întâlnim:

Fără link-uri de returnare

De departe, cea mai frecventă problemă Hreflang pe care o vedem sunt paginile în care nu există link-uri Hreflang de retur. Aici trebuie să fii organizat pentru a te asigura că etichetele tale hreflang funcționează întotdeauna. Dacă calea URL se modifică pe o pagină, dar nu pe cealaltă, etichetele hreflang nu vor fi sincronizate.

Non-200 de pagini

Etichetele Hreflang trebuie să indice paginile de lucru care returnează un răspuns de 200 de server. Pe măsură ce site-ul dvs. web evoluează, adresele URL se schimbă. Acest lucru vă va sparge etichetele hreflang, așa că dacă vă retrageți și redirecționați paginile, asigurați-vă că actualizați și etichetele hreflang.

Fără etichetă Hreflang cu auto-referință

Poate părea ciudat, dar dacă o pagină are etichete hreflang, atunci trebuie să includă și o etichetă hreflang cu auto-referință. Aceasta este o greșeală comună pe care o fac multe site-uri web.

Cum să verificați etichetele Hreflang

Hreflang Tag Checker

Cel mai simplu mod de a audita etichetele hreflang este utilizarea unei extensii Chrome numită Hreflang Tag Checker. Odată ce extensia este instalată, pur și simplu accesați orice pagină și apăsați pictograma barei de instrumente. Extensia va verifica apoi dacă există etichete hreflang pe adresa URL curentă.

Cea mai bună caracteristică a acestui instrument este că va accesa cu crawlere linkurile hreflang și va confirma că trec verificările de validare.

Broasca care tipa

Dacă doriți să auditați etichetele hreflang la scară, atunci Screaming Frog este instrumentul dvs. ideal. Screaming Frog va accesa cu crawlere un site web și va valida orice etichete hreflang descoperite în timpul accesării cu crawlere.

Search Console

Există un raport de direcționare internațională ascuns în secțiunea Rapoarte vechi din Search Console. Pentru a accesa acest raport, în meniul din stânga accesați „Instrumente și rapoarte vechi > Direcționare internațională”.

Acest raport va arăta câte etichete hreflang sunt pe site-ul dvs. și va detalia unde există erori hreflang.

Diferite moduri de a adăuga Hreflang

Există mai multe de implementat Hreflang. Metoda etichetei HTML descrisă mai sus este de departe cea mai ușoară modalitate de a configura hreflang, dar există două abordări alternative:

Harta site XML

Este posibil să fiți familiarizat cu sitemap-urile XML. Harta dvs. XML de site poate fi actualizată pentru a include declarații hreflang pentru fiecare pagină din harta site-ului. Pentru site-urile mari cu sisteme complicate, aceasta poate fi adesea cea mai ușoară abordare.

Antete HTTP

Ori de câte ori un browser web vizitează o pagină, serverul returnează informații despre pagina respectivă browserului dvs. web. Acesta se numește răspuns HTTP. Puteți configura serverul să returneze informații hreflang în răspunsul antet HTTP.

Cum să adăugați Hreflang la Shopify

Deci, cum adăugați de fapt etichete hreflang la Shopify? La fel ca majoritatea sistemelor de gestionare a conținutului, Shopify are nuanțe care afectează ceea ce poți și ce nu poți face pe platformă. Deși este posibil să adăugați hreflang la Shopify prin metodele XML Sitemap sau HTTP Headers, necesită o configurație tehnică semnificativă, așa că nu o recomandăm.

Pentru site-urile web Shopify, abordarea noastră recomandată pentru implementarea Hreflang este întotdeauna etichetele HTML. Adăugarea fizică a etichetelor hreflang pe site-ul dvs. este destul de ușoară, dar trebuie să faceți acest lucru într-un mod care să vă asigure că etichetele dvs. hreflang sunt întotdeauna valide. Amintiți-vă de cele trei reguli de mai sus:

• Trebuie să existe un link hreflang de retur de pe pagina alternativă
• Pagina alternativă trebuie să fie o adresă URL funcțională
• Trebuie să existe o etichetă hreflang cu auto-referință pe orice pagină care include etichete hreflang

Adăugați Hreflang la Shopify printr-o aplicație

Există unele aplicații Shopify care adaugă etichete Hreflang în paginile tale pentru tine. Aplicațiile de traducere precum Weglot și Langify vor genera automat etichetele dvs. Hreflang și le vor adăuga în paginile dvs.

În timp ce aplicațiile pot adăuga etichete hreflang în magazinul dvs. Shopify, din experiența noastră, aceasta nu este cea mai bună metodă. Abordarea aplicației funcționează numai atunci când aveți un singur magazin care oferă mai multe limbi. Majoritatea aplicațiilor nu oferă direcționare hreflang în limba+țară și nici nu iau în considerare mai multe magazine din diferite domenii. Aplicațiile Shopify nu sunt abordarea noastră recomandată pentru hreflang.

Adăugați etichete Hreflang la fișierul dvs. theme.liquid

Dacă aveți două magazine cu pagini și adrese URL identice (unde doar domeniul este diferit), atunci adăugarea etichetelor hreflang valide poate fi destul de ușoară. Deoarece cele două site-uri web sunt clone complete, știți că pentru fiecare pagină de pe Site-ul A, există un echivalent pe Site-ul B.

Prin urmare, puteți edita codul temei pentru a construi în mod dinamic etichetele hreflang folosind calea URL a paginii care este vizualizată.

Asta face codul lichid de mai jos:

 <link rel="alternate" hreflang="x-default" href="{{ canonical_url | replace: shop.domain, 'www.mystore.com' }}" /> <link rel="alternate" href="{{ canonical_url | replace: shop.domain, 'www.mystore.com' }}" hreflang="en-GB" /> <link rel="alternate" href="{{ canonical_url | replace: shop.domain, 'www.us.mystore.com' }}" hreflang="en-US" />

Acest fragment de cod poate fi adăugat în secțiunea fișierului dvs. theme.liquid. Trebuie să înlocuiți instanțele „mystore.com” cu numele de domeniu actuale. Când acest fragment este în vigoare, paginile dvs. vor scoate etichete hreflang folosind pagina canonical pentru a construi calea URL.

Deoarece această metodă implică editarea codului site-ului dvs., dacă alegeți această abordare, vă recomandăm cu căldură să angajați un expert Shopify pentru a aplica modificarea pentru dvs.

Utilizați un câmp personalizat (abordarea recomandată Shopify Hreflang)

Cum adaugi etichete Hreflang pe mai multe site-uri Shopify cu mii de produse în care adresele URL nu se potrivesc? Nu veți avea timp să adăugați etichete hreflang pagină cu pagină și o aplicație nu poate face acest lucru pentru dvs.

În acest scenariu, vă recomandăm să utilizați o altă aplicație numită Câmpuri personalizate. Cu câmpuri personalizate puteți crea metacâmpuri complet noi pe site-ul dvs. web. Ori de câte ori ne confruntăm cu situații complexe hreflang pe Shopify, recomandăm clienților noștri să folosească câmpuri personalizate pentru a crea un metacâmp hreflang. Valoarea metacâmpului hreflang este afișată în fișierul secțiunea paginii.

Cu această abordare, vă puteți crea propriile etichete hreflang în Excel și apoi le puteți adăuga direct în câmpul personalizat, pagină cu pagină.

Și mai bine, dacă aveți planul Custom Fields Plus, puteți importa etichetele hreflang ale produsului printr-o încărcare csv. Folosim în mod regulat această abordare pentru a încărca mii de etichete hreflang de produse în Shopify în câteva minute.

Deși această abordare nu este cea mai simplă, deoarece trebuie să configurați metacâmpul personalizat (care necesită un Shopify Expert) și să vă construiți propriile etichete hreflang, este de departe cea mai eficientă pentru gestionarea Shopify hreflang la scară largă. Dacă doriți o modalitate ușoară de a vă crea propriile etichete hreflang, vă recomandăm generatorul gratuit de etichete hreflang de la Aleyda Solis.

Domenii internaționale (nou)

Shopify a anunțat recent o nouă funcție numită International Domains. Această dezvoltare va permite comercianților Shopify să își afișeze magazinul pe un domeniu/subdomeniu alternativ care vizează o altă limbă/țară.

Cu International Domains, înregistrați un domeniu/subdomeniu alternativ utilizând codul ISO din 2 litere al țării țintă (de exemplu, gb.yourdomain.com). Shopify va configura automat etichetele hreflang pentru fiecare domeniu/subdomeniu. Instrucțiuni complete despre cum să faceți acest lucru pot fi găsite pe Shopify.

Domeniile internaționale au câteva dezavantaje. Va trebui să găzduiți exact aceleași pagini și produse pe domeniile dvs., care nu se potrivesc fiecărui comerciant. De asemenea, nu veți putea să vă editați conținutul pe diferite domenii (cu excepția traducerilor).

Acestea fiind spuse, acesta este un pas uriaș înainte și arată că Shopify i-a ascultat pe comercianți. Suntem siguri că, în timp, International Domains va deveni soluția noastră hreflang recomandată pentru Shopify.

Ai nevoie de ajutor cu Hreflang?

Gestionarea hreflang-ului este una dintre cele mai complexe părți ale SEO. Echipa noastră SEO gestionează cu succes SEO internațional pentru zeci de site-uri web. Dacă aveți nevoie de ajutor pentru optimizarea SEO internațională, anunțați-ne.