Többnyelvű webhelyek és a hreflang

Modul 3: Egy oldal technikai alapjai · Olvasási idő: 12 perc

Tanulási cél: A lecke után Ön helyesen be tudja állítani a hreflangot egy több nyelven vagy több országnak szóló webhelyen, és ellenőrizni tudja, hogy a hivatkozások kölcsönösek-e.

Kulcsfogalmak: nyelvi változat, hreflang, nyelvkód (ISO 639-1), országkód (ISO 3166-1 alpha-2), írásrendszer-kód (ISO 15924), x-default, kölcsönösség (visszahivatkozás), önhivatkozás, HTML, HTTP-fejléc vagy webhelytérkép, nyelvenként külön cím, nincs automatikus átirányítás nyelv alapján, lang-attribútum

A probléma: melyik változatot mutassa a kereső?

A Bloemenatelier Lotte növekszik. A webhelynek lesz egy angol változata a turisták és a külföldön élők számára, valamint egy német változata a határ túloldalán élő ügyfeleknek. Ugyanaz a menyasszonyi csokrokról szóló oldal így most háromszor létezik:

https://www.example.com/bruidsboeketten          (holland)
https://www.example.com/en/bridal-bouquets       (angol)
https://www.example.com/de/brautstraeusse        (német)

A keresőmotornak minden keresésnél el kell döntenie, hogy a három közül melyiket jeleníti meg. Egy kölni felhasználónak, aki németül keres, a német változatot kell kapnia, nem a hollandot. A hreflang segítségével Ön megmondja a keresőmotornak, hogy mely oldalak egymás nyelvi változatai, és az egyes változatok melyik nyelvnek vagy országnak szólnak.

A hreflang nem rangsorolási trükk. Csupán azt biztosítja, hogy a megfelelő változat a megfelelő helyen jelenjen meg. És nem is nyelvfelismerés: a Google azt írja, hogy a hreflangot és a HTML lang-attribútumát nem használja egy oldal nyelvének meghatározására; ezt maga végzi el a szöveg alapján. A lang-attribútumot (<html lang="nl">) azért állítsa be helyesen a böngészők, a fordítóprogramok és a képernyőolvasók kedvéért.

Először az alap: külön címek

A Google azt javasolja, hogy minden nyelvi változatnak saját címe legyen, és nem ajánlja, hogy ugyanazon a címen sütikkel vagy böngészőbeállítások alapján váltson a nyelv. Az ok gyakorlati: a Googlebot többnyire az Egyesült Államokból térképez fel. Ha egy cím tartalma attól függően változik, hogy ki nézi, a Googlebot lehet, hogy csak az egyik változatot látja.

Ugyanezért: ne irányítsa át automatikusan a látogatókat egy másik nyelvi változatra a nyelvük vagy a tartózkodási helyük alapján. A Google ezt kifejezetten nem ajánlja. Egy Németországban nyaraló holland a holland webhelyet szeretné látni; inkább helyezzen el jól látható nyelvválasztót az oldalon, és tegye lehetővé, hogy mindenki minden változatot elérjen.

Ha nyelvek helyett országok szerint dolgozik, külön domainekkel, például example.de és example.nl, ugyanez érvényes. A változatoknak nem kell ugyanazon a domainen lenniük.

Hogyan néz ki a hreflang

Minden nyelvi változat <head> részében ugyanaz a sorkészlet szerepel:

<link rel="alternate" hreflang="nl" href="https://www.example.com/bruidsboeketten">
<link rel="alternate" hreflang="en" href="https://www.example.com/en/bridal-bouquets">
<link rel="alternate" hreflang="de" href="https://www.example.com/de/brautstraeusse">
<link rel="alternate" hreflang="x-default" href="https://www.example.com/bruidsboeketten">

Négy szabály, amelyet ismernie kell:

1. Minden változat megnevezi önmagát és az összes többit. Az angol oldalon tehát pontosan ugyanez a négy sor szerepel, beleértve az en sort is, amely önmagára mutat.
2. A hivatkozásoknak kölcsönösnek kell lenniük. Ha a holland oldal a németre mutat, a németnek vissza kell mutatnia a hollandra. A Google szerint ha két oldal nem mutat egymásra kölcsönösen, a hivatkozásokat figyelmen kívül hagyja. Ez a leggyakoribb hiba, ezért ezt ellenőrzi a lecke feladata.
3. Teljes címek. A https:// előtaggal együtt. Egy olyan elérési út, mint /en/bridal-bouquets vagy //www.example.com/en/..., nem számít.
4. Rendezett <head> részben. A sorok a HTML <head> részében állnak. Ha a head korábban megszakad, például egy oda nem illő különálló <img> vagy <div> miatt, a keresőmotor lezártnak tekintheti a headet, és a többit nem látja.

A kódok

A hreflang értéke egy nyelvkód, amelyet adott esetben egy országkód követ:

A nyelvkód az ISO 639-1 szabványból származik (két betű), az országkód az ISO 3166-1 alpha-2 szabványból. A kis- és nagybetű nem számít, de a szokás a kisbetűs nyelv és a nagybetűs ország. Három buktató:

• Önmagában ország nem adható meg. A hreflang="be" fehérorosz nyelvet jelent (a be nyelvkód), nem Belgiumot. Az ország mindig egy nyelv után áll: nl-BE vagy fr-BE.
• Az en-UK nem létezik. Az Egyesült Királyság országkódja GB. A Google azt írja, hogy az olyan kódoknak, mint az EU, az UN vagy az UK, nincs hatásuk.
• Csak akkor adjon meg országot, ha a változatok valóban különböznek (eltérő árak, pénznem, kiszállítás, helyesírás). Ha egyetlen német változata van mindenkinek, egyszerűen a de kódot használja.

x-default

Az x-default nem kötelező. Ezzel jelöli meg azt az oldalt, amely azoknak a látogatóknak szól, akiknek egyik változata sem felel meg, például egy franciául beszélőnek. Ez gyakran az Ön fő nyelve, vagy egy olyan oldal, ahol a látogató maga választ nyelvet.

Három módszer, válasszon egyet

A Google három egyenértékű módszert ismer a hreflang megadására:

1. A HTML-ben, <link>-sorokkal a headben, ahogy fent látható. Ez a leggyakoribb.

2. HTTP-fejlécként, a Link fejléccel, amely HTML nélküli fájloknál hasznos, például egy pdf esetében:

   Link: <https://www.example.com/en/price-list.pdf>; rel="alternate"; hreflang="en"

3. A webhelytérképben, <url> elemenként xhtml:link-sorokkal. Nagy webhelyeknél hasznos, mert így az oldalak nem lesznek nagyobbak.

Nem kell kombinálnia őket. Ha többet is használ, azoknak pontosan ugyanazt kell mondaniuk.

A hreflang és a canonical együtt

A hreflang és a canonical (3.5. lecke) együttműködik, de ne keverje össze őket:

• Minden nyelvi változatnak önmagára mutató canonicalja van. Az angol oldal nem a holland másolata, ezért nem a hollandra mutat kanonikus címként. Ha mégis ezt teszi, azt mondja, hogy „az angol oldal valójában nem létezik”, és az kikerül az indexből.
• A hreflangban szereplő címek a változatok kanonikus címei. Ha a hreflang olyan címre mutat, amely átirányít, 404-et ad, noindex jelölésű vagy máshová mutató canonicallal rendelkezik, a csoport megszakad.

A Google a kanonikus cím meghatározásakor szívesebben választ olyan címeket, amelyek egy hreflang-csoport részei. Egy rendezett csoport tehát a kanonizálást is segíti.

A gyakorlatban: bízza a rendszerre

A hreflang kézi karbantartása hibalehetőségekkel jár: tíz nyelv és száz oldal esetén ezer sorról van szó, amelyeknek mind helyesnek kell lenniük. Bízza ezt a webhelykezelő rendszerére. A WebOké AI Builder többnyelvű webhely esetén minden oldalon hreflang-hivatkozásokat helyez el ugyanannak az oldalnak a többi nyelvi változatára, valamint egy x-default hivatkozást a fő nyelvre, és a lefordított párral nem rendelkező oldalt szándékosan kihagyja a csoportból. A WordPressben a többnyelvű bővítmények ugyanezt teszik. Más webhelykészítőknél olyan neveken találja, mint „nyelvek” vagy „nemzetközi”. Ezután ellenőrizze maga, hogy a hivatkozások oda és vissza is rendben vannak-e; ezt végzi el a feladat.

Összefoglalás

• A hreflang megmondja, mely oldalak egymás nyelvi vagy országos változatai; nem ismeri fel a nyelvet, és nem rangsorolási trükk.
• Minden változatnak saját címe legyen, nyelv vagy tartózkodási hely alapján ne legyen automatikus átirányítás.
• Minden változat megnevezi önmagát és az összes többit, teljes címekkel, és minden hivatkozásnak vissza kell érkeznie; különben a Google figyelmen kívül hagyja.
• Kódok: nyelv az ISO 639-1 szerint, adott esetben országgal az ISO 3166-1 alpha-2 szerint (en-GB, nem en-UK); x-default a többieknek.
• Minden változatnak önmagára mutató canonicalja van; a hreflang csak 200-at adó kanonikus címekre mutat.

Kvíz

Feladat

A3.6. feladat: Kölcsönösek a hreflang-hivatkozásai? Adja meg egy több nyelven létező oldal címét. A program összegyűjti a hreflang-hivatkozásokat a headből és a Link fejlécből, ellenőrzi a kódokat és az önhivatkozást, lekéri az összes többi nyelvi változatot, és megnézi, hogy azok visszamutatnak-e, 200-at adnak-e, nincs-e rajtuk noindex, és önmagukra mutató canonicallal rendelkeznek-e. Nincs saját többnyelvű webhelye? Használja a https://european-union.europa.eu/index_nl címet.

További olvasnivaló

• Google Search Central, Az oldal lokalizált változatairól szóló tájékoztatás a Google számára: https://developers.google.com/search/docs/specialty/international/localized-versions
• Google Search Central, Többnyelvű és nemzetközi webhelyek kezelése: https://developers.google.com/search/docs/specialty/international/managing-multi-regional-sites
• Google Search Central, Ismétlődő URL-ek összevonása: https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls
• ISO 639 nyelvkódok (Library of Congress): https://www.loc.gov/standards/iso639-2/php/code_list.php