Atribut hreflang pomáhá Googlu doručit jazykovou verzi stránky odpovídající konkrétnímu uživateli. Pokud cílíte na různé trhy, je jeho implementace klíčem k úspěšnému mezinárodnímu SEO. V článku zjistíte, jak funguje, jak ho nastavit a jak vám může pomoci ve výsledcích vyhledávání.

hreflang

Co je hreflang?

Hreflang je HTML atribut, který informuje vyhledávače o jazykové a geografické verzi konkrétní stránky. Pomáhá zobrazit správný obsah správnému uživateli – například verzi ve francouzštině návštěvníkům z Francie.

hreflang_ukazka

Kdy se atribut hreflang používá?

Je zásadní pro weby, které mají stejný nebo podobný obsah ve více jazycích či pro různé regiony. Typicky jde o e-shopy, magazíny nebo mezinárodní značky, které spravují jazykové mutace webu.

Google dokáže pomocí těchto tagů spojit jazykové verze a nabídnout tu správnou variantu uživatelům podle jejich nastavení jazyka nebo polohy. V praxi to ale neznamená, že automaticky zvolí nejlepší verzi – často je potřeba hreflang kombinovat s dalšími značkami, jako je canonical.

Kam se hreflang přidává?

Pokud máte jednu stránku v češtině a druhou v angličtině, přidáte do kódu každé z nich informace o tom, která verze je pro koho.

Atribut hreflang se dá přidat třemi způsoby:

Kromě klasických jazykových kódů jako „en“ pro angličtinu (hreflang=”en”) nebo „de“ pro němčinu, můžete použít i kombinace jako en-us (hreflang=”en-us”) pro americkou angličtinu. A pokud máte výchozí stránku pro všechny, kdo nesplňují žádný jazyk/region, použijete speciální kód x-default (hreflang=”x-default”).

Jak hreflang implementovat?

Při implementaci hreflang značek je důležité dodržet několik zásad, které zajistí jejich správnou funkčnost. Každá jazyková verze stránky musí ve svém kódu obsahovat nejen odkazy na ostatní mutace, ale také sama na sebe – tj. stránka A odkazuje na B a zároveň B na A. Bez toho značka není považována za úplnou.

Používejte standardy ISO

Dále je potřeba používat platné jazykové a regionální kódy podle standardů ISO 639-1 (jazyk) a ISO 3166-1 (země), například en pro angličtinu, en-GB pro britskou angličtinu nebo fr-CA pro francouzštinu v Kanadě.

Hreflang v HTML kódu

Tato metoda je ideální pro menší weby nebo tam, kde máte kontrolu nad HTML hlavičkou každé stránky. Značky se umisťují do sekce <head> a vypadají například takto:

hreflang_ukazka_2

Výhody: Snadná implementace u většiny CMS (např. WordPress, Webflow, Shopify).

Nevýhody: U rozsáhlých webů s desítkami jazykových verzí může být obtížné udržet vše synchronizované.

Hreflang v XML sitemapě

Pokud má váš web mnoho jazykových mutací nebo tisíce stránek, je efektivnější spravovat hreflang pomocí XML sitemap. Jde o škálovatelné řešení pro větší weby. Každá položka v sitemapě obsahuje odkazy na všechny jazykové verze dané stránky.

Ukázka struktury:

<url>

  <loc>https://example.com/en/</loc>

  <xhtml:link rel=”alternate” hreflang=”en” href=”https://example.com/en/” />

  <xhtml:link rel=”alternate” hreflang=”cs” href=”https://example.com/cz/” />

</url>

Výhody: Centralizovaná správa a nižší zátěž v HTML. Ideální pro velké weby.

Nevýhody: Méně intuitivní pro začátečníky, závislé na správném generování sitemap.

Hreflang v HTTP hlavičce

Tato metoda se používá u souborů, které nemají HTML kód – např. PDF dokumenty nebo obrázky. Značky hreflang se přidávají do HTTP hlaviček odpovědi serveru.

Ukázka hlavičky:

Link: <https://example.com/en/file.pdf>; rel=”alternate”; hreflang=”en”,

      <https://example.com/cz/file.pdf>; rel=”alternate”; hreflang=”cs”

Výhody: Jediná možnost pro obsah mimo HTML.

Nevýhody: Vyžaduje serverové zásahy, nefunguje u statických CDN souborů bez správného nastavení.

Možnosti automatizace atributů hreflang

Automatizované způsoby implementace atributů hreflang výrazně usnadňují práci a snižují riziko chyb oproti manuálnímu vkládání kódu. Manuální ruční vložení má smysl spíše u jednoduchých, malých webů nebo v případě experimentů.

CMS pluginy pro WordPress

