Hreflang attribútum: beállítás és helyes alkalmazás

A Hreflang attribútum arról tájékoztatja a keresőmotorokat, hogy az oldal több, különböző nyelvű változata is elérhető. A Google és a Yandex ezt arra használja, hogy a keresési eredményekben a felhasználó országának és nyelvi preferenciáinak megfelelő URL-eket jelenítse meg. A Hreflang elengedhetetlen attribútum a többnyelvű weboldalakat népszerűsítő szakemberek számára. Tartalmaznia kell a megfelelő nyelv/régió kódot és az oldal URL-jét a megadott nyelvi változatban. A SEMrush jelentése szerint a többnyelvű webhelyek körülbelül 75%-ánál a hreflang rosszul van megvalósítva vagy egyáltalán nincs használva, ami problémákat okozhat az indexelés és a keresőmotorokban való rangsorolás szempontjából. Olvassa el cikkünket, hogy megtudja, hogyan alkalmazza helyesen a hreflang-ot.

Mi az a rel = “alternate” hreflang attribútum?

Nemzetközi e-kereskedelmi környezetben dolgozva különböző nyelvi verziókkal kell foglalkoznia egy weboldalon. Felhasználhatósági szempontból fontos a pontos fordítás és szükség esetén az adott piacon érvényes trendekhez való megjelenés adaptálása. A felhasználóknak kényelmesen kell tudni navigálni az oldalon, ha fontos a konverzió. Az optimalizáció szemszögéből ugyanakkor biztosítani kell, hogy a keresőmotorok helyesen jelezzék, melyik nyelvi változatot kell megjeleníteni az adott internethasználónak. A Hreflang arra szolgál, hogy jelezze a keresőmotoroknak, hogy a weboldalnak vagy oldalnak más nyelvi változatai vannak, melyek más nyelvű vagy más régióból származó felhasználókat céloznak.

Hogyan működik ez a gyakorlatban? A felhasználó beír egy érdeklődésének megfelelő kifejezést a keresőmotorba. Ezután a keresőmotor ellenőrzi a felhasználó nyelvi preferenciáit, és végigfuttatja a keresést az indexen, illesztve az oldalakat a lekérdezéshez, odafigyelve a hreflang attribútumokra. A keresőmotor közzéteszi a keresési eredményeket, a felhasználó pedig olyan oldalakat néz meg, amelyek tematikusan és nyelvileg relevánsak az általa keresett kifejezéshez.

Megéri a hreflang használata a SEO-ban?

A Hreflang nem egy rangsorolási tényező, legalábbis ezt hivatalosan sem a Google, sem a Yandex nem erősítette meg. Azonban használata elősegítheti a CTR növekedését, amely viszont egy rangsorolási tényező. Nézzünk néhány példát, amelyek kiemelik a hreflang fontosságát.

A Google és a Yandex figyelembe veszi a felhasználó nyelvét, ez tény. Ezen kívül, a többnyelvűség megvalósítása egy weboldalon lehetőséget biztosít a látogató hosszabb megtartására.

A hreflang attribútummal összekapcsolt oldalak nem tekintendők duplikált tartalomnak. Ez előfordulhat, ha különálló oldalak – például az USA és az Egyesült Királyság számára – azonos szöveget tartalmaznak, ahol az egyetlen különbség a pénznem. A hreflang segítségével tájékoztatja a keresőmotort, hogy ez ugyanaz a tartalom, csak különböző közönségek számára célzott.

Tipp! Erősen ajánljuk a hreflang használatát többnyelvű vagy regionális weboldalak esetén. Az SEO szakemberek rámutatnak, hogy az attribútum önmagában nem növeli a rangsorolást, de segít célzottabb forgalmat elérni.

Mikor használjon nyelvi változatokkal kapcsolatos jelölést?

• Az online forrás teljes tartalma több nyelvre le van fordítva.
• Az oldalt több régió számára is meg kell jeleníteni (akkor is, ha a nyelv hasonló, mint például a brit angol és az amerikai angol), ami segít elkerülni a tartalom duplikálását.

Miért fontos ezzel foglalkozni? Ahogy maga a Google is kijelenti hivatalos forrásaiban:

• A lokalizált verziók csak akkor tekintendők duplikáltnak, ha a fő tartalom nincs lefordítva;
• Az ismétlődő tartalom rontja az oldal minőségét.

Itt van három példa, ahol a hreflang használatát ajánljuk:

• A fő tartalom egyetlen nyelven van bemutatva, míg az oldal sablonja különféle nyelvekre van fordítva (lábjegyzet, navigáció, oldalsáv elemei). Ez a megközelítés megfigyelhető felhasználói tartalommal feltöltött webhelyeken.
• A publikált szövegek csak regionális adaptáció miatt különböznek, például egy német weboldal, amely a német, osztrák és svájci piacokat célozza.
• Az egész oldal teljes mértékben több nyelvre van lefordítva, és a kínálat különböző régiók felhasználóit célozza.

