Etichete Hreflang: Ghid definitiv despre ce sunt și cum să le folosești

Dacă construiți un site web multilingv, probabil că ați văzut termenul etichete hreflang . De fapt, probabil de aceea citești acest articol chiar acum.

Deci – ce este hreflang? Și de ce trebuie să vă pese de etichetele hreflang dacă utilizați mai multe limbi pe site-ul dvs.?

Ei bine, dacă continui să citești, vei putea răspunde la acele întrebări, plus multe altele!

În ghidul nostru complet, veți afla tot ce trebuie să știți despre etichetele hreflang, inclusiv următoarele:

• Ce sunt etichetele hreflang?
• Impactul Hreflang SEO
• Câteva exemple hreflang despre când ar trebui să le folosiți
• Implementarea Hreflang, inclusiv o modalitate ușoară de a configura etichete hreflang dacă utilizați WordPress

Să pătrundem!

Ce sunt etichetele Hreflang?

Etichetele Hreflang sunt fragmente mici de cod din culise care identifică limba și locația geografică a unei pagini de pe site-ul dvs.

Motoarele de căutare pot folosi aceste etichete pentru a înțelege site-ul dvs. și pentru a oferi cel mai relevant conținut celor care caută.

Mai precis, etichetele hreflang vă permit să legați conținutul împreună, astfel încât motoarele de căutare să poată înțelege că aceste pagini sunt conectate, dar vizează diferite limbi sau localități.

De exemplu, să presupunem că aveți o pagină în engleză la https://yoursite.com/hello-world/ și apoi același conținut tradus în spaniolă la https://yoursite.com/es/hola-mundo/ .

Cu etichetele hreflang, puteți spune motoarelor de căutare „Hei, aceste două pagini au același conținut/scop, dar o pagină este pentru vorbitorii de engleză, iar cealaltă pagină este pentru vorbitorii de spaniolă”.

De asemenea, puteți merge dincolo de doar limba și, de asemenea, puteți spune motoarelor de căutare că paginile dvs. vizează diferite zone geografice în scopuri de localizare.

De exemplu, „Hei, aceste două pagini au același conținut și sunt ambele în engleză, dar una este pentru oamenii din SUA, iar cealaltă este pentru oamenii din Marea Britanie”.

Iată un exemplu despre cum arată etichetele hreflang în HTML-ul site-ului dvs.:

Hreflang SEO Impact și importanță

Deși etichetele hreflang nu reprezintă un factor important de clasare SEO, în același mod în care sunt backlink-urile și cercetarea cuvintelor cheie, utilizarea lor corectă este o parte importantă a SEO pe pagină pentru site-urile multilingve sau cu locații multiple.

Există trei avantaje SEO principale ale utilizării etichetelor hreflang.

1. Preveniți problemele de conținut duplicat

Primul este că hreflang ajută la prevenirea problemelor legate de conținutul duplicat de pe site-ul dvs. De exemplu, să presupunem că aveți două pagini de conținut aproape identice, cu excepția faptului că una vizează persoanele vorbitoare de limba engleză din SUA și cealaltă vizează persoanele vorbitoare de limba engleză din Australia.

Adăugând eticheta hreflang relevantă pentru limbă și localitate, puteți clarifica motoarele de căutare că aceste pagini nu sunt conținut duplicat, ci sunt mai degrabă optimizate pentru diferite audiențe.

2. Optimizați paginile pentru diferite audiențe de căutare

Să continuăm cu exemplul de mai sus. Pe lângă prevenirea problemelor legate de conținutul duplicat, adăugarea etichetei hreflang la conținutul dvs. vizat în SUA și Australia vă asigură, de asemenea, că toți cei care caută își vor găsi drumul către conținutul care este optimizat pentru ei.

Practic, Google poate clasa versiunea SUA pentru persoanele care caută în SUA și versiunea australiană pentru persoanele care caută în Australia.

Fiecare utilizator ajunge la pagina care este optimizată pentru el, care poate avea, de asemenea, câteva beneficii SEO terțiare suplimentare, cum ar fi un CTR mai mare, o rată de respingere mai mică etc.

3. Beneficiați de semnalele de clasare partajate

Într-un Întrebări și răspunsuri din 2017 cu Gary Illyes de la Google, Gary sugerează că etichetele hreflang pot avea, de asemenea, un impact mai direct asupra SEO, deoarece paginile care sunt toate în același cluster hreflang vor împărtăși reciproc semnalele de clasare într-o oarecare măsură.