Pluginy jako Hreflang Manager, Hreflang Tags Management by Webnow, Polylang, MultilingualPress, či TranslatePress automaticky generují a spravují hreflang tagy na základě nastavení jednotlivých jazykových verzí a vzájemných propojení.

Např. Hreflang Manager umožňuje hromadný import/export tagů a jejich údržbu, což je užitečné pro rozsáhlé weby.

Platformy a SEO nástroje

Některé SEO platformy či nástroje, např. OTTO SEO, Ahrefs, Screaming Frog, umožňují automaticky vygenerovat hreflang tagy v HTML nebo XML sitemapě na základě dat z CMS či přeložených verzí.

Dynamické šablony či skripty

Na míru psané šablony nebo skripty, např. ve WordPressu, na Shopify nebo v headless CMS, umí dynamicky vytvářet správné hreflang tagy podle metadat v databázi. Takové řešení je ideální pro rozsáhlé weby s automatickou správou verzí.

Generátory tagů

Nástroje typu Hreflang Tag Generator, např. SEO Toolbelt, GeoPlugin, umožňují naimportovat seznam URL s kódy jazyka a regionu, které pak vygenerují korektní HTML nebo XML bloky kódu.

Proč je hreflang důležitý pro Google?

Atribut hreflang pomáhá Googlu pochopit, že různé jazykové a regionální verze stránky jsou záměrně oddělené, nikoli duplicitní. Umožňuje mu správně interpretovat vztahy mezi stránkami, které mají podobný obsah, ale cílí na různé trhy.

Díky atributu hreflang může Google:

Z pohledu algoritmu je to zásadní nástroj, který zajišťuje, že váš web bude technicky správně zařazen do výsledků hledání v každém cílovém trhu. Proto jsou hreflang tagy nedílnou součástí mezinárodní SEO strategie.

Pozor: Hreflang slouží především k tomu, aby vyhledávač pochopil, že existují jazykové či regionální varianty určité stránky. Nenahrazuje ovšem canonical při rozhodování o tom, kterou verzi použít, pokud je tentýž obsah ve stejném či podobném jazyce.

Jak hreflang tagy přispívají k lepšímu SEO?

Správná implementace hreflang tagů pomáhá nejen vyhledávačům pochopit strukturu vašeho webu, ale je klíčová pro výkon webu ve vyhledávání u mezinárodních projektů. Správně nastavené atributy hreflang:

Jak na validaci a testování atributů hreflang?

Implementace hreflangu je jen první krok – neméně důležitá je jeho pravidelná kontrola. I drobná chyba v syntaxi, chybějící vzájemný odkaz nebo špatně zadaný jazykový kód mohou způsobit, že Google tag ignoruje. To může vést k nesprávnému zobrazení stránky ve výsledcích vyhledávání nebo k tomu, že se daná jazyková verze vůbec neindexuje.

Co při validaci kontrolovat

Doporučené nástroje pro kontrolu hreflangu (hreflang checker)

Doporučení na závěr

Po nasazení nebo úpravách vždy otestujte několik reprezentativních stránek a zkontrolujte, zda Google správně rozpoznává jazykové a regionální varianty. Validaci doporučujeme zopakovat při každé větší změně webu, přesměrování nebo redesignu.

Plánujete nové webové stránky nebo redesign těch stávajících?

Navrhneme vám web, který bude intuitivní pro návštěvníky a efektivní pro vaše podnikání.
Spojte se s námi

Potřebujete vytvořit web, ale nechcete psát kód? Právě pro vás existují redakční systémy (CMS), které umožňují spravovat obsah intuitivně a bez technických znalostí. V článku se podíváme, co přesně CMS je, jaké máte možnosti a jak si vybrat ten správný – ať už plánujete blog, e-shop nebo firemní web.

cms-systemy

Co je CMS neboli redakční systém?

Zkratka CMS pochází z anglického Content Management System, tedy redakční systém pro správu obsahu webu. V praxi jde o platformu, která umožňuje vytvářet, upravovat a publikovat obsah webových stránek bez nutnosti psát kód. Místo složitých HTML souborů se vše spravuje přes přehledné administrační rozhraní, které zvládne ovládat i naprostý laik.

CMS dnes využívá většina webů – od jednoduchých blogů po rozsáhlé firemní stránky nebo e-shopy. Ať už chcete přidat nový článek, upravit text na hlavní stránce, nahrát obrázky do galerie nebo aktualizovat ceník služeb, CMS vám to umožní rychle a bez zásahu vývojáře.

Jaké máte další možnosti při tvorbě webu?

V praxi máte při tvorbě webu několik možností – a CMS je jen jednou z nich. Jak se liší od ostatních?

Hlavní výhody CMS

Typickým rysem moderních redakčních systémů je jejich modularita a flexibilita – umožňují přidávat nové funkce pomocí pluginů, rozšiřujících modulů nebo vlastního vývoje. CMS tedy není jen nástroj na psaní článků, ale základní stavební kámen, na kterém lze postavit jakýkoliv digitální projekt.

