Clarity je bezplatný nástroj, který ukazuje, jak se lidé na webu doopravdy chovají – kam klikají, kde zastaví scroll, co čtou a co ignorují. Díky tomu rychle poznáte, které prvky fungují a které se míjí s cílem.
- A jak se lidé chovají v Google SERPu? Dozvíte se v našem dalším článku!
Clarity vám dá důkazy tam, kde dřív byly dohady a osobní vkus. Podívejte se a přesvědčte, co dělají reální uživatelé právě na vašem webu. Pomůže vám to dělat malé změny, pokud chcete udělat kosmetické úpravy designu (rozložení prvků na webu). Můžete vycházet z mapy rozmístění kliků a záznamů reálného chování. Rozhodování je pak mnohem přesnější a není střílením od boku. Ne vždy se v kontextu konkrétního webu lidé orientují tak, jak očekáváme.
Co se v článku dozvíte
9 tipů, jak s Clarity začít
#1 Nasadit Clarity co nejdřív na web
Začněte sbírat data o návštěvnících co nejdřív, nejlépe dnes. Přidání skriptu je jednoduché, stačí vám v administraci webu vložit HTML kód na příslušné místo.
#2 Nastavte si správné období
Nechte Clarity běžet alespoň 2 týdny, nejlépe měsíc.
Měření má smysl, když z něj tvoříme statistiku, protože jednotlivé odchylky mohou být příliš významné v celkovém měřítku. Ideální je nastavit si pohled alespoň na 30 dní (defaultně jsou v Clarity nastavené pouze 3 dny).
#3 Jako první se podívejte do sekce Heatmapy: zde najdete seznam nejnavštěvovanějších stránek
Ověřte si, jestli jsou tu všechny stránky, které čekáte. Je všechno v pořádku? Někdy můžete vidět anomálii už tady, například když se vám velmi vysoko ukazuje návštěvnost stránky vyhledávání.
- Přečtěte si také! Jak zvýšit návštěvnost webu?
#4 Pak se zaměřte na heatmapy: ověřte si, jak se liší na desktopu od těch na mobilu
Sledujte, jak se liší to, kam uživatelé skutečně klikají. Někdy například objevíte části webu, které lidé ignorují, i když vy chcete, aby je zajímaly. Můžete se zamyslet, jestli je to umístěním, nebo tím, že nejsou dost výrazné?
#5 Analyzujte scrollování
Pak je čas, zaměřit se na to, jak hluboko na vaší stránce návštěvníci dojdou. Někdy ihned přeskočí na menu, někdy se nedostanou pod třetí zalomení stránky. Námět k úvaze: pokud 75 % lidí neprojde první třetinu stránky, přemýšlejte o přeskládání obsahu. Co například, posunout nejzajímavější prvky o něco výš, aby byly víc vidět?
#6 Nebojte se dead clicků
Někdy v heatmapě najdete místa, kde lidé klikají na místo, kde nic není. Anebo klikají, ale nic se nestane, protože plocha není aktivní. Může jít o dvě věci: buď soustředěně čtou a na prázdnou plochu si jen “odpočívají s myší” - nebo se o něco snaží tam, kde jim to neumožňujete.
#7 Ponořte se do záznamů sessions (ale s rozmyslem)
Koho by nezlákala možnost podívat se přímo na nahrávku toho, co dělá neznámý návštěvník u něj na webu. Můžete tak odhalit vzorce chování, které by vás jinak nenapadly. Je to ale časově náročné, tak si stanovte nějaké reálné cíle, co chcete zjistit. Můžete si například všímat, jestli se lidi často tzv. “vrací zpět”, nebo k tomu používají navigaci?
#8 Přečtěte si čísla v procentech, ne jen podle počtu kliknutí
V Clarity uvidíte např. 30 kliků na tlačítko, a může být málo, anebo hodně. Absolutní čísla jsou totiž “vzorkovaná” - neznamená to, že 30 lidí kliklo reálně na nějaký prvek, ale že to je velikost statistického vzorku vzhledem k celku. Proto dávají procenta lepší kontext, a to také pro predikce a odhady do budoucna.
#9 Propojte poznatky z Clarity s tím, odkud lidé přišli
Např. když posíláte návštěvníky z kampaní na konkrétní stránky, zaměřte se na ně, abyste viděli, čemu tam věnují pozornost a mohli vylepšit jejich zkušenost.
Limity nástroje: Co Clarity neumí
Co má smysl: hledat kam směřuje pozornost vašich návštěvníků.
Co nejde měnit: třeba nákupní proces v košíku u zavedených platforem. Ten je už dávno odladěný jejich vývojáři.
Clarity vám nenavrhne nový web a nevymyslí obsah. Je to důkazní materiál, ne kreativní studio.
Neřekne vám ani to, proč se lidé chovají určitým způsobem. A také to není náhrada za Google Analytics nebo Google Search Console.
Typické problémy webů a jak je řešit
Každý web má svá slabá místa. Někdy jde o obsah, jindy o rozvržení nebo způsob, jakým stránka vede uživatele. Prvním krokem je zjistit, kde pozornost lidí mizí a proč se klíčové informace k návštěvníkům nedostávají. Jedním z nejčastějších problémů je právě mělké scrollování nebo nízká čtivost obsahu.
Mělké scrollování nebo čtivost obsahu
Dozvíte se: kolik návštěvníků zůstane „nad ohybem“ a kolik se vůbec dostane k obsahu uprostřed či dole.
Tip: Sledujte nejen „kolik“ lidí došlo dolů, ale i to, kde se láme křivka, neboli kde padá pozornost strmě dolů. Je to pod prvním screenem? Nebo na druhém screenu? A jak to vypadá na mobilu? To vše se musí vyhodnotit.
Příklady typických bolístek na webech: Blogové články, na které nikdo nekliká. Sekce, kterou považujete za důležitou, ale návštěvníci ji minou. To jsou přesně ty chvíle, kdy máte zasáhnout do struktury, obsahu nebo i navigace.
Řešení, když mi “lidé” na stránce nečtou ?
Když je stránka delší, čleňte ji výraznými nadpisy, kratšími odstavci a vizuálními prvky, které táhnou pohled níž.
Důležité bloky posuňte výše a slabé pasáže zkraťte.
Dead clicks: když se kliká naprázdno
Dead clicks“ neboli mrtvé kliky jsou kliky v blízkosti aktivního prvku, ale zůstávají bez odezvy. Uživatel čeká akci – a nic se nestane. Typický příklad z praxe: velká dlaždice v gridu (vizuální mřížka) vypadá jako celá klikací, ale aktivní je jen malý odkaz uvnitř. Lidi pak zuřivě ťukají „naprázdno“.
Řešení: Co dělat, abyste měli méně mrtvých kliků?
Řešení bývá jednoduché – udělat celou dlaždici klikací, zvětšit aktivní plochu, přidat jasné hover/aktivní stavy nebo změnit vizuální hierarchii – umístění prvku.
U jednoho projektu tvořily dead clicks cca 5 % všech kliků – po úpravě UI spadly a klesla i frustrace.
Co dělat, když dominuje vyhledávání?
Pokud se např. vyhledávání drží na špici nejvíce používaných a navštívených stránek, můžete udělat to, že zapracujete na lepší navigaci. Můžete přidat konkrétní odkazy na nejčastější typy zboží a ladit pořadí položek v menu, tak aby lidé nemuseli dohledávat co je zajímá přes vyhledávací políčko.
Nezpomalí Clarity načítání webu?
Podle naší zkušenosti je dopad měření na rychlost webu v praxi minimální; Nejlepší je kód nasadit přes GTM, kde se dá počítat s rozumným, tj. asynchronním spouštěním, takže se načtení samotné stránky neovlivní.
Jak nasadit Microsoft Clarity
1. Založte projekt → clarity.microsoft.com → New project → název + URL → zkopírujte Project ID.
2. Nainstalujte kód:
- GTM: ideálně časová cesta za kterou si to sami zprovozníte a nemusíte vkládat kód do webu.
- Ručně skrze zdrojový kód: vložte script do <head> na všech stránkách (CMS: Custom code / Head).
Jak číst heatmapy
V Clarity nejčastěji budete pracovat s heatmapou, tj. s mapou kliknutí na webu.
Je to rychlý vhled do reality webu, který vám umožní podívat se, co je „neviditelné“. Typicky to může být hero/banner s promo nabídkou: nízké procento kliků znamená, že téma nebo grafika netáhne. Pak dává smysl nabídku přeformulovat, posunout, nebo banner nahradit něčím užitečnějším.
Tip 1: Dívejte se na procenta, ne jen na velká čísla (počet kliknutí).
Tip 2: Změňte screenshot, pokud vám nevyhovuje. Například blokující cookie lišta. Nebo chcete vidět menu, ale na obrázku není.
Clarity × AI?
Vestavěná AI v Clarity (rychlá shrnutí, „Session insights“) se nám zatím v týmu moc neosvědčila – v tuto chvíli generuje příliš obecná shrnutí a není kreativní, takže nám nepomáhá se zaměřit na problematická místa, která hledáme.
Pamatujte, AI šetří čas, ale finální interpretace je vždy lidská.
