Heatmap Tools – 10 Anbieter im Vergleich

Verweildauer und Conversions erhöhen klingt gut? Damit das gelingt, müssen alle Elemente einer Webseite optimal auf das Nutzungsverhalten der User abgestimmt sein. Um herauszufinden, wie Nutzer mit der Webseite interagieren, braucht es eine Menge Daten und eine Möglichkeit, diese in verständlicher und auswertbarer Weise darzustellen. Zum Beispiel mit Heatmaps. Heatmaps sind visuelle Darstellungen von Daten in Form eines Wärmebildes. Im Online Marketing werden Heatmap Tools zur OnPage-Optimierung genutzt.

Wer sich noch nie mit Heatmap Tools befasst hat, fühlt sich vom Angebot der verfügbaren Software vielleicht auf den ersten Blick erschlagen. Bei einer Vielzahl von angebotenen Features für unterschiedliche Bereiche verliert nicht nur der Einsteiger leicht den Überblick. Mit diesem Artikel wollen wir den Dschungel der Heatmap Tools für Dich ein wenig lichten.

Ziel ist, es Dir Denkanstöße für den Einsatz von Heatmap Tools zu geben und Dir außerdem die relevantesten Lösungen in der Branche kurz vorzustellen. Ganz ohne Programmierkenntnisse, für jeden Geldbeutel verfügbar, als Cloud-Lösung oder auf dem eigenen Server. Wir zeigen Dir die Fallstricke bei der Planung und Implementierung von Heatmap Tools auf, damit Du am Ende dieses Artikels kompetent mitreden kannst.

Heatmaps erlauben die Darstellung und Analyse von Nutzerverhalten auf einer Webseite. Je nachdem, welches Verhalten und welche Elemente der Webseite untersucht werden sollen, gibt es verschiedene Arten von Heatmaps: Clickmaps, Scrollmaps, Movemaps und Confettimaps.

Clickmap

Die Clickmap ist die klassische Form des Wärmebildes. Wie der Name bereits suggeriert, handelt es sich bei Clickmaps um die Klicks der Nutzer. Warme Farben markieren Elemente, die besonders häufig geklickt werden, kalte stehen für Elemente, die kaum genutzt werden. Der Call-to-Action erscheint in Blau? Dann ist es an der Zeit, ihn an einer Stelle zu positionieren, die im Wärmebild in warmen Farben erscheint.

Scrollmap

Die Scrollmap bildet das Scroll-Verhalten der Webseiten-Nutzer ab. Warme Farben kennzeichnen Bereiche der Webseite, an denen Webseiten-Besucher oft verweilen, kalte Farben lassen erkennen, dass User hier abspringen. Geschieht dies in der unteren Hälfte, ist die Webseite meist zu lang.

Movemap

Die Movemap zeichnet die Mausbewegungen der Webseiten-Besucher nach. Bereiche, an denen der Cursor verweilt, erscheinen in warmen Farben, kalte Farben legen nahe, dass diese Teile der Seite nicht gelesen wurden. Hier muss der Inhalt nachgebessert werden.

Confettimap

Die Confettimap stellt wie die Clickmap die Klicks auf der Webseite dar. Anders als diese ist die Darstellung jedoch nicht akkumuliert, sondern zeigt jeden Klick einzeln. Das macht über die Häufigkeit der Klicks hinaus erkennbar, hinter welchen Elementen der Besucher weitere Informationen erwartet und auch finden sollte.

kostenfreies Webinar

7+ Tipps & Tricks rund um Matomo — Joachim Nickel

Die Open-Source-Software Matomo ist für die Webanalytics schnell installiert und schon sieht man die ersten Besucher… aber wie sieht das mit der Datenqualität aus? Welche kostenfreien Plugins sollten man install...

Gratis anschauen

Die Antwort darauf ist kurz: Alle, die mit einer Webseite Geld verdienen wollen. Für manche Branchen ist das der bevorzugte Weg zum Kunden.

Reisen etwa werden gerne online gebucht, Medien online konsumiert. Doch auch für alle anderen ist es wichtig, dass potenzielle Käufer ihren Weg durch den Inhalt zum Produkt und letztendlich dem Warenkorb finden. Damit sind Heatmaps für Online-Marketer und alle, die diese Aufgabe selbst übernehmen, ein wichtiges Tool zur Analyse des Kundenerlebnisses.

Wann immer Inhalte Kunden anziehen und in Käufer verwandeln sollen, ist es wichtig, Leads zu generieren, die Verweildauer zu verlängern und Konversionen zu steigern. Das gelingt nur, wenn die Elemente und Inhalte der Webseite entsprechend aufgebaut sind. Ob sie ihren Zweck erfüllen, darüber geben Heatmaps Auskunft.

Bereiche, die in kalten Farben dargestellt werden, erfahren kaum Aufmerksamkeit und animieren nicht zur Interaktion. Das heißt, sie können die ihnen zugedachte Funktion nicht erfüllen. Ein solches Ergebnis macht es nötig, über die Gründe für die geringe Beachtung dieses Elementes nachzudenken.

Ist es an einer Stelle der Seite eingebaut, bis zu der wenige Webseiten-Benutzer vordringen? Dann sollte es an eine stärker genutzte Stelle der Seite verschoben werden. Weckt das Element falsche Erwartungen, verstehen Webseiten-Nutzer zum Beispiel nicht, dass ein Klick sie zudem führt, was sie suchen?

Dann muss das Element durch ein aussagekräftigeres ersetzt werden. Über viel besuchte Bereiche und gern genutzte Elemente können andere Heatmaps wie die Scrollmap oder die Clickmap Auskunft geben. So helfen Heatmap Tools nicht nur dabei, den Bedarf nach Optimierung beim Kundenerlebnis zu erkennen, sondern geben auch einen Hinweis darauf, wie diese aussehen könnte.

Darüber, ob die Maßnahmen erfolgreich waren, gibt auch wieder eine Heatmap Auskunft. Wird das ursprünglich untersuchte Nutzerverhalten erneut als Wärmebild dargestellt, zeigt sich, ob sich die Interaktion an der betrachteten Stelle verbessert hat oder nicht.

Wer wissen will, welche Seiten im Internet genutzt werden, kann auf die einschlägigen Analysetools von Google, wie zum Beispiel Google Analytics zurückgreifen. Wie eine Seite genutzt wird, geht aus den Ergebnissen allerdings nicht im Detail hervor. Anders als diese allgemeineren Tools erlauben Heatmap Tools die Analyse des Nutzerverhaltens und in der Folge die Optimierung mit Blick auf eine Steigerung der Verweildauer und Konversionen.

Zwei Eigenschaften bzw. Vorteile zeichnen die Tools besonders aus:

• Visuelle Darstellung:
  Durch die visuelle Darstellung lässt sich die Verteilung der Daten auf einen Blick erfassen. Die Nutzung von Heatmap Tools erfordert keine speziellen technischen Kenntnisse oder Erfahrung mit großen Datenmengen.
• Segmentierung und Filterung:
  Idealerweise erlaubt ein Heatmap Tool die Segmentierung und Filterung von Daten. So kann genau nachvollzogen werden, welche Art von Benutzer wie mit der Seite interagiert oder geklickt hat. Es soll nicht verschwiegen werden, dass bei der Nutzung von Heatmap Tools auch deren Einschränkungen und Grenzen zu beachten sind.

Ein Heatmap Tool kann allerdings auch Nachteile mit sich bringen:

• Relevante Datenmenge:
  Um zu aussagekräftigen Ergebnissen zu kommen, braucht es eine ausreichend große Datenmenge. Das heißt, die Seite muss über genug Traffic verfügen. Das kann gerade in der Startphase einer neuen Seite schwierig sein, wenn die Rückmeldung am dringendsten gebraucht würde. In der Regel reicht es aber, das Tool länger laufen zu lassen, um auf eine ausreichende Zahl an Besuche auf der Webseite zu kommen. Bis zur Auswertung des Analysetools sollten keine Änderungen an der Seite vorgenommen werden.