Dobře zvolený CMS vám pomůže

Jak redakční systém funguje?

Redakční systém (CMS) je navržen tak, aby oddělil obsah, design a funkčnost webu. Díky tomu můžete měnit texty, obrázky nebo přidávat nové stránky bez toho, aby došlo k narušení grafického vzhledu nebo technického fungování webu.

CMS funguje jako prostředník mezi vámi a kódem webu. Uživatelé přidávají obsah přes administrační rozhraní, ten se následně uloží do databáze a zobrazí na stránce podle předem definované šablony. V pozadí se o vše stará aplikační vrstva, která propojuje databázi, šablony a uživatelské rozhraní.

cms_systemy_2

Z čeho se skládá CMS?

Každý redakční systém (CMS) funguje jako mozek celého webu – propojuje data, vzhled a funkcionalitu do jednoho uceleného systému. Abyste mohli web snadno spravovat a přizpůsobovat svým potřebám, CMS se skládá z několika klíčových komponent:

Díky této modulární architektuře je CMS flexibilní platformou, na které lze stavět jednoduché blogy i rozsáhlé webové portály – a to s minimálními nároky na technické znalosti.

CMS jako součást širšího webového ekosystému

Dnešní CMS nejsou izolované nástroje – snadno je napojíte na další systémy a nástroje:

Správně vybraný a nastavený CMS se tak stává centrálním bodem pro správu a distribuci obsahu napříč kanály – web, sociální sítě, newslettery i mobilní aplikace.

3 hlavní typy redakčních systémů

Redakční systémy se dnes dělí podle způsobu nasazení na tři hlavní typy.

1. Open‑source CMS

Tato kategorie zahrnuje bezplatné řešení vyvíjené komunitou (např. WordPress.org, Joomla!, Drupal). Kód je otevřený a dostupný všem, kdo mají přístup. Kombinuje flexibilitu s nulovou licenční cenou. Uživateli ale zůstává odpovědnost za hosting, aktualizace, bezpečnost a údržbu.

2. CMS vyvinutá na míru (custom)

Jedinečné řešení od vývojářů, stavěné podle konkrétních potřeb projektu. Obvykle nenabízí tolik rozšíření jako open‑source, je ale navrženo pro co nejlepší výkon a přesný rozsah. Výhodou je lepší optimalizace, nevýhodou větší závislost na jedné firmě či týmu.

3. Komerční / SaaS CMS

Placené platformy jako Wix, Webflow, Shopify nebo WordPress.com. Poskytovatel se stará o infrastrukturu a aktualizace. Uživatel platí předplatné, ale ztrácí kontrolu nad daty a rozšiřitelností. Řešení je vhodné pro začátečníky, malé firmy nebo rychlé spuštění.

redakcni_systemy_1

Headless a cloudové CMS

Ke komerčním CMS se dále řadí také Headless (systémy „bez hlavy“) nebo cloudové CMS (např. Sanity, Contentful či Strapi Cloud). Na rozdíl od klasických CMS neobsahují pevně daný vzhled webu („hlavu“), ale obsah se z nich přes API posílá do různých kanálů – například na web, do mobilní aplikace nebo chytrých zařízení.

Díky tomu jsou velmi flexibilní, snadno škálovatelné a často také lépe zabezpečené – frontend je totiž oddělený od backendu, což snižuje riziko napadení. Hodí se hlavně pro větší projekty nebo firmy, které chtějí mít jeden zdroj obsahu pro více platforem. Pro běžné uživatele ale mohou být složitější na používání a většinou vyžadují pomoc vývojáře.

Jaké jsou nejznámější redakční systémy (CMS)?

Na trhu existují desítky různých redakčních systémů – od jednoduchých řešení pro malé blogy až po robustní platformy pro rozsáhlé e-commerce projekty nebo firemní portály. Každý CMS má své specifické výhody, cílovou skupinu i technologické limity.

WordPress – nejrozšířenější CMS na světě

Výhody

Obrovská komunita, tisíce šablon a pluginů, jednoduché ovládání, skvělá rozšiřitelnost a podpora SEO. Díky pluginu WooCommerce se z WordPressu snadno stává e-shop – ideální pro malé a střední obchody. U rozsáhlejších projektů však může narazit na výkonnostní limity.

Možné nevýhody

Vyžaduje pravidelné aktualizace, zálohování a základní technickou znalost (nebo správce). Při špatném výběru pluginů může trpět rychlost a bezpečnost webu.

Webflow – moderní CMS pro designéry i agentury

Výhody

Webflow umožňuje tvořit vysoce profesionální responzivní weby bez nutnosti programování. Spojuje CMS, vizuální builder a hosting v jednom. Výsledný kód je čistý a rychlý.

