Prejsť na obsah

Web a UX

Viacjazyčný web: UX a SEO – štruktúra URL, hreflang, prepínač jazykov

Ako urobiť viacjazyčný web pohodlným a viditeľným vo vyhľadávaní: štruktúra adries, tagy hreflang, prepínač jazykov, preklad a lokalizácia, technické detaily a typické chyby.

O nás

Kto sme a ako pracujeme

Viacjazyčný web funguje vo vyhľadávaní dobre, keď má každý jazyk vlastné adresy (najčastejšie podpriečinky typu /en/), úplne preložený obsah a vzájomné tagy hreflang. Pre pohodlie je potrebný nápadný prepínač jazykov, ktorý vedie na tú istú stránku v inom jazyku, a žiadne nútené presmerovania podľa IP alebo jazyka prehliadača.

Stručne

  • Každá jazyková verzia má samostatnú adresu; pre malú firmu najjednoduchšie fungujú podpriečinky na jednej doméne.
  • Tagy hreflang vymenúvajú všetky verzie stránky vrátane nej samotnej a potvrdzujú sa spätnými odkazmi.
  • Prepínač jazykov stojí na viditeľnom mieste, jazyky popisuje ich názvami a vedie na zodpovedajúcu stránku.
  • Jazyk návštevníka sa ponúka nenápadnou nápovedou a voľba človeka sa zapamätá.
  • Preklad redaktuje rodený hovoriaci a lokalizácia zahŕňa meny, formáty dátumov, kontakty a právne stránky.
  • Každá verzia má vlastný canonical, preklad metaúdajov a miesto v mape webu.

Štruktúra adries: podpriečinky, subdomény alebo samostatné domény

Vyhľadávač má vidieť každý jazyk ako samostatnú stránku s vlastnou adresou. V odporúčaniach Google pre viacjazyčné weby sa radí dávať verziám rôzne URL a nenahrádzať jazyk cez cookie alebo nastavenia prehliadača na jednej adrese: pri takejto schéme časť verzií zostáva pre roboty nedostupná.

VariantPríkladKedy sa hodíNuansy
Podpriečinkyexample.com/en/Jeden tím, jeden systém správy, jedna značkaSpoločná doména, najjednoduchšie na údržbu a analýzu
Subdoményen.example.comSamostatné tímy alebo servery pre verzieZložitejšie nastavenia a analytika
Samostatné doményexample.deSamostatná firma alebo právnická osoba v krajineKaždá doména sa rozvíja samostatne, údržba je drahšia
Parametre v adreseexample.com/?lang=enZvyčajne nieGoogle takýto variant neodporúča

Čo zvoliť pre malú firmu

Pre firmu s jedným tímom a jednou administráciou zvyčajne vyhovujú podpriečinky: všetky jazyky fungujú na jednej doméne, hosting a certifikát sú spoločné a štatistika sa uchováva v jednom účte. Samostatné domény sú opodstatnené, keď pre každú krajinu existuje vlastné podnikanie s lokálnymi cenami, právnymi dokumentmi a samostatným reklamným rozpočtom.

hreflang: ako uviesť, ktorá verzia je pre koho

Atribút hreflang oznamuje vyhľadávaču, že stránky sú verziami jedného obsahu v rôznych jazykoch alebo pre rôzne regióny. Vďaka tomu používateľ vo výsledkoch vidí svoj jazyk a verzie spolu súperia menej často.

  • Každá stránka vymenúva všetky svoje verzie vrátane seba.
  • Väzba je vzájomná: ak ukrajinská stránka odkazuje na anglickú, anglická odkazuje na ukrajinskú. Bez spätných odkazov môže byť značkovanie ignorované.
  • Jazyky sa zapisujú kódmi ISO 639-1: uk pre ukrajinčinu, ru pre ruštinu, en pre angličtinu. Región sa pridáva podľa potreby, napríklad en-GB alebo de-AT.
  • Kód ua označuje krajinu a pre jazyk sa nehodí: ukrajinčina má kód uk.
  • Hodnota x-default určuje stránku pre používateľov, ktorých jazyk web nepodporuje, zvyčajne je to výber jazyka alebo hlavná verzia.
  • Adresy v značkovaní sú úplné, s protokolom, a zhodujú sa s tými, ktoré web vracia.
  • Značkovanie sa poskytuje jedným spôsobom pre celý web: v head stránky, v hlavičkách odpovede servera alebo v XML mape webu.

