Heatmap.
Eine Heatmap visualisiert das Nutzerverhalten auf einer Webseite durch Farbcodes: Rot zeigt Bereiche mit hoher Aktivität (Klicks, Scrolltiefe, Mausbewegung), Blau zeigt wenig beachtete Bereiche. Sie hilft, UX-Probleme und Optimierungschancen zu identifizieren.
Heatmap — ausführlich erklärt
Eine Heatmap ist eine visuelle Darstellung von Nutzerverhalten auf einer Webseite. Statt abstrakte Zahlen (Bounce Rate, Verweildauer) zeigt sie konkret, wo Nutzer klicken, wie weit sie scrollen und wo ihre Aufmerksamkeit liegt. Es gibt drei Haupttypen: Click Heatmaps (wo klicken Nutzer? — zeigt ob CTAs wahrgenommen werden), Scroll Heatmaps (wie weit scrollen Nutzer? — zeigt ob wichtige Inhalte gesehen werden) und Move Heatmaps (wo bewegen Nutzer die Maus? — korreliert mit Blickrichtung).
Typische Erkenntnisse aus Heatmap-Analysen: CTAs werden nicht gesehen (zu weit unten, falscher Kontrast), wichtige Inhalte liegen 'below the fold' (unter der Scrollgrenze), Nutzer klicken auf nicht-klickbare Elemente (erwarten einen Link), Formularfelder werden übersprungen (zu viele Felder, unklare Labels), und Navigation wird nicht wie erwartet genutzt. Diese Erkenntnisse sind die Grundlage für datenbasierte UX-Optimierung und A/B Tests.
Die bekanntesten Heatmap-Tools 2026: Hotjar (populärste Lösung, Heatmaps + Session Recordings + Surveys), Microsoft Clarity (kostenlos, von Microsoft), Mouseflow, Lucky Orange und FullStory. Für Schweizer KMU empfiehlt DLM Digital: Starten Sie mit Microsoft Clarity (kostenlos, DSGVO-konform konfigurierbar) oder Hotjar (ab 39 EUR/Monat). Analysieren Sie monatlich die wichtigsten Seiten (Homepage, Landingpages, Kontaktseite) und leiten Sie konkrete Optimierungen ab.
Weiterführende Seite
Conversion Rate OptimierungHäufige Fragen zu Heatmap
Für den Einstieg: Microsoft Clarity — kostenlos, unbegrenzte Sessions, Heatmaps und Session Recordings inklusive. Für mehr Features: Hotjar (ab 39 EUR/Monat) — Heatmaps, Recordings, Umfragen und Feedback-Widgets. Beide Tools sind DSGVO-konform konfigurierbar. Tipp: Starten Sie mit Clarity, und wechseln Sie zu Hotjar, wenn Sie Umfragen und Feedback-Funktionen benötigen.
Ja, wenn korrekt konfiguriert. Moderne Heatmap-Tools anonymisieren Daten automatisch: Texteingaben werden maskiert, keine persönlichen Daten gespeichert. Sie müssen: Heatmap-Tracking im Cookie-Banner aufnehmen (Consent einholen), Datenschutzerklärung aktualisieren und Session Recordings so konfigurieren, dass Formularfelder maskiert sind. Microsoft Clarity und Hotjar bieten DSGVO-konforme Konfigurationsoptionen.
Monatlich für Ihre wichtigsten Seiten (Homepage, Top-Landingpages, Kontaktseite). Bei Änderungen an der Website: Vorher-Nachher-Vergleich. Vor A/B Tests: Heatmaps liefern Hypothesen für Testideen ('Nutzer scrollen nicht bis zum CTA → CTA weiter oben platzieren'). Sammeln Sie mindestens 1'000 Sessions pro Seite, bevor Sie Schlüsse ziehen — bei weniger Daten sind die Muster nicht aussagekräftig.
Weitere Begriffe mit „H“
Headless CMS
Ein Headless CMS ist ein Content Management System ohne integriertes Frontend ('head'). Inhalte werd...
HTTPS / SSL
HTTPS (HyperText Transfer Protocol Secure) bedeutet, dass die Datenübertragung zwischen Browser und ...
Headless Architecture
Headless Architecture trennt das Frontend (die sichtbare Website) vom Backend (Datenbank, CMS, Logik...
Bereit für Ihr Projekt?
Wenden Sie dieses Wissen auf Ihre Website an — DLM Digital hilft Ihnen dabei.