Možné nevýhody

Vyšší cena oproti jiným řešením. Nehodí se pro větší e-shopy nebo projekty s náročnou logikou backendu.

Drupal – robustní řešení pro složité weby

Výhody

Velká míra přizpůsobení, modulární architektura, výborné pro multijazyčné weby, vysoká bezpečnost.

Možné nevýhody

Vysoká vstupní křivka – pro správu a vývoj je potřeba zkušený vývojář. Nevhodný pro menší weby.

Shopify – ideální pro e-commerce

Výhody

Komplexní e-commerce řešení s intuitivním prostředím, kvalitní zákaznickou podporou a bohatým App Storem. Vhodné i pro expanzi do zahraničí.

Možné nevýhody

Měsíční poplatky, provize z plateb, omezené možnosti přizpůsobení bez developerů. Méně vhodné pro nestandardní obchodní logiku.

Shoptet – česká jednička pro e-shopy

Výhody

Jednoduché ovládání, česká podpora, legislativní připravenost (např. EET, fakturace), napojení na dopravce a účetní systémy. Ideální pro český trh.

Možné nevýhody

Méně flexibilní grafika, omezená škálovatelnost při velkém růstu. Přesun mimo platformu je složitější.

Wix a Squarespace – pro jednoduché weby a podnikatele

Výhody

Vše v jednom – šablony, hosting, emaily. Maximálně jednoduché spuštění webu během pár hodin. Ideální pro nenáročné weby.

Možné nevýhody

Omezená kontrola nad SEO, rychlostí nebo exportem dat. Nehodí se pro složitější obsah nebo vývoj.

Jak vybrat správný redakční systém pro váš web?

Výběr redakčního systému ovlivní nejen to, jak snadno budete obsah spravovat, ale také jak rychle web poroste, jak bude fungovat z hlediska SEO, bezpečnosti nebo integrace s dalšími nástroji. Neexistuje univerzálně nejlepší CMS – vždy záleží na účelu, rozpočtu a technických možnostech.

Jaký typ webu chcete vytvořit?

Každý systém má jinou výchozí architekturu – zbytečně robustní CMS může zpomalit vývoj i správu obsahu, příliš jednoduchý vás naopak může časem omezovat.

Jak moc potřebujete flexibilitu a přizpůsobení?

Pokud chcete plnou kontrolu nad strukturou, designem i funkcemi, sáhněte po open-source řešení. Jestliže vám stačí předpřipravené šablony a jednoduchá správa, zvažte SaaS platformy.

Kdo bude web spravovat a jak často?

Zvažte možnosti SEO optimalizace

Ne každý CMS nabízí stejné možnosti pro technické SEO. Ujistěte se, že systém podporuje editaci metadat, přátelské URL, mobilní zobrazení, rychlé načítání a integraci s Google nástroji (GA4, Search Console).

Např. WordPress má bohaté možnosti díky pluginům jako Rank Math nebo Yoast SEO, zatímco u Wix nebo Squarespace je přístup k některým SEO funkcím omezený.

Placený redakční systém vs. zdarma?

Nezapomeňte počítat i s náklady na údržbu, rozšiřování a případné migrace v budoucnu.

Plánujete růst, škálování nebo napojení na další systémy?

Pokud počítáte s vícejazyčnými verzemi, expanzí do zahraničí, napojením na CRM (systém pro správu vztahů se zákazníky) nebo e-mailingový nástroj, ověřte si, že CMS umožňuje integrace a má dobře dokumentované rozhraní.

Headless CMS může být výhodou, pokud plánujete obsah distribuovat do více kanálů – webu, mobilní aplikace či chytrých zařízení.

Potřebujete poradit?

Redakční systém (CMS) je základem každého moderního webu – ať už chcete vytvořit blog, firemní stránky nebo e-shop. Pokud si nejste jistí, které řešení je pro vás to pravé, spojte se s námi. Rádi vám v rámci bezplatné konzultace v Digiamo pomůžeme najít tu správnou cestu.

Plánujete nové webové stránky nebo redesign těch stávajících?

Navrhneme vám web, který bude intuitivní pro vaše návštěvníky a efektivní pro vaše podnikání.
Spojte se s námi

Díky UTM parametrům můžete detailně měřit výkonnost vašich online kampaní napříč kanály. Správně nastavené UTM parametry vám poskytnou spolehlivá data pro chytřejší rozdělení rozpočtu, optimalizaci kampaní i lepší rozhodování založené na datech. V tomto článku vám krok za krokem ukážeme, jak UTM parametry vytvářet, kam je vkládat a na co si dát pozor, aby vaše analytika skutečně fungovala.

Proč by vás měly UTM parametry zajímat?