A hreflang használatának legnagyobb előnye a weboldalon a tartalom duplikáció elkerülése. Ha különböző piacokon működik, ahol a felhasználók ugyanazt a nyelvet beszélik, és a tartalmi különbségek csekélyek, a keresőmotor ezt duplikált tartalomként érzékelheti. A Hreflang attribútumok kiküszöbölhetik ezt a kockázatot.

Lang HTML és hreflang attribútum

A HTML-ben találkozhat egy lang nevű taggel, amely meg jelzi a létrehozott dokumentum, tehát a weboldal, nyelvét. Azonban a Google nem veszi figyelembe ezt az attribútumot, ahogyan azt John Mueller is kijelentette. A nyelvi verziók jelöléséhez hreflang-ot kell használni.

Hogyan kell helyesen megadni a hreflang attribútumot egy weboldalon?

A Google 3 módszert javasol a hreflang megvalósítására, nevezetesen:

• Az HTML oldalkódban
• Az HTTP fejlécben
• A sitemapban.

Megjegyzés! Megpróbálhatja megvalósítani az attribútumokat a Google Tag Manageren keresztül. Ez a módszer csak azoknak a weboldaltulajdonosoknak ajánlott, akik nehézségekkel találkoznak az oldal módosításainak elvégzésében. A Google Tag Manager JavaScript segítségével adja hozzá a hreflang-ot, amelyet a Google nem tud azonnal értelmezni.

Hreflang hozzáadása az HTML-ben

Adja hozzá a hreflang attribútumokat az eltérő nyelvi verziójú oldalakhoz kapcsolódó oldal kódjába. Az egyetlen tag helyes szintaxisa a következő:

<link rel="altrnt" hreflang="region-nyelv-kód" href="url" />

• Nyelvi kód, opcionális régió kód – a jelölésnek meg kell felelnie ISO 639-1 és ISO 3166-1 Alpha 2 formának (a részletes útmutatásokat alább tárgyaljuk).
• URL – az oldal teljes címe más nyelvi változatban.

Példa:

Az oldal a orosz, brit és osztrák piacokon működik, a webhely fő verziója orosz. A megfelelően megvalósított hreflang így fog kinézni:

<head>

<link rel="altrnt" hreflang="ru" href="https://my-site.com/" />

<link rel="altrnt" hreflang="en-gb" href="https://my-site.com/en/ "/>

<link rel ="altrnt" hreflang=" de-at "href="https://my-site.com/de/ "/>

</head>

 

Megvalósítás az HTTP fejlécben

Az HTTP fejléc kiegészítő információ, amelyet a szerverek küldött kérésekhez csatolnak (például cookie headerekhez). Ez a módszer hasznos olyan fájlok számára, amelyek nem HTML formátumúak, mint például PDF fájlok.

A fejlécnek a következő formában kell lennie:

<url-1>; rel="alternate"; hreflang="nyelv_kód_1-régió_kód_1", <url-2>; rel="alternate"; hreflang="nyelv_kód_2-régió_kód_2", ...

A nyelv- és régiókódok azonosak mint az HTML tageknél. Az oldal minden változatának rendelkeznie kell ugyanazzal a header készlettel. Ne felejtsük el vesszővel elválasztani a következő paramétereket. Tartalmazni kell azt a paramétert is, amely az aktuális oldalára utal.

Példa:

A PDF fájl elkészült orosz, brit és osztrák verziókban. Az HTTP fejléc így néz ki

Link:

<https://my-site.com/files.pdf>; rel = "altrnt"; hreflang = "ru",

<https://en-gb.my-site.com/files.pdf>; rel = "altrnt"; hreflang = "en-gb",

<https://de-at.my-site.com/files.pdf>; rel = "altrnt"; hreflang = "de-at"

Hreflang alkalmazása a Sitemapban

A oldal nyelvi verziói megadhatók a keresőmotorok számára az XML sitemap segítségével. Ezt a tag használatával tehetjük meg, jelezve az URL-t nyelvi verziókkal. Ezután minden oldalt jeleket adunk a nyelvek és régiók számára.

Sablon oldal jelölések két nyelvi változatban:

<?xml version="1.0" encoding="UTF-8"?>

<urlset xmlns=”https://sitemaps.org/schemas/sitemap/0.9″

xmlns:xhtml=”https://www.w3.org/1999/xhtml”>

<url>

000000<loc>https://my-site.com/ru/</loc>

00000000<xhtml:link

0000000000000000000000rel=”alternate”

0000000000000000000000hreflang=”en”

0000000000000000000000href=”https://my-site.com/en/”/>

00000000<xhtml:link

000000000000000000rel=”alternate”

000000000000000000hreflang=”ua”

000000000000000000href=”https://my-site.com/ua/”/>

00000000<xhtml:link

000000000000000000rel=”alternate”

000000000000000000hreflang=”ru”

000000000000000000href=”https://my-site.com/ru/”/>

0000</url>

<url>

000000<loc>https://my-site.com/en/</loc>

000000<xhtml:link

00000000000000000000rel=”alternate”

{r
d>v>ihef k=”1″>a[>/<