Hreflang: jak správně propojit českou a slovenskou verzi webu

Co hreflang dělá a kdy ho potřebujete

Představte si e-shop s kávou, který prodává v Česku i na Slovensku. Má stránku /kava/etiopie s cenou v korunách a stránku /sk/kava/etiopie s cenou v eurech a slovenským textem. Bez dalších informací Google neví, že jde o dvě verze téhož. Slovenskému zákazníkovi tak může ve výsledcích ukázat českou stránku s korunami, nebo dvě skoro stejné stránky považovat za duplicitu a jednu z nich nezobrazit.

Hreflang tento problém řeší. Říká: tahle stránka je česká verze, tamta slovenská, a tady je verze pro všechny ostatní. Google pak ve výsledcích vymění adresu za tu, která odpovídá jazyku a zemi hledajícího. Na pořadí stránek hreflang sám nemá vliv. Je to signál pro výběr správné verze, ne pro lepší pozice.

Kdy hreflang potřebujete

• Máte stejný obsah ve dvou a více jazycích, typicky čeština a slovenština, čeština a angličtina.
• Máte jeden jazyk pro více zemí s rozdíly v ceně, měně, dopravě nebo kontaktech, například angličtina zvlášť pro Velkou Británii a Irsko.
• Máte e-shop na Shoptetu nebo jiné platformě s jazykovými mutacemi a chcete, aby každá země dostávala svoji verzi.

Kdy ho nepotřebujete

• Web je jen česky. Na jednojazyčném webu hreflang nic nepřidá.
• Máte cizojazyčnou stránku, která nemá protějšek v češtině, třeba jen anglický ceník pro zahraniční klienty. Hreflang propojuje ekvivalenty, ne libovolné stránky.
• Automaticky přeložený web, kde se jazyk přepíná jen JavaScriptem na stejné adrese. Tady je problém hlubší: každá jazyková verze potřebuje vlastní adresu.

Syntaxe v HTML hlavičce

Nejběžnější způsob je vložit do hlavičky každé stránky odkazy link rel="alternate". Česká i slovenská stránka obsahují stejnou sadu:

<!-- Na https://www.kava-priklad.cz/kava/etiopie
     i na https://www.kava-priklad.cz/sk/kava/etiopie -->
<link rel="alternate" hreflang="cs" href="https://www.kava-priklad.cz/kava/etiopie">
<link rel="alternate" hreflang="sk" href="https://www.kava-priklad.cz/sk/kava/etiopie">
<link rel="alternate" hreflang="x-default" href="https://www.kava-priklad.cz/kava/etiopie">

• Kód jazyka se píše podle normy ISO 639-1: cs pro češtinu, sk pro slovenštinu, en pro angličtinu, de pro němčinu.
• Kód země je nepovinný a připojuje se za pomlčku podle ISO 3166-1: cs-CZ, sk-SK, en-GB. Samotný kód země bez jazyka použít nejde.
• Adresy musí být absolutní, s protokolem https:// a celou doménou.
• Každá verze odkazuje sama na sebe. Česká stránka uvádí i řádek s cs, který ukazuje na ni samotnou.
• Odkazy musí být vzájemné. Pokud česká stránka odkazuje na slovenskou, slovenská musí odkazovat zpět. Jednostranný odkaz Google ignoruje.

Co je x-default

Hodnota x-default označuje verzi pro uživatele, jehož jazyku žádná z verzí neodpovídá. Pokud máte českou a slovenskou verzi a web otevře někdo z Rakouska s německým prohlížečem, dostane x-default. Obvykle to je hlavní jazyková verze nebo stránka s výběrem jazyka. Není povinná, ale doporučujeme ji uvést.

Pokud máte na úvodní adrese www.priklad.cz/ jen rozcestník s vlajkami, je právě on ideální x-default. Pokud rozcestník nemáte, nastavte x-default na verzi, které rozumí nejvíc vašich zahraničních návštěvníků. U česko-slovenského webu to bývá česká verze, u webu s anglickou mutací spíš angličtina.

Hreflang v sitemapě

U velkých webů, typicky e-shopů s tisíci produkty, je praktičtější uvést hreflang v sitemapě XML místo v hlavičce. Hlavička stránek pak zůstane lehčí a celé propojení máte na jednom místě. Každá adresa v sitemapě vypíše všechny své jazykové verze, včetně sebe:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:xhtml="http://www.w3.org/1999/xhtml">
  <url>
    <loc>https://www.kava-priklad.cz/kava/etiopie</loc>
    <xhtml:link rel="alternate" hreflang="cs" href="https://www.kava-priklad.cz/kava/etiopie"/>
    <xhtml:link rel="alternate" hreflang="sk" href="https://www.kava-priklad.cz/sk/kava/etiopie"/>
    <xhtml:link rel="alternate" hreflang="x-default" href="https://www.kava-priklad.cz/kava/etiopie"/>
  </url>
  <url>
    <loc>https://www.kava-priklad.cz/sk/kava/etiopie</loc>
    <xhtml:link rel="alternate" hreflang="cs" href="https://www.kava-priklad.cz/kava/etiopie"/>
    <xhtml:link rel="alternate" hreflang="sk" href="https://www.kava-priklad.cz/sk/kava/etiopie"/>
    <xhtml:link rel="alternate" hreflang="x-default" href="https://www.kava-priklad.cz/kava/etiopie"/>
  </url>
</urlset>

Zvolte jeden způsob, HTML nebo sitemapu. Kombinovat je jde, ale pokud se údaje liší, vznikají rozpory, které se těžko hledají. Třetí možnost, hlavička HTTP Link, se hodí pro soubory, které nemají HTML hlavičku, například PDF ceník v češtině a slovenštině.

Doména, subdoména, nebo adresář?