Investujete čas nebo peníze do online marketingu? Pak je pro vás klíčové vědět, co funguje. UTM parametry vám poskytnou odpověď na zásadní otázku: Odkud přesně přišli vaši návštěvníci a co udělali poté, co se proklikli.

Bez správně nastavených UTM parametrů zůstává velká část dat skrytá nebo ještě hůř, špatně přiřazená. Výsledek? Nevíte, která kampaň vydělává a která jen spaluje rozpočet.

Ať už spravujete PPC kampaně, publikujete na sociálních sítích, posíláte newslettery nebo spolupracujete s influencery – bez UTM parametrů vlastně stavíte marketingovou strategii na domněnkách.

Co jsou UTM parametry a k čemu slouží?

UTM parametry (z anglického Urchin Tracking Module) jsou krátké textové značky, které se přidávají na konec URL adresy. Slouží k tomu, abyste v analytických nástrojích – typicky v Google Analytics a Meta – přesně rozlišili, odkud návštěvník na váš web přišel, jakým způsobem a v rámci jaké kampaně.

UTM parametry

Když například sdílíte příspěvek na Facebooku, samotný odkaz bez UTM parametrů vám v GA4 často spadne pod vágní označení „facebook / referral“. Ale jakmile URL doplníte o správně nastavené UTM parametry, okamžitě vidíte, že návštěvník přišel třeba z placené kampaně na Facebooku, konkrétně z testované verze obrázkové reklamy ve variantě A.

Co umožňují UTM parametry?

Díky nim se z obecných údajů stávají přesná data pro rozhodování – ať už jde o rozdělení rozpočtu, optimalizaci kampaní nebo reportování výsledků klientům.

Z čeho se UTM parametry skládají?

UTM parametry tvoří pět samostatných značek, které se přidávají na konec URL adresy. Každý z těchto parametrů má svůj specifický význam a společně slouží k tomu, abyste přesně identifikovali zdroj, médium a účel návštěvy.

Tři parametry jsou základní a povinné – bez nich analytika nebude fungovat správně. Další dva jsou volitelné a pomáhají zpřesnit měření, zejména při A/B testování nebo u placeného vyhledávání.

Jednotlivé parametry

Jak vytvořit UTM parametry?

UTM parametry lze vytvořit dvěma způsoby – ručně nebo pomocí generátoru parametrů, tzv. UTM builderu. Oba přístupy vedou ke stejnému cíli: k vytvoření URL adresy, která bude přesně a jednoznačně měřit výkon jednotlivých marketingových kanálů a kampaní.

Ruční nastavení UTM parametrů

Při ruční tvorbě se ke koncové URL jednoduše připojí otazník „?“ a za něj jednotlivé parametry ve formátu název=hodnota, oddělené znakem &.

Příklad:

https://www.vasweb.cz/produkt?utm_source=facebook&utm_medium=cpc&utm_campaign=letni_sleva

Při ručním zápisu je důležité:

Generování pomocí UTM builderu

Pro rychlejší a přesnější tvorbu UTM parametrů je ideální využít některý z dostupných online nástrojů, které umožňují vyplnit jednotlivá pole ve formuláři a následně automaticky vygenerují kompletní odkaz.

Doporučené nástroje:

Takto například vypadágenerování UTM parametrů v Google Campaign URL Builder:

Zadání:

Výsledek:

Kam a jak vkládat UTM odkazy v praxi

Samotné vytvoření UTM parametrů je jen polovina úspěchu. Stejně důležité je jejich správné vložení do kampaní a platforem, aby se v analytice korektně zobrazila data. Níže uvádíme, jak postupovat u nejpoužívanějších reklamních kanálů.

Google Ads

Zde není nutné zadávat UTM parametry ručně. Pokud máte v Google Ads zapnuté automatické tagování (auto-tagging) pomocí gclid, není třeba UTM přidávat. Chcete-li mít pod kontrolou UTM strukturu, můžete použít Tracking Template.

Případy, kdy může být vhodné vlastní UTM použít:

Pozor: Pokud kombinujete UTM a gclid, mějte správně propojený GA4 účet s Google Ads, aby nedocházelo ke konfliktům.

Meta Ads

Meta (Facebook a Instagram) na rozdíl od Googlu nepřidává UTM parametry automaticky. Pokud je sami nedoplníte, v Google Analytics se návštěvnost zobrazí jako obecné „facebook.com / referral“ – bez možnosti rozeznat, odkud přesně přišla. Proto se doporučuje vždy přidávat UTM parametry ručně.

Dynamická pole se přidávají v nastavení reklamy v Meta Ads Manageru do pole pro cílovou adresu (URL parameters).

Tip: Zkraťte UTM odkaz pomocí Bit.ly nebo jiného shorteneru, aby vypadal lépe (např. v bio nebo stories).

Sklik (Seznam)

