Alternativní stránka se správnou značkou kanonické stránky
Alternativní stránka se správnou značkou kanonické stránky: Jak správně nastavit canonical tag a vyhnout se duplicitnímu obsahu
Duplicitní obsah je jedním z nejčastějších problémů v SEO, který může negativně ovlivnit indexaci, ranking a organický provoz vašeho webu. Jedním z klíčových nástrojů, jak tento problém řešit, je canonical tag (značka kanonické stránky). V tomto článku si vysvětlíme:
✅ Co je canonical tag a jak funguje ✅ Kdy a proč ho používat ✅ Jak správně nastavit canonical na alternativních stránkách ✅ Časté chyby a jak se jim vyhnout ✅ Praktické příklady a diagnostika
1. Co je canonical tag a proč je důležitý?
1.1 Definice canonical tagu
Canonical tag (nebo také rel="canonical") je HTML prvek, který říká vyhledávačům (Google, Seznam, Bing), která verze stránky je hlavní (kanonická) a měla by být indexována a zobrazována ve výsledcích vyhledávání.
Příklad kódu v <head> sekci stránky:
<link rel="canonical" href="https://priklad.cz/hlavni-stranka" />
Tento tag konsoliduje sílu (link equity) z duplicitních stránek na jednu hlavní, čímž zabraňuje rozdělení autority a zlepšuje SEO výkon.
1.2 Proč je canonical důležitý?
- Předchází duplicitnímu obsahu – Vyhledávače nemají rády, když stejný nebo velmi podobný obsah existuje na více URL.
- Konsoliduje link equity – Pokud máte více stránek se stejným obsahem, odkazy (backlinky) se "rozdělí" mezi ně. Canonical soustředí sílu odkazů na jednu stránku.
- Zlepšuje indexaci – Google může ignorovat nebo špatně indexovat stránky, které považuje za duplicitní.
- Řeší technické problémy – Například různé parametry v URL (
?color=red,?sort=price) mohou vytvářet zdánlivě nové stránky, i když obsah je stejný.
2. Kdy použít canonical tag?
Canonical tag byste měli použít v těchto případech:
2.1 Různé URL se stejným obsahem
Příklad:
https://esoshop.cz/produkthttps://esoshop.cz/produkt?color=redhttps://esoshop.cz/produkt?sort=price
Všechny tři stránky zobrazují stejný produkt, ale s různými filtry. Canonical by měl ukazovat na hlavní verzi (https://esoshop.cz/produkt).
2.2 Mobilní a desktopové verze webu
Pokud máte samostatné URL pro mobilní a desktopovou verzi (např. m.priklad.cz vs. priklad.cz), canonical by měl ukazovat na hlavní (desktopovou) verzi, pokud je to preferovaná verze.
2.3 AMP (Accelerated Mobile Pages) stránky
AMP stránky mají často jinou URL (např. priklad.cz/amp/clanek). Canonical by měl ukazovat na standardní verzi článku.
2.4 Jazykové verze na stejné doméně
Pokud máte více jazykových verzí na jedné doméně (např. priklad.cz/en, priklad.cz/de), použijte canonical spolu s hreflang, aby vyhledávače věděly, která verze je pro který jazyk hlavní.
2.5 Tiskové verze stránek
Některé weby mají samostatné URL pro tisk (např. priklad.cz/clanek?print=true). Canonical by měl ukazovat na standardní verzi článku.
3. Jak správně nastavit canonical tag?
3.1 Základní pravidla pro canonical
- Canonical musí být v
<head>sekci – Nesmí být v<body>. - Musí být absolutní URL (plná adresa s
https://). - Musí ukazovat na existující stránku (ne na 404 nebo přesměrování).
- Jedna stránka = jeden canonical – Nesmí být více canonical tagů na jedné stránce.
- Canonical by měl být samoreferenční na hlavní stránce (tzn. hlavní stránka by měla mít canonical na sebe).
3.2 Praktické příklady nastavení
Příklad 1: E-shop s filtry
Máte produkt https://esoshop.cz/iphone-15 a různé filtry:
https://esoshop.cz/iphone-15?color=blackhttps://esoshop.cz/iphone-15?sort=price
Řešení: Na všech alternativních stránkách vložte:
<link rel="canonical" href="https://esoshop.cz/iphone-15" />
Příklad 2: AMP stránka
Máte standardní článek https://blog.cz/clanek a AMP verzi https://blog.cz/amp/clanek.
Řešení:
- Na AMP stránce:
<link rel="canonical" href="https://blog.cz/clanek" /> - Na standardní stránce:
<link rel="canonical" href="https://blog.cz/clanek" /> <link rel="amphtml" href="https://blog.cz/amp/clanek" />
Příklad 3: Jazykové verze
Máte článek v češtině (/clanek) a angličtině (/en/article).
Řešení:
- Na české verzi:
<link rel="canonical" href="https://priklad.cz/clanek" /> <link rel="alternate" hreflang="cs" href="https://priklad.cz/clanek" /> <link rel="alternate" hreflang="en" href="https://priklad.cz/en/article" /> - Na anglické verzi:
<link rel="canonical" href="https://priklad.cz/en/article" /> <link rel="alternate" hreflang="cs" href="https://priklad.cz/clanek" /> <link rel="alternate" hreflang="en" href="https://priklad.cz/en/article" />
4. Časté chyby při použití canonical tagu
4.1 Canonical ukazuje na neexistující stránku (404)
❌ Špatně:
<link rel="canonical" href="https://priklad.cz/neexistujici-stranka" />
✅ Správně: Canonical musí ukazovat na funkční stránku, která vrací HTTP 200.
4.2 Canonical ukazuje na přesměrování (301/302)
❌ Špatně:
<link rel="canonical" href="https://priklad.cz/presmerovani" /> <!-- 301 na jinou URL -->
✅ Správně: Canonical by měl ukazovat přímo na cílovou stránku, ne na přesměrování.
4.3 Canonical ukazuje na jinou stránku s odlišným obsahem
❌ Špatně:
<!-- Stránka o iPhonu 15, ale canonical ukazuje na iPhone 14 -->
<link rel="canonical" href="https://esoshop.cz/iphone-14" />
✅ Správně: Canonical musí ukazovat na stránku se stejným nebo velmi podobným obsahem.
4.4 Cyklické canonicaly (A → B → A)
❌ Špatně:
- Stránka A má canonical na B.
- Stránka B má canonical na A.
✅ Správně: Canonical by měl vždy směřovat na jednu hlavní stránku bez cyklů.
4.5 Canonical chybí na hlavní stránce
❌ Špatně: Hlavní stránka nemá canonical nebo ukazuje na jinou stránku.
✅ Správně: Hlavní stránka by měla mít samoreferenční canonical:
<link rel="canonical" href="https://priklad.cz/hlavni-stranka" />
5. Jak zkontrolovat, zda je canonical správně nastaven?
5.1 Ruční kontrola v HTML kódu
- Otevřete stránku v prohlížeči.
- Klikněte pravým tlačítkem → Zobrazit zdrojový kód.
- Vyhledejte
<link rel="canonical".
5.2 Použití Google Search Console
- Přejděte do Google Search Console → URL Inspection.
- Vložte URL stránky a klikněte na "Test live URL".
- V sekci "Covered by canonical" uvidíte, jakou stránku Google považuje za kanonickou.
5.3 Nástroje pro SEO audit
- Screaming Frog SEO Spider – Skenuje celý web a zobrazí chybějící nebo špatné canonicaly.
- Ahrefs / SEMrush – Ukazují problémy s duplicitním obsahem a canonicaly.
- Google Rich Results Test – Zkontroluje, zda je canonical správně nastaven pro strukturovaná data.
6. Canonical vs. 301 přesměrování – kdy co použít?
| Canonical | 301 přesměrování |
|---|---|
| Použijte, když chcete zachovat obě stránky (např. různé filtry v e-shopu). | Použijte, když chcete trvale smazat duplicitní stránku. |
| Konsoliduje link equity, ale obě stránky zůstávají přístupné. | Přenáší 100% link equity na novou stránku. |
| Vhodné pro dynamické stránky (filtrování, parametry). | Vhodné pro trvalé změny URL (např. při migraci webu). |
Příklad:
- Canonical:
https://esoshop.cz/iphone?color=red→https://esoshop.cz/iphone - 301 přesměrování:
https://stary-web.cz/stranka→https://novy-web.cz/stranka
7. Canonical a hreflang – jak je kombinovat?
Pokud máte vícejazyčný web, je důležité kombinovat canonical s hreflang, aby vyhledávače věděly:
- Která verze je hlavní (canonical).
- Která verze je pro který jazyk/region (hreflang).
Příklad: Článek v češtině a angličtině
Česká verze (/clanek):
<link rel="canonical" href="https://priklad.cz/clanek" />
<link rel="alternate" hreflang="cs" href="https://priklad.cz/clanek" />
<link rel="alternate" hreflang="en" href="https://priklad.cz/en/article" />
Anglická verze (/en/article):
<link rel="canonical" href="https://priklad.cz/en/article" />
<link rel="alternate" hreflang="cs" href="https://priklad.cz/clanek" />
<link rel="alternate" hreflang="en" href="https://priklad.cz/en/article" />
8. Závěr: Klíčová doporučení pro správné použití canonical tagu
✅ Použijte canonical na všech duplicitních stránkách (filtrování, parametry, AMP, tiskové verze). ✅ Canonical musí být absolutní URL (ne relativní). ✅ Hlavní stránka by měla mít samoreferenční canonical. ✅ Zkontrolujte canonical v Google Search Console a SEO nástrojích. ✅ Nepoužívejte canonical na stránky s odlišným obsahem. ✅ Kombinujte canonical s hreflang u vícejazyčných webů. ✅ Pokud je duplicitní stránka zbytečná, použijte 301 přesměrování místo canonicalu.
Použité zdroje (APA formát)
- Google. (2023). Consolidate duplicate URLs. Google Search Central. https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls
- Google. (2024). Specify your canonical. Google Search Central. https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls#canonical-url
- Moz. (2023). Canonical URLs. Moz SEO Learning Center. https://moz.com/learn/seo/canonicalization
- Ahrefs. (2024). Canonical Tags: A Simple Guide for Beginners. Ahrefs Blog. https://ahrefs.com/blog/canonical-tags/
- Search Engine Journal. (2023). The Ultimate Guide to Canonical Tags for SEO. https://www.searchenginejournal.com/canonical-tags-seo-guide/427396/
Autor: Michal Binka Datum poslední úpravy: 15. října 2025