S hreflang spolupracuje canonical. Každá jazyková verzia ukazuje canonical sama na seba. Ak canonical všetkých verzií vedie na hlavný jazyk, vyhľadávač môže ostatné verzie považovať za duplicity a nezobrazovať ich.

Prepínač jazykov a výber jazyka návštevníka

Kam umiestniť a ako popísať

Prepínač sa umiestňuje do hlavičky, najčastejšie vpravo hore, a duplikuje sa v mobilnom menu alebo v pätičke. Jazyky sa popisujú ich vlastnými názvami: English, Deutsch, Slovenčina. Vlajky označujú krajiny, no jazyky patria mnohým krajinám naraz, preto je textový názov zrozumiteľnejší. Každý jazyk sa robí ako skutočný odkaz s adresou, aby ho videli roboty.

Automatické určenie jazyka

Určenie podľa IP adresy alebo jazyka prehliadača sa často mýli: človek na cestách, pri pracovnom počítači alebo s VPN dostane nezrozumiteľnú verziu. Okrem toho Google radí vyhýbať sa automatickým presmerovaniam podľa jazyka používateľa, lebo môžu zatvoriť prístup k ostatným verziám ľuďom aj vyhľadávacím robotom. Lepším variantom je nenápadná nápoveda nad stránkou s ponukou prejsť do iného jazyka. Voľbu návštevníka možno zapamätať a adresy stránok zostávajú nezmenené.

Tá istá stránka v inom jazyku

Prepínač vedie na zodpovedajúcu verziu aktuálnej stránky. Ak preklad ešte neexistuje, odkaz na tento jazyk je na takej stránke lepšie skryť alebo viesť na najbližšiu sekciu s vysvetlením. Prechod na hlavnú stránku bez vysvetlenia človeka zmätie.

Preklad a lokalizácia

Strojový preklad sa hodí ako koncept a pred zverejnením text redaktuje rodený hovoriaci. Nešikovné formulácie a chyby v termínoch si čitateľ rýchlo všimne a znižujú dôveru. Predajné stránky (služby, podmienky, ceny) sa zverujú človeku, ktorý pozná odbor. Okrem textu sa lokalizuje:

  • metaúdaje: title, description, nadpisy, alt texty a texty odkazov;
  • adresy stránok: transliterácia alebo preklad slov v adrese podľa jazyka verzie;
  • mena, jednotky merania, formáty dátumov, telefónov a poštových adries;
  • kontakty, podmienky doručenia a platby a pracovný čas pre príslušný trh;
  • formuláre, potvrdzovacie e-maily, hlásenia o chybách a právne stránky;
  • vyhľadávacie dopyty: slová sa vyberajú samostatne pre každý jazyk, lebo doslovný preklad dopytu sa zriedka zhoduje s tým, čo ľudia zadávajú.

Ukrajinské firmy by si mali pamätať na jazykovú legislatívu: zákon o štátnom jazyku obsahuje požiadavky na weby, najmä na ukrajinskú verziu, ktorá sa otvára štandardne. Normy sa menia, preto presné požiadavky pre svoje podnikanie je vhodné overiť u právnika.

Technické detaily, ktoré sa často vynechávajú

  • Atribút lang v tagu html zodpovedá jazyku stránky: používajú ho čítačky obrazovky a ponuky prekladu v prehliadačoch.
  • Interné odkazy vedú na stránky toho istého jazyka; na iné jazyky smerujú prepínač a značkovanie hreflang.
  • Mapa webu obsahuje všetky jazykové verzie.
  • Stránky chýb, e-maily a formuláre zobrazujú jazyk sekcie, v ktorej sa návštevník nachádza.
  • Písma sa pripájajú s potrebnými sadami znakov (cyrilika, rozšírená latinka), aby sa stránkam nepridávala zbytočná hmotnosť.
  • Indexácia každého jazyka sa sleduje samostatne v Search Console; na to je vhodné pridať samostatné zdroje pre jazykové priečinky.
  • Po testovacom spustení sa z preložených stránok odstraňujú noindex a zákazy v robots.txt.

