Co je heatmapa

Heatmapa (tepelná mapa) je vizuální zobrazení chování návštěvníků na webu. Pomocí barev ukazuje, kam lidé klikají, jak daleko scrollují a kde se zdržují pohledem. Červená = nejvíc aktivity, modrá = nejméně. Na rozdíl od čísel v Google Analytics, které řeknou „co se stalo", heatmapa ukazuje „proč se to stalo" — konkrétní vzorce chování, ne jen abstraktní metriky.

Teplé barvy vizualizující aktivitu uživatelů na webu

Heatmapa (tepelná mapa) je vizuální zobrazení chování návštěvníků na webu. Pomocí barev ukazuje, kam lidé klikají, jak daleko scrollují a kde se zdržují pohledem. Červená = nejvíc aktivity, modrá = nejméně. Na rozdíl od čísel v Google Analytics, které řeknou „co se stalo”, heatmapa ukazuje „proč se to stalo” — konkrétní vzorce chování, ne jen abstraktní metriky.

Typy heatmap

Kliková mapa ukazuje, kam návštěvníci klikají. Odhalí, jestli lidé klikají na vaše CTA tlačítka — nebo na úplně jiné prvky. Často se stává, že návštěvníci klikají na obrázek nebo text, protože vypadá jako odkaz. Ale nikam nevede. Promarněná příležitost.

Scrollovací mapa zobrazuje, jak daleko návštěvníci scrollují. Chcete vědět, jestli se lidé dostanou k vašemu kontaktnímu formuláři dole na stránce? Scrollovací mapa vám to řekne. Pokud 80 % návštěvníků přestane scrollovat v polovině, cokoli je pod tímto bodem většina lidí nikdy neuvidí.

Mapa pohybu myši sleduje, kam návštěvníci pohybují kurzorem. Není to stoprocentní ukazatel toho, kam se dívají, ale výzkumy ukazují silnou korelaci mezi pohybem myši a pohledem.

Co vám heatmapa prozradí

Konkrétní příklad. Provozujete web s nabídkou účetních služeb. V analytice vidíte slušnou návštěvnost na stránce s ceníkem, ale málo poptávek.

Nasadíte heatmapu a zjistíte:

  • Většina kliků směřuje na řádek s nejlevnějším balíčkem, ale poptávkové tlačítko je jen u nejdražšího
  • Návštěvníci scrollují jen do poloviny ceníku a CTA tlačítko dole nikdy nevidí
  • Lidé opakovaně klikají na nadpis „Individuální nabídka”, ale ten není odkaz

Najednou máte konkrétní vodítka. Přidáte CTA ke každému balíčku, přesunete klíčové informace výš, uděláte z nadpisu odkaz na formulář. Z mé zkušenosti tohle dokáže zásadně změnit výsledky.

Nástroje pro heatmapy

Nejpoužívanější nástroje: Hotjar, Microsoft Clarity a Smartlook (český nástroj). Hotjar a Clarity nabízejí bezplatné verze, které pro menší weby bohatě stačí. Clarity je kompletně zdarma i pro větší weby a dobře se propojuje s Google Analytics.

Kromě heatmap tyto nástroje nabízejí i nahrávky návštěv (session recordings). Můžete sledovat cestu konkrétního návštěvníka jako film. Nesmírně cenné pro pochopení problémů, které byste z čísel nikdy neodhalili.

Jak heatmapy správně používat

Heatmapa je diagnostický nástroj. Ne odpověď na všechno. Ukáže vám symptomy, ale příčinu musíte odhalit sami.

Lidé neklikají na důležité tlačítko? Může to být špatnou barvou, textem, umístěním nebo tím, že je obklopeno rušivými prvky.

Nejlepší postup je kombinovat heatmapy s dalšími metodami. Podívejte se na data o bounce rate, porovnejte chování na mobilu a desktopu a doplňte to A/B testováním změn, které z heatmap vyplynou.

A důležité — sbírejte data alespoň dva týdny, než budete dělat závěry. Krátké období může být zkreslené sezonními výkyvy nebo jednorázovou kampaní.

Chcete vědět, jak se návštěvníci na vašem webu skutečně chovají? Napište mi a pomůžu vám heatmapy nasadit a vyhodnotit.

Často kladené otázky

Jaký nástroj na heatmapy je nejlepší?

Pro většinu webů doporučuji Microsoft Clarity — je kompletně zdarma, i pro větší weby, a nabízí heatmapy i nahrávky návštěv. Pokud chcete víc funkcí (ankety, zpětná vazba od uživatelů), sáhněte po Hotjar. Oba se instalují snadno přidáním kódu na web.

Jak mám číst heatmapu?

Červená = hodně aktivity, modrá = málo. Zaměřte se na tři věci: klikají lidé na vaše CTA? Jak daleko scrollují? Neklikají na prvky, které nejsou odkazy? Pokud klíčové prvky leží v modré zóně, návštěvníci je prostě nevidí.

Kolik dat potřebuji, než heatmapu vyhodnotím?

Sbírejte data minimálně 2 týdny a mějte alespoň 500–1 000 návštěv na stránce. Kratší období může být zkreslené jednorázovou kampaní nebo sezónními výkyvy. Čím víc dat, tím spolehlivější obraz chování návštěvníků dostanete.

Stačí mi heatmapa, nebo potřebuji i jiné nástroje?

Heatmapa je diagnostický nástroj — ukáže symptomy, ale příčinu musíte odhalit sami. Nejlepší je kombinovat ji s daty o bounce rate, Google Analytics a A/B testováním změn, které z heatmap vyplynou.

Zdroje