Co to jest mapa cieplna i jak jej używać w witrynie?
Opublikowany: 2022-08-02Niezależnie od tego, czy tworzysz nową stronę docelową, przebudowujesz witrynę, czy dostosowujesz treść, aby uzyskać lepsze współczynniki konwersji, potrzebujesz mapy drogowej optymalizacji. Nie mając do niego dostępu, po prostu wprowadzasz losowe zmiany i sprawdzasz, co działa.
Chociaż analityka wskazuje, w jaki sposób użytkownicy wchodzą w interakcję, liczby nie mówią Ci wszystkiego o odwiedzających Twoją witrynę.
Jeśli chcesz wiedzieć, DLACZEGO i CO kryje się za tymi interakcjami, musisz przeanalizować mapy popularności witryny dla swojej witryny.
W tym artykule wyjaśnimy, czym są mapy popularności i jak ich używać w swojej witrynie.
Co to jest mapa termiczna?
Cel mapy cieplnej witryny
Rodzaje mapy termicznej
Sposoby efektywnego wykorzystania map ciepła na stronie internetowej
Co to jest mapa termiczna?
Heatmap to wizualizacja danych pokazująca, w jaki sposób odwiedzający angażują się i wchodzą w interakcję z różnymi elementami wyświetlanymi w Twojej witrynie. Zapewnia dwuwymiarowy, oznaczony kolorami obraz interakcji użytkowników i zapewnia wgląd w zachowanie użytkowników.
Heatmapy to doskonała metoda konwersji danych o zachowaniach użytkowników w dogłębną analizę tego, w jaki sposób odwiedzający wchodzą w interakcję ze stronami Twojej witryny. Analizuje:
- Szybkość przewijania
- Elementy, które zostaną kliknięte
- Elementy, które są ignorowane
- Elementy, które się czyta
Te informacje pomogą Ci określić, w jaki sposób układ i projekt UX wpływają na działania użytkownika oraz jak je ulepszyć lub zoptymalizować.
Cel mapy cieplnej witryny
Załóżmy, że jako właściciel witryny DTC Twoja witryna przyciąga tysiąc odwiedzających dziennie, a około 50 klientów kupuje Twoje produkty. Strateg marketingowy, aby zrozumieć, dlaczego pozostałych 950 odwiedzających nie dokonało konwersji, musi przeanalizować powody, dla których klient odrzucił stronę internetową.
Powodami tymi mogą być trudności w poruszaniu się po witrynie, niejasne opisy produktów, brak możliwości szybkiej rejestracji itp. Aby jednak wskazać przyczynę, potrzebujesz dostępu do wydajnego narzędzia analitycznego, takiego jak mapy popularności witryn.
Głównym celem map ciepła jest ilościowa reprezentacja kliknięć użytkowników witryny, wzorców przewijania, ruchów myszy, miejsca fizycznego szkliwa oczu i czasu jego trwania i nie tylko.
Mapa termiczna pomaga również zidentyfikować dane demograficzne użytkowników. W ten sposób możesz podzielić swoją bazę użytkowników i wprowadzić odpowiednie zmiany.
Poprawnie zoptymalizowane mapy cieplne pomagają przedefiniować ogólny projekt strony, aby przekonać odwiedzających do podjęcia pożądanego działania.
Rodzaje mapy termicznej
Mapy cieplne generowane przez oprogramowanie do śledzenia kliknięć są tworzone poprzez konwersję kliknięć myszą użytkownika i ruchów kursora na kodowaną kolorami, wizualną nakładkę 2D.
Oto pięć powszechnie używanych typów map popularności, z których każda została zaprojektowana do śledzenia różnych typów danych.
Przewiń mapy
Mapa przewijania przedstawia moment, w którym odwiedzający opuszczają witrynę, gdy przeglądają i przewijają zawartość.

Pokazuje procent Scroll Depth, co pozwala określić sekcje, w których odwiedzający spędzają maksymalny czas.
Co więcej, to zupełnie normalne, gdy kilku użytkowników dotrze do końca strony, ponieważ ich okres przechowywania jest niski. Aby to potwierdzić, rzuć okiem na te spostrzeżenia, zmień treść i strategicznie umieść przycisk CTA w pierwszej połowie strony.
Mapy popularności śledzenia myszy
Mapy popularności śledzenia myszy pokazują wzorzec, w jaki użytkownicy czytają i poruszają się po stronie. Podkreśla obszary, nad którymi odwiedzający unoszą się najbardziej.