Než začnete hreflang psát, rozhodněte, kde jazykové verze budou. Hreflang funguje u všech tří variant, každá má ale jiné důsledky.

Pro většinu malých a středních českých firem je nejpraktičtější adresář. Samostatnou doménu .sk zvažte, pokud na Slovensku máte vlastní pobočku, sklad nebo výrazně odlišnou nabídku, a máte kapacitu ji rozvíjet. Ať zvolíte cokoli, nezakládejte jazykové verze přes parametr v adrese (?lang=sk) ani přes cookies. Roboti pak druhou verzi nemusí vůbec najít.

Česká a slovenská verze: na co myslet kromě kódu

Slováci češtině většinou rozumějí, a proto řada českých firem slovenskou verzi vůbec nezakládá. Pro služby s místním dosahem, jako je zubní ordinace v Plzni nebo účetní kancelář v Ostravě, je to v pořádku. Jakmile ale na Slovensku prodáváte nebo poskytujete služby, samotný hreflang nestačí. Slovenská verze musí být pro slovenského zákazníka opravdu užitečná:

• Jazyk. Slovenský text psaný rodilým mluvčím nebo aspoň jím zkontrolovaný. Strojový překlad bez kontroly působí nedůvěryhodně a obsahuje chyby, které zákazník pozná v první větě.
• Klíčová slova. Slováci hledají jinými slovy než Češi, a to i u běžných věcí. Názvy kategorií a titulky nepřekládejte doslova, ale ověřte, jak se na Slovensku skutečně hledá. Víc o výběru výrazů v článku o klíčových slovech.
• Obchodní údaje. Ceny v eurech, slovenská doprava a platební metody, kontaktní telefon a podmínky platné pro Slovensko. Právě tyto rozdíly dělají ze dvou podobných stránek dvě skutečné verze.
• Vyhledávače. Seznam je vyhledávač zaměřený na češtinu a české weby, na Slovensku se hledá převážně přes Google. Optimalizace pro Seznam se proto týká hlavně české verze.

Z pohledu AI asistentů platí totéž co u vyhledávačů. ChatGPT nebo Perplexity odpovídají slovenskému uživateli často ze slovenských zdrojů. Pokud slovenská verze obsahuje konkrétní informace pro Slovensko, máte vyšší šanci, že ji asistent najde a ocituje.

Nejčastější chyby

1. Chybí zpětný odkaz. Česká stránka odkazuje na slovenskou, slovenská zpět ne. Častá u webů, kde se slovenská verze přidávala později.
2. Chybí odkaz sama na sebe. Každá verze musí v sadě uvádět i vlastní adresu.
3. Konflikt s kanonickou adresou. Slovenská stránka má rel="canonical" nastavené na českou verzi. Tím Googlu říkáte, že slovenská verze je duplikát, a hreflang přestane platit. Každá jazyková verze má kanonickou adresu sama na sebe. Podrobněji v článku o kanonické URL.
4. Odkazy na přesměrované nebo neexistující stránky. Hreflang musí ukazovat na finální adresu s odpovědí 200, ne na stránku s přesměrováním 301 nebo chybou 404.
5. Odkaz na stránku s `noindex`. Verze, kterou zakazujete indexovat, nemůže být alternativou.
6. Špatné kódy jazyků, jako cz, en-UK nebo sk_SK s podtržítkem.
7. Hreflang jen na úvodní stránce. Propojení se dělá stránku po stránce. Kategorie, produkty i články potřebují vlastní sady.
8. Automatické přesměrování podle IP adresy. Když web slovenského návštěvníka násilím přesměruje na /sk/, Googlebot, který prochází hlavně z amerických IP adres, slovenskou verzi nemusí vůbec vidět. Místo přesměrování nabídněte lištu s výběrem jazyka.

Jak hreflang nastavit a ověřit v praxi

WordPress: pluginy pro vícejazyčné weby, například WPML nebo Polylang, hreflang obvykle generují samy, pokud jednotlivé překlady správně propojíte. Zkontrolujte, že je propojená každá stránka, ne jen ty, které jste přeložili jako první. Shoptet a jiné platformy s jazykovými mutacemi značky obvykle doplňují automaticky. Ověřte ve zdrojovém kódu, co skutečně generují, a že se kódy jazyků shodují se skutečným jazykem obsahu.

1. Otevřete zdrojový kód české i slovenské verze jedné stránky a porovnejte sady odkazů. Musí být totožné.
2. Projděte celý web crawlerem. Screaming Frog SEO Spider (zdarma do 500 adres) má samostatný přehled hreflang a upozorní na chybějící zpětné odkazy, nesprávné kódy a konflikty s kanonickou adresou.
3. V Google Search Console sledujte stav indexace slovenských adres. Pokud je Google označuje jako duplicitní s jinou kanonickou stránkou, propojení nefunguje. Jak přehledy číst, popisuje návod na Google Search Console.
4. Nastavte správně i atribut lang v HTML (<html lang="sk">). Hreflang je hlavně záležitost Googlu, ostatní vyhledávače ho podporují různě a atribut lang je pro ně další vodítko.

Počítejte s tím, že se změna neprojeví hned. Google musí obě verze znovu projít, a to u větších webů trvá dny až týdny. Výsledek nejlépe poznáte ve Search Console: po filtrování podle země Slovensko by se ve výkonu měly objevovat hlavně adresy z adresáře /sk/, ne české stránky. Pokud tam po několika týdnech stále převažují české adresy, projděte znovu chyby z předchozí sekce.

Jazyk stránky kontroluje i bezplatný sken Zmínky spolu s kanonickou adresou, indexací a sitemapou, tedy se signály, na kterých hreflang stojí. Pokud řešíte vícejazyčný e-shop jako celek, navazuje na tento článek SEO pro e-shop.