Hőtérkép (heatmap)

A hőtérkép (heatmap) egy vizuális eszköz, amely színekkel mutatja, hogyan viselkednek a látogatók egy oldalon: hová kattintanak (a meleg színek a forró pontok), hol mozog az egér, és meddig görgetnek le.

Megmutatja a valós viselkedést: kattintanak-e a fontos CTA-ra, eljutnak-e a lényegig, vagy félúton elhagyják az oldalt; mire kattintanak, ami nem is link. Ezekből konkrét UX- és konverzió-javítási ötletek jönnek. Kiegészíti a számszerű analitikát (GA4) a „miért" megértésével.

A hőtérkép három fő típusa: a kattintási térkép mutatja, hová kattintanak a látogatók (beleértve a nem kattintható elemeket is), a görgetési térkép megmutatja, a látogatók hány százaléka jut el az oldal adott részéig, a mozgási térkép pedig az egér útvonalát vizualizálja. 2026-ban a Hotjar, a Microsoft Clarity (ingyenes) és a Crazy Egg a legnépszerűbb eszközök Magyarországon is. A hőtérkép-adatok segítenek az organikus forgalom minőségének értékelésében is: ha a keresőből érkezők gyorsan elhagyják az oldalt anélkül, hogy görgetnének, az tartalmi vagy elrendezési problémára utal.

Egy debreceni kozmetikai webshop üzemeltetője észrevette, hogy a termékoldalakon a visszafordulási arány rendkívül magas: a látogatók 72%-a 30 másodpercen belül elhagyta az oldalt. A GA4-ből ez kiderült, de az okát nem lehetett megmondani.

Microsoft Clarity hőtérkép-elemzés után kiderült: a látogatók 60%-a az első képre kattintott, holott az nem volt klikkelhetővé téve (a vásárlók a nagyított képet keresték). A „Kosárba" gomb a görgetési térkép szerint az oldalak 80%-ánál a hajtás alá esett — a látogatók 65%-a sosem érte el. A módosítás után (galéria kattinthatóvá tétele, gomb feljebb helyezése) a CTR 18%-kal, a konverziós arány 1,4%-ról 2,1%-ra nőtt. Az elemzés 3 munkaóra volt, a változtatás fejlesztői költsége minimális.

A hőtérkép a CRO (Conversion Rate Optimization) eszköztárának egyik alapeleme: megmutatja, hol kell beavatkozni, a CRO-folyamat pedig keretbe foglalja a javítás és mérés lépéseit.

A visszafordulási arány (bounce rate) és a hőtérkép együtt értelmezve sokkal pontosabb képet ad: magas visszafordulás esetén a görgetési térkép megmutatja, hogy a tartalom „hideg" zónái azonosak-e az elhagyási pontokkal. Az organikus forgalom minőségének értékelésekor is hasznos: a keresőből érkezők viselkedési mintája eltérhet a direkt látogatókétól. A konverzió (conversion) növelésének egyik leggyorsabb módja, ha a hőtérkép-adatok alapján optimalizálod a CTA elhelyezését és az oldal struktúráját.

• Csak az asztali verziót elemzik: a hőtérkép mobilon és desktopon teljesen különböző mintákat mutathat. Ha forgalmad 60%+ mobilos (ami 2026-ban az átlag), a mobil hőtérkép az elsődleges forrás.
• Túl kevés adatból vonnak le következtetést: néhány száz látogató nem elég megbízható mintához. Várj legalább 1 000-2 000 session-t, mielőtt bármin változtatsz a hőtérkép alapján.
• Nem párosítják számszerű adattal: a hőtérkép „a mitől" kérdésre válaszol, de a GA4 nélkül nem tudod, mekkora az érintett forgalom. Mindig nézd együtt a két eszköz adatait.

A hőtérkép (heatmap) vizuálisan mutatja, hová kattintanak, mennyit görgetnek és hogyan mozognak a látogatók egy oldalon. A CRO és UX-optimalizálás alapeszköze: gyorsan feltárja, mi blokkolja a konverziót. 2026-ban ingyenesen elérhető, például a Microsoft Clarity segítségével.