Dzięki mapie ciepła śledzenia myszy możesz określić, która część Twojej witryny przyciąga najwięcej uwagi, a która jest często zaniedbywana przez przedstawienie wizualne.
Należy jednak pamiętać, że odwiedzający może również najechać kursorem na określoną sekcję przez długi czas, ponieważ jego zrozumienie w krótszym czasie jest dla niego bardzo interesujące lub zbyt trudne. To sprawia, że korelacja między ruchem myszy odwiedzającego a tym, na co faktycznie patrzy, jest nieco zaśmiecona.
Kliknij mapy

Mapy kliknięć wyświetlają miejsca, w których użytkownik klika najwięcej w całej witrynie. Oferuje dogłębną analizę zaangażowania użytkowników na stronie, skuteczności obrazów, linków i przycisków klikanych w Twojej witrynie.
Wizualne przedstawienie danych dotyczących kliknięć na przyciskach CTA nie jest jedynym możliwym zastosowaniem map kliknięć. Pomagają również zorientować się, czy istnieje obraz/tekst, który użytkownicy powinni kliknąć, ale nie mogli, ponieważ nie można ich kliknąć.
Mapy popularności śledzenia wzroku

Jak sama nazwa wskazuje, mapy popularności śledzenia wzroku mierzą ruch gałek ocznych odwiedzających i ich pozycję. Analizuje czas trwania stagnacji ruchu gałek ocznych i sygnalizuje firmie atrakcyjność danego działu.