De exemplu, dacă aveți o mulțime de linkuri care indică versiunea în limba engleză a paginii, acele linkuri pot avea, de asemenea, un efect pozitiv asupra versiunii în limba spaniolă a paginii (presupunând că ambele pagini sunt grupate folosind hreflang).

Nu știm cât de mult este partajat și este puțin probabil să obțineți „sucul de link” complet, ca să spunem așa. Dar chiar și un mic impuls de la semnalele de clasare partajate merită să petreceți timpul pentru a configura corect etichetele hreflang.

Este Hreflang bun pentru SEO?

Pentru a rezuma, utilizarea corectă a etichetei hreflang este bună pentru SEO, deoarece vă ajută să optimizați modul în care motoarele de căutare indexează site-ul dvs. și să creați cea mai bună experiență posibilă pentru cei care caută.

Google a sugerat, de asemenea, că ar putea exista mai multe beneficii directe, cum ar fi paginile care se află în același cluster hreflang care partajează semnale de clasare.

Un exemplu real de Hreflang: trei situații comune

Am cam atins acest lucru în secțiunea anterioară, dar să trecem peste câteva exemple de când ați dori să utilizați eticheta hreflang pe site-ul dvs.

Conținut în diferite limbi

Dacă aveți conținut pe site-ul dvs. pe care l-ați tradus în mai multe limbi, veți dori să adăugați eticheta hreflang, astfel încât Google să știe că aceste pagini sunt asociate între ele. Adică, este aceeași versiune a paginii, doar în limbi diferite.

Conținut în aceeași limbă, dar pentru localități diferite

După cum am atins în secțiunea SEO, este posibil să doriți să utilizați eticheta hreflang chiar dacă conținutul dvs. este în aceeași limbă. De exemplu, dacă aveți versiuni diferite ale unei pagini pentru vizitatorii de limbă engleză din SUA, Marea Britanie și Australia, doriți să utilizați etichetele hreflang pentru a specifica locația fiecărei pagini.

Conținut pe diferite domenii/subdomenii

În unele situații, puteți crea site-uri multilingve separate folosind subdomenii sau nume de domenii complet diferite. De exemplu, yoursite.com și yoursite.es .

Puteți folosi în continuare eticheta hreflang pentru a vă conecta site-urile, chiar dacă acestea folosesc nume de domenii separate.

Sfaturi generale de implementare a Hreflang

Modul în care adăugați eticheta hreflang pe site-ul dvs. va depinde de modul în care v-ați construit site-ul.

De exemplu, ți-ai codificat site-ul de la zero? Sau utilizați un sistem de gestionare a conținutului găzduit în sine, cum ar fi WordPress sau un constructor de site-uri web, cum ar fi Squarespace sau Wix?

Dacă utilizați WordPress, este foarte ușor să adăugați eticheta hreflang folosind un plugin precum TranslatePress.

Pentru constructorii de site-uri web găzduite, este un pic cam amestecat. Unii creatori de site-uri web vor adăuga automat hreflang-ul pentru dvs., în timp ce alții vă cer să o faceți manual.

Cum faci o etichetă Hreflang?

Înainte de a vorbi despre implementarea hreflang pentru anumite platforme, să vorbim despre cum să facem o etichetă hreflang în general.

Când creați o etichetă hreflang, aveți două opțiuni:

• Numai limba – puteți specifica doar limba paginii adăugând codul din două litere. De exemplu, „aceasta este versiunea în spaniolă a paginii”.
• Limbă ȘI localitate – puteți depăși doar limba și, de asemenea, puteți specifica o locație, adăugând atât codul de limbă, cât și codul local. De exemplu, „aceasta este versiunea în spaniolă a paginii pentru persoanele din Mexic” și „aceasta este versiunea în spaniolă a paginii pentru persoanele din Spania”.

Dacă aveți mai multe pagini în aceeași limbă care vizează localități diferite, va trebui să le specificați pe ambele folosind eticheta hreflang.

Cu toate acestea, dacă creați doar o singură pagină în limba pentru toate zonele, atunci puteți doar să specificați limba.

Formatarea de bază a etichetei hreflang arată astfel:

<link rel="alternate" hreflang="[LANGUAGE]-[LOCALE]" href="[URL]" />

Iată un exemplu hreflang care indică că pagina este în engleză pentru toate localitățile:

<link rel="alternate" hreflang="en" href="https://yoursite.com/hello-world/" />

Și iată un exemplu care indică că pagina este în spaniolă și pentru persoanele din Mexic:

<link rel="alternate" hreflang="es-mx" href="https://yoursite.com/es/hola-mundo/" />

Iată câteva note:

• Cod de țară și localitate – pentru codurile de țară și localitate, doriți să utilizați codurile ISO din două litere. Toate codurile de țară. Toate codurile de limbă.
• URL – asigurați-vă că specificați adresa URL completă, inclusiv partea https sau http.

Câte etichete Hreflang trebuie să adăugați?

Google spune că trebuie să adăugați toate etichetele hreflang la fiecare versiune a unui conținut, inclusiv versiunea actuală.

De exemplu, să presupunem că aveți trei versiuni ale unei pagini:

• Engleză
• vorbitori de spaniolă în Mexic
• limba germana

Fiecare versiune ar include toate cele trei etichete, astfel încât Google să știe că toate sunt conectate într-un cluster.

Adică, versiunea în limba engleză ar include în continuare eticheta hreflang în limba engleză ( care este autoreferențială în termeni tehnici ), precum și cele două etichete hreflang pentru celelalte versiuni ale paginii.

Iată un exemplu despre cum ar arăta etichetele hreflang pentru fiecare pagină din cluster:

<link rel="alternate" hreflang="en" href="https://yoursite.com/hello-world/" />
<link rel="alternate" hreflang="es-mx" href="https://yoursite.com/es/hola-mundo/" />
<link rel="alternate" hreflang="de" href="https://yoursite.com/de/hallo-welt/" />

Dacă paginile dintr-un cluster hreflang nu indică toate una către alta, Google ar putea ignora eticheta hreflang, așa că este important să vă asigurați că adăugați eticheta hreflang oriunde este nevoie.

Google vă recomandă, de asemenea, să adăugați o pagină „prestabilită” pentru vizitatorii care nu folosesc una dintre limbile/localitățile pe care le-ați specificat.

Puteți configura acest lucru folosind eticheta hreflang x-default . Iată un exemplu:

<link rel="alternate" hreflang="x-default" href="https://yoursite.com/hello-world/" />

Unde puneți eticheta Hreflang?

Există două locuri principale pentru a pune eticheta hreflang:

1. HTML – adăugați etichetele hreflang în secțiunea <head> a site-ului dvs.
2. Harta site -ului – includeți etichetele hreflang în harta dvs. XML pe care o trimiteți la Google și la alte motoare de căutare.

De asemenea, puteți adăuga eticheta hreflang cu anteturi HTTP, dar aceasta este într-adevăr necesară doar pentru fișierele non-HTML, cum ar fi PDF-urile sau alte documente pe care le găzduiți pe serverul dvs. .

Pentru cele mai bune rezultate, probabil că veți dori să adăugați eticheta hreflang atât în ​​harta site-ului HTML, cât și în XML. Aceasta este ceea ce fac majoritatea instrumentelor automate ( mai multe despre cele de mai jos ).

Iată un exemplu hreflang din Moodle pentru adăugarea de cod la secțiunea HTML <head> a unei pagini:

Puteți vedea că există etichete hreflang pentru cinci limbi diferite, plus o opțiune implicită.

Și iată un exemplu hreflang dintr-un sitemap XML – puteți vedea că sitemap-ul include intrări pentru toate versiunile diferite din clusterul hreflang. În acest caz, aceasta este o versiune pentru engleză-SUA și una pentru spaniolă-Spania:

Cum să configurați Hreflang pentru diferite instrumente de creare a site-urilor web

Acum că am acoperit câteva sfaturi generale despre implementarea hreflang, să vorbim despre cum să configurați etichetele hreflang pentru anumite platforme, inclusiv următoarele:

• WordPress
• Squarespace
• Wix
• Flux web

Ghidul WordPress Hreflang

Dacă doriți să adăugați hreflang la WordPress, puteți utiliza pluginul TranslatePress.

TranslatePress oferă tot ceea ce aveți nevoie pentru a crea un site WordPress multilingv. Vă poate ajuta să traduceți conținutul manual și/sau automat prin Google Translate sau DeepL. Apoi, va crea versiuni prietenoase cu SEO pentru fiecare limbă, inclusiv adăugarea automată a etichetei hreflang relevante.

Acesta va adăuga eticheta hreflang atât în ​​HTML-ul fiecărei pagini, cât și în harta site-ului dvs. XML de la pluginuri SEO populare, cum ar fi Yoast SEO.

Etichetele hreflang din ambele exemple de capturi de ecran pe care vi le-am arătat în secțiunea anterioară au fost generate automat de TranslatePress.

Pentru a afla mai multe, consultați ghidul nostru pentru eticheta WordPress hreflang. Avem și un tutorial despre cum să faci un site WordPress multilingv cu TranslatePress.

TranslatePress Multilingv

Cel mai simplu mod de a adăuga etichete hreflang adecvate la HTML-ul și harta site-ului site-ului dvs. WordPress.

Obțineți pluginul

Sau descărcați versiunea GRATUITĂ

Ghidul Squarespace Hreflang

Adăugarea unui hreflang dinamic în Squarespace este puțin dificilă, deoarece adesea necesită să adăugați manual eticheta hreflang în pagina dvs. prin intermediul unui cod personalizat.

Puteți genera etichetele hreflang adecvate folosind acest instrument de generare. Apoi, va trebui să utilizați opțiunea de cod personalizat Squarespace pentru a adăuga acele etichete la secțiunea <head> a site-ului dvs.

Dacă doriți să adăugați eticheta hreflang la harta site-ului XML a site-ului dvs. Squarespace, acest lucru va necesita, de asemenea, un efort manual. Puteți utiliza Screaming Frog pentru a vă accesa cu crawlere site-ul Squarespace și pentru a genera o hartă XML a site-ului. Apoi, va trebui să editați manual acel sitemap pentru a include etichetele hreflang.

Din păcate, Squarespace pur și simplu nu face o treabă bună în gestionarea site-urilor multilingve în acest moment, motiv pentru care implementarea hreflang Squarespace necesită soluții manuale.

Dacă doriți o experiență multilingvă mai fluidă, puteți lua în considerare trecerea la WordPress.

Ghid Wix Hreflang

În comparație cu Squarespace, Wix oferă o funcționalitate multilingvă mult mai puternică. Dacă utilizați caracteristica multilingvă Wix pentru a vă crea site-ul multilingv, Wix va adăuga automat etichetele hreflang adecvate în paginile dvs. - nu este nevoie de niciun efort manual din partea dvs.

Ghidul Webflow Hreflang

Webflow utilizează aceeași abordare generală ca și Squarespace, ceea ce înseamnă că veți fi responsabil pentru configurarea manuală a etichetelor hreflang adecvate dacă creați un site multilingv.

Adică, va trebui să adăugați manual etichetele hreflang în secțiunea <head> a fiecărei pagini și, de asemenea, va trebui să vă construiți manual sitemap-ul (folosind un instrument precum Screaming Frog) dacă doriți să includeți etichete hreflang în sitemap.

Începeți cu eticheta Hreflang astăzi

Dacă aveți un site web multilingv și/sau un site web care are conținut diferit pentru diferite locații geografice, este important să adăugați corect eticheta hreflang pe site-ul dvs. pentru a îmbunătăți SEO și experiența utilizatorului.

Eticheta hreflang folosește o sintaxă simplă pe care o puteți adăuga la secțiunea HTML <head> și/sau la harta site-ului dvs. XML. Doar asigurați-vă că adăugați toate etichetele hreflang relevante în fiecare pagină, astfel încât motoarele de căutare să poată vedea clar cum se conectează toate versiunile paginii.

Dacă ți-ai creat site-ul cu WordPress, cel mai simplu mod de a începe cu hreflang este să folosești pluginul TranslatePress.

Dacă utilizați TranslatePress pentru a crea un site multilingv, acesta va adăuga automat etichetele hreflang adecvate pe harta site-ului HTML și XML a site-ului dvs. - totul fără să fiți nevoie să ridicați vreodată un deget.

Pentru a afla mai multe despre etichetele hreflang pe WordPress, consultați tutorialul nostru WordPress hreflang.

Și pentru a afla cum să utilizați TranslatePress, consultați ghidul nostru despre cum să creați un site WordPress multilingv.

TranslatePress Multilingv

Cel mai simplu mod de a adăuga etichete hreflang adecvate la HTML-ul și harta site-ului site-ului dvs. WordPress.

Obțineți pluginul

Sau descărcați versiunea GRATUITĂ

Mai aveți întrebări despre eticheta hreflang sau despre cum să o utilizați? Spune-ne în comentarii!

Dacă ați găsit această postare utilă, vă rugăm să consultați canalul nostru YouTube, unde încărcăm constant tutoriale video scurte și ușor de urmărit. Ne puteți urmări și pe Facebook și Twitter pentru a fi primii care află de fiecare dată când postăm.