Sklik od Seznamu umožňuje automatické přidávání UTM parametrů – stačí při vytváření kampaně zaškrtnout volbu „Automatické tagování cílových URL“. Pokud tuto funkci zapnete, do každého odkazu se automaticky doplní parametry. Pokud ale chcete použít vlastní názvosloví nebo přidat utm_content a utm_term, lze je do cílové URL doplnit ručně.

Newslettery

U e-mailových kampaní žádný analytický nástroj automaticky UTM nepřidává, proto je nutné je doplnit ručně – buď v každém odkazu, nebo pomocí globálního nastavení ve vašem e-mailingovém nástroji (např. Mailchimp, Ecomail, SmartEmailing).

Doporučené značení:

Pozor: Pokud používáte více typů newsletterů, rozlišujte „utm_campaign“ nebo „utm_content“, abyste dokázali zpětně vyhodnotit výkon.

QR kódy, bannery, affiliate odkazy

U kanálů, kde nelze automaticky předat zdroj návštěvnosti – například u partnerských odkazů, je UTM naprostou nutností – bez něj návštěvnost skončí jako „direct / none“. Vždy používejte zkrácené odkazy nebo generátory QR kódů s podporou UTM, abyste měli data pod kontrolou.

Příklad pro affiliate partnera: utm_source=partner1&utm_medium=affiliate&utm_campaign=jaro

Jak vyhodnocovat UTM parametry v Google Analytics

Google Analytics 4 je v současnosti nejpoužívanějším nástrojem pro měření návštěvnosti a chování uživatelů na webu a zároveň plně podporuje práci s UTM parametry. Správně označené odkazy vám v něm umožní přesně zjistit, odkud návštěvníci přišli, přes který kanál, a v rámci jaké kampaně.

Kde UTM parametry v GA4 najít?

UTM parametry se v GA4 propisují do standardních dimenzí. Nejčastěji se s nimi pracuje v přehledech Akvizice:

→ Přehledy > Akvizice > Akvizice návštěvnosti (nebo uživatelů)

Zde můžete pracovat s těmito dimenzemi:

Pomocí těchto dimenzí lze vyhodnocovat:

Jak si vytvořit vlastní přehled?

V GA4 se vyplatí vytvořit si vlastní exploraci (Exploration report), která umožňuje kombinovat více dimenzí a metrik podle potřeby. Například:

To vše vám umožní snadno porovnat výkon jednotlivých kampaní, vyhodnotit efektivitu kanálů a zjistit, co přináší nejlepší výsledky.

Na co si dát pozor při používání UTM parametrů

UTM parametry jsou neocenitelným nástrojem pro přesné měření výkonnosti kampaní – ale jen tehdy, pokud jsou použity správně. Zdánlivě drobné chyby mohou vést k nepřesným datům, ztrátě informací o zdrojích návštěvnosti nebo dokonce k nesprávnému vyhodnocení celého marketingového rozpočtu.

Nekonzistentní pojmenování

Nejčastější problém: stejný kanál nebo zdroj se pojmenovává různě, např.: utm_source=Facebook, utm_source=facebook.com, utm_source=fb. V Google Analytics se tyto varianty zobrazí jako tři různé zdroje.

Tip: Vytvořte si firemní naming konvenci (slovník používaných hodnot) a sdílejte ho v týmu.

UTM parametry u interních odkazů

Nikdy nepoužívejte UTM parametry u interních odkazů (mezi stránkami na vašem webu). Každý UTM odkaz totiž spustí novou návštěvu (session), čímž přeruší původní zdroj návštěvy a zkreslí atribuční model. UTM patří výhradně na externí odkazy – e-maily, sociální sítě, reklamy, QR kódy atd.

Používání mezer, diakritiky a velkých písmen

Vyvarujte se používání mezer, diakritiky a velkých písmen. URL s těmito znaky se automaticky kódují, což vede k nečitelnosti a duplicitám v reportech.

Příliš složité nebo nejednoznačné názvy

Parametry jako utm_campaign=1234abcd nebo utm_medium=test vám v reportu nejspíš nic neřeknou – za měsíc už nikdo neví, co taková kampaň znamenala. Pište proto názvy tak, aby byly srozumitelné a časově odolné – ideálně obsahovaly účel, kanál nebo období.

Chybějící UTM parametry u důležitých kanálů

E-mailing, sociální sítě nebo QR kódy se bez UTM parametrů často zobrazí v GA4 pod „direct / (none)“ nebo „referral“ – čímž se ztrácí přehled o výkonu. Zkontrolujte, že všechny důležité odkazy, např. z newsletterů, linktree, reklam, obsahují UTM.

Automatické vs. ruční tagování

Google Ads používá gclid, Sklik UTM přidává automaticky, ale Meta Ads nikoliv. Pokud kombinujete ruční a automatické tagování bez jasného systému, může dojít ke konfliktu dat.