Zazwyczaj badane w laboratoriach przy użyciu specjalnych urządzeń śledzących, mapy cieplne śledzenia wzroku można przeprowadzać za pomocą kamer internetowych za pomocą modelu odbicia promieni podczerwonych.
Jednak tworzenie map ciepła ze śledzeniem ruchu gałek ocznych jest bardziej złożone (i kosztowne) ze względu na zastosowane oprogramowanie i technologię. Trudno też generować heatmapy do śledzenia wzroku dla bardziej rozbudowanego zestawu ze względu na jego wysoki koszt.
Generowane przez sztuczną inteligencję mapy uwagi dotyczące uwagi
Generowane przez sztuczną inteligencję mapy popularności uwagi wizualnie przedstawiają dane uwagi użytkownika utworzone przez algorytm oprogramowania.
Te mapy popularności pokazują, które obszary materiałów wizualnych ludzie są bardziej skłonni zobaczyć. Dzięki analizie predykcyjnej opartej na rozpiętości uwagi odwiedzającego, przedstawia dane z 95% dokładnością.
Wreszcie, ponieważ nie musisz samodzielnie zbierać danych, jest to tańsza opcja dla marketerów, aby przeanalizować witrynę potencjalnego klienta i zebrać z niej informacje.
Sposoby efektywnego wykorzystania map ciepła na stronie internetowej
Zidentyfikuj rozpraszające elementy
Heatmapy potencjalnie zidentyfikują elementy Twoich stron internetowych o najwyższej i najniższej interakcji. Dzięki tej obserwacji możesz usunąć te rozpraszające elementy, aby odwiedzający mogli płynnie wejść na ścieżkę i zwiększyć współczynnik konwersji.
Mapy cieplne poinformują Cię również, w jaki sposób Twoje treści muszą być umieszczone w porównaniu z grafiką, aby odwiedzający zrozumieli Twoją ofertę, a wizualizacje przyciągnęły ich uwagę, zamiast przesadzać z treścią.
Na przykład, jeśli połączysz treści i obrazy w swojej witrynie w tych samych proporcjach, ludzie mogą się rozproszyć i bardziej skupić na obrazie. Prowadzi to do wzrostu współczynnika odrzuceń, ponieważ użytkownicy nie zwracali uwagi na treść.
Zidentyfikuj kliknięcia frustracji
Kliknięcia z wściekłości/kliknięcia z frustracji pojawiają się, gdy użytkownik wielokrotnie klika element, ale nie odpowiada on zgodnie z jego oczekiwaniami. Wywołuje to frustrację wśród użytkowników.
Żadna natychmiastowa reakcja nie powoduje, że użytkownik przechodzi do innej witryny, ponieważ obecna witryna nie ma już żadnego sensu. Dlatego ważne jest, aby zidentyfikować te problematyczne kliknięcia i uniknąć frustracji użytkownika.
Mapa termiczna identyfikuje te wściekłe kliknięcia i pokazuje typowy wzorzec kliknięć wśród odbiorców. Patrząc na te spostrzeżenia, możesz dostrzec obszary wściekłości, naprawić błędy i zmodyfikować projekt, aby wyglądał bardziej reprezentacyjnie.
Poprawa czytelności i długości treści
Według Nielsona odwiedzający spędzają ponad 80 procent czasu bez przewijania ekranu, a tylko 20 procent skupia się na treści poniżej. Oznacza to, że musisz zilustrować wszystkie ważne i przyciągające wzrok informacje powyżej strony, aby zmaksymalizować jej skuteczność.
Mapy przewijania są zbawicielem tego. Dają nam ciekawy wgląd w to, czy treść jest widziana, czy ignorowana, a także pokazuje, do jakiego momentu użytkownik przewija przed wyjściem.
Jeśli w Twoich treściach jest zbyt dużo puchu lub jeśli nie wskazuje to na właściwe działanie, które musi wykonać Twój odwiedzający, zeskoczy on i odwiedzi inną witrynę. Upewnij się, że treść jest prosta i precyzyjna, przyciągając czytelnika do końca.
Usprawnienie projektowania strony poprzez zastąpienie martwych elementów
Kto nie chciałby, aby jego strona internetowa wyglądała atrakcyjnie i atrakcyjnie? Ale to ma swoją cenę.
Ze względu na wysoką rozdzielczość większość elementów internetowych obniża wydajność strony pod względem ładowania arkuszy stron. Lepiej zachować garść tych elementów, którymi publiczność jest zaniepokojona, a resztę wyrzucić.
Mapy Temperatur identyfikują te „martwe elementy”, na które nie zwraca się uwagi, i możesz rozważyć zastąpienie ich bardziej efektywną opcją i zoptymalizowanie projektu strony internetowej.
Zrozum intencje użytkownika
Mapy popularności zapewniają doskonałą szansę na zrozumienie, jak zachowują się Twoi goście. Dzięki temu możesz określić, na której części strony skupiają się Twoi odwiedzający i co sprawia, że się do niej trzymają.
Aby wzmocnić intencje użytkownika, musisz dostosować swoją stronę internetową zgodnie z menu, filtrować opcje, z którymi wchodzą w interakcję Twoi odwiedzający, i umieścić ich na pierwszym miejscu, aby zmaksymalizować intencje użytkownika.
Wzmocni to zaangażowanie i zmniejszy współczynniki odrzuceń, zapewniając, że odwiedzający wejdą w ostatni etap lejka i kupią Twoje oferty.
Wniosek
Teraz, gdy już wiesz, czym jest mapa popularności witryny i jak skutecznie z niej korzystać, wykorzystaj ją do podejmowania świadomych, opartych na danych decyzji dotyczących aktualizacji lub projektowania witryny.
Zanim to zrobisz, zapoznaj się z danymi przedstawianymi przez każdą mapę termiczną i wybierz odpowiednią mapę termiczną. Upewnij się, że nie przytłaczają Cię różnorodne informacje, które przedstawia mapa termiczna. Po prostu trzymaj się swoich KPI i odpowiednio analizuj wydajność swojej witryny.
Często zadawane pytania
Jak korzystać z mapy ciepła na mojej stronie?
Możesz użyć mapy ciepła w swojej witrynie, aby zrozumieć, w jaki sposób Twoi użytkownicy wchodzą w interakcję z Twoją witryną.
Jaki rodzaj danych najlepiej wizualizować za pomocą mapy termicznej?
Jeśli chcesz wyświetlić lokalizacje lub cele, mapa cieplna to świetny sposób na ich wizualizację.