• Besser für statische Seiten:
  Änderungen auf der Webseite während der Phase der Datensammlung verfälschen das Bild zum Nutzerverhalten. Denn auf andere Elemente reagieren die Webseiten-Besucher mit einem anderen Verhalten. Für einen Blog, dessen Homepage in kurzen Abständen mit neuen Beiträgen versehen wird, ist die Auswertung des Nutzerverhaltens per Wärmebild daher schwieriger als für eine statische Seite.
• Keine Aussage über Erfolg der Interaktion:
  Dass Webseiten-Besucher besonders häufig mit einem bestimmten Element interagieren oder geklickt haben, heißt noch nicht, dass diese Interaktion zu einer Konversion führt. Um herauszufinden, ob nach dem Klick der weitere Weg durch den Content bis zum Ende gegangen wird, müssen weitere Analysetools zurate gezogen werden.

Matomo-Seminar mit Joachim Nickel - Dein Workshop zur Google Analytics-Alternative!

Erfahre in unserem Intensiv-Seminar alles, was Du über eine datenschutzoptimierte Aufsetzung Deine Webanalyse mit Matomo (der bekanntesten Google Analytics-Alternative) wissen musst! Kein Hokuspokus, sondern Praxistipps mit echten Anwendungsbeispielen von einem Experten mit vielen Jahren Erfahrung im Bereiche der Webanalyse mit Matomo.

Jetzt kostenfreies Infomaterial herunterladen!

Nicht nur die Betreiber von Webseiten, auch die Anbieter von Heatmap Tools sollten auf ein optimales Kundenerlebnis achten. Und zwar bei ihren eigenen Kunden wie auch bei dessen Kunden. Folgende Punkte sind aus Nutzersicht bei der Softwareauswahl besonders zu beachten:

Einfache Verwendung:

Nicht jeder, der eine Webseite betreibt, ist ein Software-Experte. Die Einbindung des Analysetools in die Webseite, Auswahl der zu sammelnden Daten und Analyse des Wärmebildes müssen auch für technische Laien und unerfahrene Analysten möglich sein.

Keine Auswirkungen auf Webseiten-Geschwindigkeit:

Um die Daten zu tracken muss ein Tracking-Code hier eingebunden werden. Die Einbindung des Tracking-Codes für ein Heatmap Tool darf die Geschwindigkeit der Webseite nicht merklich belasten. Eine Seite, die langsam lädt oder abstürzt, veranlasst potenzielle Kunden, sich schnell abzuwenden und dort einzukaufen, wo das Kundenerlebnis positiver ausfällt.

Kostenfreier Testzeitraum:

Extrapunkte gibt es für Anbieter, die gerade bei höherpreisigen Produkten einen kostenfreien Testzeitraum anbieten. So können gerade Laien, die sich zum ersten Mal mit dem Thema Heatmaps beschäftigen, ausprobieren, ob sie mit dem Tool zurechtkommen und es ihre Erwartungen erfüllt.

Wer dank Nutzung eines Heatmap Tools seine Konversionen steigern und mehr Geld verdienen kann, wird dann sicher die Investition nicht scheuen.

Zusammenfassend lässt sich sagen: Ein gutes Heatmap Tool ist leichtgewichtig, einfach zu bedienen und bietet trotzdem alle Funktionen, die zur Analyse des Nutzerverhaltens nötig sind. Es schadet auch nicht, wenn es sich an technische Veränderungen anpassen lässt.

Damit die Analyse der Daten möglichst nutzbare Schlüsse ziehen lässt, müssen Heatmap Tools eine Reihe von Funktionen bieten. Zu den wichtigsten Punkten, die ein solches Tool abdecken sollte, gehören die folgenden:

1. Situative Seiten
2. Elementebene
3. Versteckte Elemente
4. Segmentierung
5. Teilen und Herunterladen

Situative Seiten:

Manche Aktionen werden nur auf situativen Seiten ausgeführt, die nur sichtbar werden, wenn ein bestimmtes Ereignis ausgelöst wird. So wird der Warenkorb vielleicht erst sichtbar, wenn ein Artikel hinzugefügt wurde. Solche Seiten verfügen über eine dynamische URL und bilden nur die Verhaltensanalyse eines Users ab.

