hreflang

Rossz nyelvű találat = elvesztett látogató

Ha a keresőnek nincs jelölése, ő választ. Gyakran a régebbi vagy erősebb linkprofilú verziót hozza elő. A német vásárló magyar terméklapra érkezik, és visszalép. A forgalom megvan, a konverzió nincs.

Kannibalizáció a saját verziók között

A nyelvi változatok ugyanarra a kifejezésre versenyezhetnek. Az en-US és en-GB oldal szinte azonos szöveget tartalmaz. Jelölés nélkül a kereső az egyiket választja, a másik kiesik az indexelésből. Hreflanggal mindkettő megmaradhat a saját piacán.

Üzleti hatás

• Több piacra dolgozó webshopnál a helyes nyelvi verzió közvetlenül látszik a kosárértékben.
• Rossz jelölés mellett a nyelvi aloldalak forgalma a hazai verzióra csúszik át.
• A javítás olcsó: sablon-szintű módosítás, nem tartalommunka.

A hatás mértéke a piacok számával nő. Egy kétnyelvű bemutatkozó oldalon kicsi, egy öt országba szállító boltnál jelentős.

Vonatkozik

• Többnyelvű weboldalak, ahol ugyanaz a tartalom több nyelven elérhető.
• Több országot célzó webshopok, akkor is, ha a nyelv azonos (de-DE és de-AT).
• Régiónként eltérő árat, szállítást vagy jogi szöveget mutató oldalak.
• Aldomainen, alkönyvtárban vagy külön országdomainen futó verziók.

Nem vonatkozik

• Egynyelvű oldalak. Ott felesleges, és hibát okozhat.
• Olyan oldalak, ahol csak a menü fordul le, a tartalom nem.
• Staging és fejlesztői környezet. Ott a noindex, meta robots és X-Robots-Tag a helyes eszköz.
• Gépi fordítású, automatikusan generált nyelvi verziók. Ezek önmagukban is kockázatot jelentenek.

A magyar KKV-oldalak többségén egy nyelv van, ott ez a szabály nem alkalmazható. Amint megjelenik az /en/ könyvtár, már igen.

Lépések

1. Nyisd meg az oldal forrását a böngészőben (Ctrl+U), és keress rá a hreflang szóra.
2. Ellenőrizd, hogy a <head> szekcióban vannak-e. A <body>-ban lévő jelölést a keresők nem veszik figyelembe.
3. Nyisd meg az egyik hivatkozott nyelvi URL-t, és nézd meg, visszamutat-e az eredetire.
4. Nézd meg a canonical taget minden verzión. Önmagára kell mutatnia.
5. Parancssorból gyorsabb: curl -s https://pelda.hu/ | grep -i hreflang.
6. Nagyobb oldalnál futtass egy crawlert (például Screaming Frog), és nézd meg a hreflang-riportot.

Jó jel

• Minden verzió felsorolja az összeset, saját magát is.
• Abszolút URL-ek szerepelnek, protokollal együtt.
• Van x-default, ha létezik nyelvválasztó vagy globális verzió.
• A hivatkozott URL-ek 200-as választ adnak.

Rossz jel

• Csak az egyik irányban van jelölés.
• Relatív útvonal (/en/rolunk) szerepel a href-ben.
• A hivatkozott cím átirányít vagy 404-et ad.
• Kitalált kódok: cz, uk Nagy-Britanniára, en-UK.
• A hreflang mellett IP alapú kényszerátirányítás fut.

Mit néz ebből a riport

Az audit megnézi, van-e egyáltalán hreflang-jelölés a <head>-ben, és hogy a formátuma érvényes-e. Azt is vizsgálja, szerepel-e önhivatkozás és x-default. A több domainen átívelő kölcsönösséget egyetlen oldal letöltéséből nem lehet teljesen ellenőrizni, ezt crawlerrel érdemes utánanézni.

WordPress

1. Ha többnyelvű plugint használsz (WPML, Polylang, TranslatePress, Weglot), a hreflang kimenet beépített.
2. Ellenőrizd a plugin nyelvi beállításaiban, hogy minden nyelv publikált állapotban van.
3. Nézd meg, hogy a fordítások össze vannak-e párosítva. A párosítatlan bejegyzés kimarad a jelölésből.
4. Ha SEO-plugin is fut (Yoast, Rank Math), nézd meg, nem ír-e felül canonicalt a nyelvi verziókon.
5. Kézi megoldás csak akkor kell, ha nincs plugin: a sablon header.php fájljában generáld a linkeket a fordítási térképből.

Shopify

1. Állítsd be a piacokat a Markets menüben, és publikáld a nyelveket piaconként.
2. Győződj meg róla, hogy a theme.liquid fájlban benne van a {{ content_for_header }} sor. A hreflang onnan érkezik.
3. Ne írj kézzel saját hreflang blokkot mellé, mert megduplázódik a jelölés.

Unas

1. Kapcsold be a kívánt nyelveket az adminban, és rendeld hozzá a megfelelő domaint vagy aldomaint.
2. Ellenőrizd a forrásban, kikerül-e a jelölés a <head>-be.
3. Ha nem, a saját HTML-kód beillesztésére szolgáló mezőben add hozzá a linkeket nyelvenként.
4. Figyelj arra, hogy a kézi blokk minden nyelven a helyes URL-eket tartalmazza.

Shoprenter

1. Állítsd be a nyelveket és a hozzájuk tartozó domaineket az adminban.
2. A sablonszerkesztőben nyisd meg a fejléc sablont.
3. Illeszd be a nyelvi változatokat generáló blokkot, vagy statikus oldalaknál a fix linkeket.
4. Ürítsd a sablon-gyorsítótárat, és ellenőrizd a forrást.

Egyedi fejlesztés

1. Tarts nyilván egy fordítási térképet: melyik tartalom melyik URL-en él nyelvenként.
2. A sablonban generáld a <link> elemeket ebből a térképből, mindig abszolút URL-lel.
3. Tedd bele az önhivatkozást és az x-default sort.
4. Ha egy nyelven nincs megfelelő oldal, ne mutass a kezdőlapra. Inkább hagyd ki.
5. Nagy katalógusnál az XML sitemap alapú megoldás olcsóbb, mint a HTML-fejléc.
6. Kapcsold ki az IP alapú kényszerátirányítást, vagy tedd felajánlássá.

• Féloldalas jelölés: az A oldal hivatkozik B-re, B nem hivatkozik vissza, így a kereső eldobja a párt.
• Hiányzó önhivatkozás: ha az oldal nem szerepel a saját listájában, a jelölés érvénytelen lehet.
• Relatív URL a href-ben: a /en/ kezdetű cím nem értelmezhető más domainen, abszolút cím kell.
• Ütköző canonical: ha a nyelvi verzió canonicalja egy másik nyelvre mutat, az felülírja a hreflang szándékát, lásd Canonical URL.
• Rossz nyelvkódok: a cz, jp és en-UK nem létező kombinációk, a helyes forma cs, ja és en-GB.
• Átirányító vagy noindex cél: a hreflangnak mindig végleges, indexelhető URL-re kell mutatnia, nem átirányításra.
• IP alapú kényszerátirányítás: ha minden magyar IP-t a magyar oldalra dobsz, a kereső robotja sosem látja a többi verziót.

Három nyelvi változat jelölése a <head> szekcióban. Minden URL-en ugyanez a blokk szerepel, önhivatkozással együtt.

<head>
  <link rel="alternate" hreflang="hu" href="https://pelda.hu/szolgaltatasok" />
  <link rel="alternate" hreflang="en" href="https://pelda.hu/en/services" />
  <link rel="alternate" hreflang="de-AT" href="https://pelda.hu/de/leistungen" />
  <link rel="alternate" hreflang="x-default" href="https://pelda.hu/en/services" />
  <link rel="canonical" href="https://pelda.hu/szolgaltatasok" />
</head>

Nagy oldalon egyszerűbb sitemapből megadni. Így egy bejegyzés írja le az összes változatot, és nem kell minden sablont módosítani.

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:xhtml="http://www.w3.org/1999/xhtml">
  <url>
    <loc>https://pelda.hu/szolgaltatasok</loc>
    <xhtml:link rel="alternate" hreflang="hu" href="https://pelda.hu/szolgaltatasok"/>
    <xhtml:link rel="alternate" hreflang="en" href="https://pelda.hu/en/services"/>
  </url>
</urlset>

Gyors ellenőrzés parancssorból: curl -s https://pelda.hu/ | grep -i hreflang. Ha üres a válasz, nincs jelölés a HTML-ben.