Ktoré jazyky pridať a od čoho začať

Počet jazykov určuje publikum. Orientačným bodom sú jazyky, ktorými hovoria vaši zákazníci, a schopnosť udržiavať každú verziu aktuálnu. Najprv sa prekladajú stránky, ktoré vedú k objednávke: hlavná stránka, služby alebo katalóg, podmienky doručenia a platby, kontakty. Blog, novinky a vedľajšie sekcie sa pridávajú neskôr.

Je vhodné zaviesť rovnakú štruktúru pre všetky jazyky: vtedy má každá stránka jasnú zodpovedajúcu verziu, prepínač funguje bez výnimiek a aktualizácie sa vnášajú synchrónne. Pre každý jazyk sa určí zodpovedný redaktor a zmeny cien, akcií a podmienok prechádzajú podľa jednotného zoznamu, aby žiadna verzia nezaostávala.

Typické chyby

  • Automatické presmerovanie podľa IP alebo jazyka prehliadača bez možnosti zvoliť iný jazyk.
  • hreflang bez spätných odkazov alebo s kódom ua namiesto uk.
  • Canonical všetkých verzií vedie na hlavný jazyk.
  • Jazyky zmiešané na jednej stránke: menu v ukrajinčine, obsah v angličtine.
  • Jazyk sa mení skriptom alebo cez cookie bez samostatnej adresy pre každú verziu.
  • Prepínač s vlajkami, ktorý odosiela na hlavnú stránku.
  • Doslovný preklad kľúčových slov bez overenia reálnych dopytov.
  • Preklad uzavretý pre indexáciu po testovacom spustení.
  • Verzie sa rozchádzajú: ceny a podmienky sa aktualizovali v jednom jazyku a v ostatných zostali staré.

Otázky a odpovede

Čo je lepšie pre viacjazyčný web: subdomény alebo podpriečinky?

Pre väčšinu malých a stredných firiem sa hodia podpriečinky: jedna doména, jeden tím, jednoduchšia údržba. Subdomény a samostatné domény sú namieste, keď sa verziám venujú rôzne tímy alebo právnické osoby v rôznych krajinách.

Je hreflang potrebný, ak sú jazyky iba dva?

Áno, ak sú stránky vzájomnými zodpovedajúcimi verziami. Vyhľadávač niekedy určí jazyk podľa obsahu, no značkovanie znižuje chyby zobrazenia a zámenu medzi verziami.

Dá sa web preložiť automaticky?

Ako koncept áno, ale zverejňovať je vhodné po redakcii rodeným hovoriacim. Stránky so službami, cenami a podmienkami je lepšie zveriť prekladateľovi, ktorý pozná tému.

Presmerovať návštevníka na jeho jazyk automaticky?

Lepšie je ponúknuť nápovedou. Automatické presmerovanie podľa IP alebo jazyka prehliadača býva chybné a môže robotom brániť prejsť všetky verzie.

Ako overiť, že je hreflang nastavený správne?

Prezrite si kód niekoľkých stránok, preskenujte web crawlerom, ktorý kontroluje spätné odkazy, a pozrite si správy Search Console o stránkach a chybách indexácie. Dodatočne výberovo skontrolujte rôzne jazyky z rôznych zariadení.

Záver

Viacjazyčný web sa opiera o poriadok v štruktúre: samostatné adresy pre každý jazyk, vzájomné tagy hreflang, canonical na samotnej stránke, zrozumiteľný prepínač a redigovaný preklad. Jazyky je vhodné pridávať vtedy, keď sa ich podarí udržiavať aktuálne, pretože napoly preložená verzia škodí používateľom aj vyhľadávaniu. Začnite hlavnými stránkami a nové jazyky pridávajte postupne. LightSEO, digitálna agentúra z Mukačeva, vám pomôže navrhnúť jazykové verzie a nastaviť značkovanie. Web s niekoľkými jazykmi sa zakladá v etape vývoja firemného webu na kľúč a existujúca realizácia sa kontroluje počas SEO auditu webu.

Prečítajte si aj