Auch Seiten wie Profile oder Kontoseiten, die von einem Log-in geschützt sind, zeigen nur die Aktionen einer einzigen Person. Damit das Heatmap Tool auch diese erfassen und darstellen kann, muss es eine Suchfunktion bieten.

Elementebene:

Nicht nur die Klicks auf die Seite als solche sind aussagekräftig. Können Klicks auf einzelne Elemente differenziert nachverfolgt werden, lässt dies Schlüsse über die Wirksamkeit jedes einzelnen dieser Elemente zu und kann auch Aufschluss etwa über die Unterstützung auf Geräten mit unterschiedlichen Bildschirmgrößen und Auflösungen geben.

Versteckte Elemente:

Dropdown-Menüs, einklappbare Navigationsleisten und andere Elemente werden nur durch Hover- oder Klick-Aktionen ausgelöst. Werden solche Klicks nicht verzeichnet, geht viel Information verloren und das Ergebnis der Daten-Analyse ist verfälscht. Ein gutes Heatmap Tool muss also auch auf versteckte Elemente zugreifen können, die geklickt werden könnten.

Segmentierung:

Eine Segmentierung der Webseiten-Besucher ist bei der OnPage-Optimierung per Heatmap Tool doppelt wichtig. Zum einen müssen sie sich für das Targeting vor der Kampagne segmentieren lassen, es wird also nur ein bestimmter Ausschnitt aller Webseiten-Nutzer betrachtet.

Genauso wichtig ist es aber, dass sich Webseiten-Nutzer nach der Kampagne segmentieren lassen. So kann zum Beispiel hervortreten, dass zwei verschiedene Besuchergruppen das gleiche Verhaltensmuster in der Verhaltensanalyse aufzeigen. In dieser Folge können speziell auf diese zugeschnitten entsprechende Lösungen entwickelt werden.

Teilen und Herunterladen:

Für alle, die im Team arbeiten oder einen Bericht vorlegen müssen, ist es wichtig, dass das Heatmap Tool über eine Option zur Freigabe und zum Herunterladen der Daten verfügt.

Die 10 wichtigsten Eigenschaften eines Heatmap Tools:

• Einfaches Setup
• Intuitive Bedienung
• Segmentierung
• Visuelle Darstellung
• Mehrere Heatmap-Arten
• Mehrere Layer
• Ergänzung durch Test-Tools
• Ergänzung durch Tools zur Personalisierung
• Aufzeichnung der Nutzersitzungen
• Teilen und Herunterladen

Heatmaps sind ein wertvolles Instrument zur OnPage-Optimierung. Sie zeichnen die Mausbewegungen, Klicks und Interaktionen der Webseiten-Besucher auf und stellen sie visuell in einem Farbcode dar.

So werden Bereiche und Elemente der Seite, die wenig genutzt werden, auf einen Blick sichtbar. Das lässt Schlüsse auf die Gründe für das Nutzerverhalten zu und erlaubt es, Änderungen vorzunehmen, die dieses optimieren. Um möglichst viel Nutzen aus dem Heatmap Tool zu ziehen, sollte es auf Dauer verwendet und immer wieder verschiedene Aspekte der Nutzerfreundlichkeit der Seite überprüft werden.

Um diese zu verbessern, müssen Schritte eingeleitet werden, deren Erfolg zum Beispiel mit A/B-Testing überprüft werden muss. Durch ein Fortlaufen und Ineinandergreifen der Maßnahmen lässt sich so langfristig ein optimales Kundenerlebnis erzielen, das sich in längeren Verweildauern und höheren Konversionen niederschlägt.

Heatmap Tools können Dir bei einer solchen Analyse helfen, denn es handelt sich hierbei um Analysetools, die ganze Datenmengen Deiner Webseitennutzung komprimieren und Dir auf einen Blick zeigen, was Du verbessern kannst. Bei der Softwareauswahl ist für jeden das richtige Analysetool dabei.