Doporučení:

Správné použití UTM parametrů není složité – ale jen tehdy, když víte, co dělat, a držíte se jasné struktury. Pokud si nejste jistí, jak UTM správně nastavit, sjednotit napříč týmem nebo je efektivně vyhodnocovat v Google Analytics 4, rádi vám s tím pomůžeme.

Nevíte, kde začít nebo co zlepšit?

My ano. Ozvěte se nám a společně vymyslíme, jak posunout váš byznys dál.
Spojte se s námi

Už delší dobu platí, že Google znevýhodňuje stránky s neplatným SSL certifikátem tím, že je označuje jako nebezpečné. To může mít výrazný dopad na důvěryhodnost stránek v očích návštěvníků.

Jako řešení takové situace se nabízejí placené certifikáty, které mohou být pro malý nízkonákladový web nebo blog zbytečně drahé. Naštěstí je tu možnost získat tento certifikát zdarma. V tomto článku si ukážeme, jak získat a zprovoznit certifikát na vašem WordPress webu zadarmo.

V článku se dozvíte:

Co je to SSL certifikát?

Zkratka SSL je zkrácením názvu „Secure Socket Layer“. Je to internetový protokol, který se používá na zabezpečení dat (především citlivých dat jako jsou informace o platbách, o kreditní kartě nebo přihlašovací údaje) procházejících mezi webovým prohlížečem návštěvníka a webovou stránkou. Tato data se při používání zastaralého http protokolu mohou stát lehkou obětí útoků hackerů.

Na co je certifikát na WordPress stránkách potřeba?

SSL certifikát / https je doporučován pro všechny stránky na internetu (ne jen pro ty, které běží na WordPressu). Nevyhnutelným se pak stává u stránek, které shromažďují data o platbách online, kreditních kartách, přihlašovacích udajích a podobně. Pro většinu platebních bran je certifikát nutnou podmínkou fungování.

Kromě bezpečnosti slouží SSL certifikát také jako prostředek vytváření pozitivní zkušenosti uživatele na webu a pomáhá při umísťování se ve výsledcích vyhledávání na lepších pozicích. Mimo to jsou stránky bez https certifikátu v prohlížeči Google Chrome označené jako nezabezpečené, což negativně ovlivňuje image stránky a důvěru návštěvníků.

Jak SSL certifikát funguje?

SSL chrání informace vyměňované mezi vyhledávačem a stránkou pomocí jejich zašifrování. Pokud uživatel navštíví webovou stránku s SSL certifikátem, prohlížeč nejprve ověří, zda je certifikát SSL dané stránky platný.

Pokud je vše v pořádku, prohlížeč použije k zašifrování údajů veřejný klíč webové stránky. Tyto údaje se poté odešlou zpět na určený server (webovou stránku), kde se dešifrují pomocí veřejného klíče a tajného soukromého klíče.

Kolik certifikáty stojí

Cena certifikátů se liší. České hostingy nabízejí certifikáty přibližně od 800 Kč až po 9 000 Kč za rok. V případě, že za certifikát nemáte chuť platit, pokračujte v článku dál.

Jak získat certifikát SSL zadarmo?

Některé hostingy mimo placených certifikátů nabízejí i tzv. certifikáty „Let’s Encrypt“. Pokud hledáte dobrý tuzemský hosting, doporučujeme hostingy od active24.cz a websupport.cz, které mají tuto službu předpřipravenou. Službu pak stačí jednoduše pár kliknutími aktivovat v nastavení serveru. Detailní návod instalace certifikátu u Websupportu najdete na této stránce.

Aby vaše stránka po nainstalování SSL certifikát používala, je třeba přistupovat na web skrze https protokol. Přesměrovat web na https je možné různými způsoby:

1.     Pomocí .htaccess souboru

Je třeba vytvořit soubor htaccess na FTP – kód je následující:

RewriteEngine on
RewriteCond %{HTTP:X-Forwarded-Proto} !=https
RewriteRule ^.*$ https://%{SERVER_NAME}%{REQUEST_URI} [L,R]

2.     Pomocí pluginu v redakčním systému

Pokud používáte redakční systém WordPress, je třeba změnit přesměrování na https přímo v nastavení systému. Aktivaci SSL můžete jednoduše zabezpečit i instalací pluginu. Tuto funkci umožňuje např. plugin Really simple SSL. Nezapomeňte ale, že instalace pluginu může mít za následek mírné zpomalení prvního načtení stránky.

Instalace je velmi jednoduchá, plugin klasicky nainstalujete a aktivujete.

Následně se zobrazí upozornění, že je téměř vše hotové a stačí pouze aktivovat přesměrování. Klikněte na tlačítko „Go ahead, activate SSL!“

Váš web bude vždy automaticky přesměrovaný na https. Po tomto přechodu je vhodné vždy promazat cache.

Nevíte, kde začít nebo co zlepšit?

My ano. Ozvěte se nám a společně vymyslíme, jak posunout váš byznys dál.
Spojte se s námi

Kotevní body jsou v současné době, kdy se stále více používají takzvané one-page webstránky, velmi často využívané. Jejich výhodou je, že se mezi nimi po jejich rozmístění v různých sekcích na hlavní stránce umíme pomocí odkazů velmi rychle a efektivně přesouvat (tzv. Page Jump).

Obsah článku:

Co jsou kotevní odkazy a jak fungují?

Jak vytvořit kotevní odkazy ve WordPress šabloně Divi?

Jak správně vložit odkazy na kotevní texty do menu? 

Jak vyřešit problém se zvýrazněním všech položek v menu umístěných na dané stránce?

Co jsou kotevní odkazy a jak fungují?

Kotevní linky dokážou návštěvníka webu po kliknutí dostat na specifickou část na stránce. Místo, na které se pomocí nich odkazuje, je označené buď pomocí “A element-u” nebo atributem CSS ID.

V šabloně Divi, kterou u nás využíváme, se ID atribut vkládá po klinutí na nastavení sekce/řádku/modulu pod tabem „Pokročilé – Advanced“. Zde se do okénka CSS ID vloží specifický kotevní text.

Pozor: Sem se vkládá text bez znaku #.

Samotný odkaz se poté přidá do hlavního menu klasicky ve WordPress nástěnce Vzhled/Menu jako „Custom Link“. Tentokrát se zadává již se znakem “#”, za kterým bez mezery následuje název konkrétního ID, na který chceme odkazovat. V našem případě má tvar „#proc-s-nami“.

Takto nastavený odkaz v menu je již plně funkční a po kliknutí na textový odkaz se přesuneme po stránce do požadovaného bodu.

Problém 1 – Formát odkazu pro kotevní texty

Problém nastává v případě, že web obsahuje i jiné stránky, na kterých se menu zobrazuje. V případě, že se právě nacházíme na jiné stránce a chceme se dostat na část domácí stránky, na které je sekce „Proč s námi“, je nutné do menu umístit odkaz ve tvaru https://nazevdomeny.cz/#proc-s-nami. To vyřeší problém s nefunkčními odkazy na stránkách jiných než na těch s kotevními body.

Problém 2 – Problém s označením všech odkazů v menu umístěných na dané stránce

Pokud bychom se s odkazy v menu ocitli na domácí stránce (na níž jsou umístěny kotvy) a menu by bylo nastavené tak, že nějakým způsobem zvýrazňuje aktivní stránky, na kterých se návštěvník nachází (a:active), mohlo by dojít k problému. Došlo by totiž ke zvýraznění všech těchto odkazů tzv. aktivním stavem.

Situace by vypadala takto:

Tento problém lze vyřešit velmi jednoduše pomocí pluginu, kterým si vytvoříme specifické menu pro domovskou stránku (nebo pro stránku na níž jsou umístěny kotevní body). Menu bude vypadat na první pohled úplně stejně jako menu na zbývajících stránkách webu. Hlavní rozdíl je ve stylu, jakým bude odkaz na kotevní bod napsaný.

Pro tyto účely doporučuji plugin „Conditional Menus“ od Themify, který je dostupný zdarma (https://wordpress.org/plugins/conditional-menus/).


Po jeho instalaci a aktivaci se v nastaveních menu v horní časti objeví nový tab „Manage Locations“, ve kterém se dají spravovat umístění vašich menu.

V dalším kroku je nutné vytvořit jedno menu (u nás Hlavní menu), které bude označeno ve WordPressu jako Primární menu s odkazy ve formátu https://nazevdomeny.cz/#proc-s-nami. Pak je třeba vytvořit druhé menu (u nás Hlavní Menu domů) zcela totožné s primárním menu, které bude využívat „Custom Linky“ ve formátu #proc-s-nami, pro které se pomocí nastavení umístění tohoto pluginu vybere podmínka zobrazení jen na Domácí stránce.

Nezapomeňte uložit veškeré změny a vše by mělo fungovat tak, jak má. 

Doufám, že vám tento návod ušetřil hodně času a budu rád, když se mi v případě otázek nebo nejasností ozvete. 

Nevíte, kde začít nebo co zlepšit?

My ano. Ozvěte se nám a společně vymyslíme, jak posunout váš byznys dál.
Spojte se s námi

Pojďte s námi probrat možnosti spolupráce.

Rádi vám poradíme a navrhneme možnou strategii
Spojte se s námi
ReferenceBlogSlovníkCookies
Spravovat souhlas
GDPRKontakt
Jsme Google certifikovaná agentura
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram