Rage- und Dead-Clicks: Kaputte Klickziele im Shop finden

Was Rage- und Dead-Clicks verraten

Ein Rage-Click, wörtlich ein Wutklick, ist eine schnelle Folge von Klicks auf dieselbe Stelle. Meist steckt dahinter die Erwartung, dass etwas passieren müsste, und die Ungeduld, wenn es nicht passiert. Ein Dead-Click ist ein einzelner Klick, auf den die Seite sichtbar nicht reagiert: Es öffnet sich nichts, es lädt nichts, nichts verändert sich. Beide Signale sind Symptome. Sie sagen, wo Besucher hängen bleiben, aber nicht, warum. Gerade deshalb sind sie nützlich: Sie lenken den Blick auf die wenigen Elemente, an denen Erwartung und Verhalten auseinanderlaufen.

Dass schwache Klickhinweise Zeit kosten, ist gut untersucht. In einem Eyetracking-Experiment verglich die Nielsen Norman Group Seiten mit deutlichen und mit schwachen Hinweisen auf Klickbarkeit, etwa unterstrichene blaue Links gegenüber Links im Stil des Fließtexts oder plastische Knöpfe gegenüber flachen Umrissknöpfen. Auf den Fassungen mit schwachen Hinweisen brauchten die Teilnehmer im Schnitt 22 Prozent mehr Zeit, bis sie das gesuchte Klickziel gefunden hatten (Nielsen Norman Group 2017), und sie hatten im Schnitt 25 Prozent mehr Blickfixationen (Nielsen Norman Group 2017). Untersucht wurden 71 Web-Nutzer am Desktop (Nielsen Norman Group 2017), die Aufgaben auf 9 Seiten bearbeiteten; jede Seite lag in zwei nahezu identischen Fassungen vor, die sich nur in den Klickhinweisen unterschieden (Nielsen Norman Group 2017).

Ein Detail aus derselben Studie beschreibt den Dead-Click, bevor er passiert. Auf der Seite eines Schmuckhändlers sollten die Teilnehmer Perlenschmuck finden. In der Fassung, in der der Link wie normaler Text aussah, blieben 9 von 24 Teilnehmern an der Zwischenüberschrift hängen, weil sie glaubten, diese sei anklickbar, und übersahen den eigentlichen Link darunter (Nielsen Norman Group 2017). Im Shop wäre das ein Dead-Click auf eine Überschrift ohne Funktion.

Typische Klickfallen im Onlineshop

Die meisten kaputten Klickziele entstehen nicht durch einen spektakulären Programmierfehler, sondern durch eine Lücke zwischen Gestaltung und Funktion. Etwas sieht aus wie ein Knopf, ist aber keiner. Oder es soll einer sein, aber der Code dahinter wurde beim letzten Theme-Update abgehängt. Sechs Muster tauchen in Shops besonders häufig auf:

Wie verbreitet unklare Klickflächen sind, zeigt ein älterer Benchmark des Baymard Institute: Bei 76 Prozent von 50 großen US-Onlineshops war in den Produktlisten für Nutzer unklar, was genau anklickbar ist und wohin ein Klick führt (Baymard Institute 2016). In ihren Usability-Tests beobachteten die Forscher zudem wiederholt verschwendete Klicks auf Produktbeschreibungen und Merkmale, die sich als statischer Text herausstellten (Baymard Institute 2016). Das ist der Dead-Click in Reinform.

Bei Inspirationsbildern hat sich die Lage verbessert, erledigt ist das Thema aber nicht. Im Benchmark des Baymard Institute verlinkten 2019 bereits 91 Prozent der untersuchten Shops die abgebildeten Produkte durchgängig (Baymard Institute 2020), 9 Prozent boten dagegen keinen einfachen Weg zu den gezeigten Artikeln (Baymard Institute 2020). In den Tests gingen manche Nutzer davon aus, dass ein Klick direkt auf ein abgebildetes Produkt zu genau diesem Artikel führt (Baymard Institute 2020). Wer das nicht anbietet, erzeugt Klicks, die nirgendwohin führen. Wie sich Galerie- und Bildinteraktionen insgesamt auswerten lassen, zeigt der Beitrag Produktbilder und Videos auswerten.

Wie XICTRAQ® die beiden Signale erkennt

XICTRAQ® erfasst Rage- und Dead-Clicks an zwei Stellen, die unterschiedlich arbeiten und deshalb unterschiedliche Schwellen haben. Die erste ist die Click-Heatmap der cookielosen Analytics. Der Tracker meldet zu jedem Klick die Seite, die Position relativ zur Seitenbreite und -höhe, den Elementtyp und die sichtbare Beschriftung des Elements, und er markiert jeden Klick mit zwei Merkmalen: Rage-Click ja oder nein, Dead-Click ja oder nein. Als Rage-Click gelten drei Klicks dicht beieinander innerhalb einer Sekunde. Als Dead-Click gilt ein Klick, dem weder eine Änderung am Seitenaufbau (DOM) noch eine Navigation folgt.

Zwei Feinheiten helfen beim Lesen der Ergebnisse. Links mit Linkziel und Absendeknöpfe von Formularen zählt die Heatmap nicht als tot, weil sie die Seite wechseln oder ein Formular abschicken. Ein Link mit leerem Sprungziel, dessen Skript nicht mehr läuft, fällt deshalb eher in der Aufzeichnung auf. Und als Rage-Click wertet der Tracker nur Klicks mit dem Mauszeiger oder dem Finger: Wer im Suchfeld dreimal die Eingabetaste drückt, erzeugt keinen Wutklick.

Die Heatmap selbst zeigt je Seite und Geräteklasse, also Desktop, Tablet und Mobil, die Klickwolke über einem echten Screenshot und listet die 20 meistgeklickten Elemente mit ihrer Beschriftung. Die Markierungen fasst der KI-Assistent zusammen: Fragen Sie ihn nach Rage- und Dead-Clicks, nennt er für die zehn meistgeklickten Seiten des gewählten Zeitraums je Seite die Summe beider Signale neben der Zahl aller Klicks. Die Heatmap-Ansicht selbst zeigt die Markierungen nicht an. Wie die beiden Signale definiert sind, steht im Handbuch unter Form- und Media-Analytics.

Die zweite Stelle sind die Sitzungsaufzeichnungen. Ein regelmäßiger Lauf wertet jede abgeschlossene Aufzeichnung aus und vergibt Auto-Tags: rage_click bei drei oder mehr Klicks innerhalb von zwei Sekunden im Umkreis von 30 Pixeln um den ersten Klick, dead_click bei einem Klick ohne DOM-Änderung und ohne Seitenwechsel innerhalb von 1,5 Sekunden, dazu error, wenn in der Sitzung ein Skriptfehler aufgezeichnet wurde. Die Aufnahmeliste lässt sich nach diesen Tags filtern, an jeder Aufnahme erscheinen sie als Kennzeichen. Die Einzelheiten beschreibt das Handbuch zum Session-Recording.

Datenschutz: Heatmap ohne Cookies, Aufzeichnung mit Einwilligung

Die Klickerfassung für die Heatmap setzt keine Cookies und legt nichts im Browserspeicher ab. Übertragen werden unter anderem Seite, Position, Geräteklasse, Elementtyp und eine auf 100 Zeichen gekürzte Beschriftung. Bereiche mit dem Attribut data-xictraq-block liefern gar keinen Text, Bereiche mit data-xictraq-mask werden maskiert, und Muster wie E-Mail-Adressen, Kontonummern oder Kartennummern macht der Tracker auch in Klicktexten unkenntlich. Für diese Messung ist damit in der Regel kein Einwilligungsbanner nötig; die rechtliche Bewertung im Einzelfall bleibt beim Betreiber. Hintergründe stehen im Beitrag Heatmaps DSGVO-konform einsetzen.

Anders die Sitzungsaufzeichnung. Sie legt für die Dauer der Sitzung eine Kennung im Browserspeicher ab, und das Speichern von Informationen auf dem Endgerät ist nur mit Einwilligung zulässig, sofern es nicht unbedingt erforderlich ist (§ 25 TDDDG). XICTRAQ® startet die Aufzeichnung deshalb erst, wenn sie in den Einstellungen eingeschaltet ist und Ihre Consent-Lösung die Einwilligung meldet; bei Widerruf stoppt sie. Aufzeichnungen werden höchstens 90 Tage aufbewahrt. Wie die Aufzeichnung technisch aus der eigenen Domain läuft und welche Felder maskiert werden, erklärt der Beitrag Session-Recording mit First-Party-Infrastruktur.

<!-- Tracker: Heatmap und Klicksignale laufen cookielos -->
<script defer src="https://api.xictraq.com/t.js" data-site="IHRE-SITE-ID"></script>

<!-- Aufrufe aus Ihrer Consent-Lösung: Aufzeichnung erst nach Einwilligung -->
<script>
  function onRecordingConsent() { xictraq.consent('granted'); }
  function onRecordingRevoked() { xictraq.consent('denied'); }
</script>

<!-- Bereich ohne Text in Klicks und Aufzeichnung -->
<section data-xictraq-block>Kundenkonto und Adressen</section>

<!-- Text wird maskiert übertragen -->
<span data-xictraq-mask>Kundennummer des angemeldeten Kunden</span>

Vom Signal zur Ursache in fünf Schritten

Ein Frust-Signal ist der Anfang einer Untersuchung, nicht ihr Ergebnis. Bewährt hat sich eine feste Reihenfolge, die vom groben Überblick zur einzelnen Sitzung führt und erst am Ende zur Änderung:

1. Seiten eingrenzen. Lassen Sie sich vom KI-Assistenten für die meistgeklickten Seiten die Summen der Rage- und Dead-Clicks ausgeben und setzen Sie sie ins Verhältnis zu allen Klicks der Seite. Viel besuchte Seiten sammeln erwartbar mehr Signale.
2. Element bestimmen. Öffnen Sie die Heatmap der Seite in der passenden Geräteklasse. Steht in der Liste der meistgeklickten Elemente ein Badge, ein Bild oder eine Überschrift weit oben, ist das ein Kandidat.
3. Sitzungen ansehen. Filtern Sie die Aufnahmeliste unter „Auffälligkeit“ nach „Frust-Klick“ (rage_click) oder „Toter Klick“ (dead_click) und spielen Sie zwei oder drei Aufzeichnungen der Seite ab. Lud vor dem Klick noch etwas nach, verschob sich das Layout, erschien eine Fehlermeldung?
4. Ursache zuordnen. Unterscheiden Sie drei Fälle: Das Element wirkt klickbar, soll es aber nicht sein (Erwartung). Es soll klickbar sein, reagiert aber nicht (Defekt). Es reagiert, aber zu spät (Tempo).
5. Beheben und nachmessen. Vergleichen Sie nach der Korrektur gleich lange Zeiträume vorher und nachher. Gehen die Signale auf dem Element deutlich zurück, war die Ursache die richtige.

Die Zuordnung entscheidet über die Maßnahme: Bei einer falschen Erwartung hilft kein Blick in den Code, bei einem Defekt keine Gestaltung, und bei einem Tempo-Problem liegt die Ursache oft in Skripten, die den Browser gerade blockieren. In der Grafik oben ist das Rabattetikett ein Fall von Erwartung, denn die Besucher suchen dahinter die Bedingungen der Aktion. Die Größentabelle dagegen ist ein Defekt: unterstrichen, aber ohne Funktion. Die folgende Übersicht ordnet die häufigsten Kombinationen:

Wenn die Seite zu spät antwortet

Nicht jeder Rage-Click hat ein totes Element zur Ursache. Oft reagiert die Seite, nur nicht schnell genug. Die klassischen Grenzwerte der Antwortzeit stammen aus der Usability-Forschung: Bis etwa 0,1 Sekunden empfinden Nutzer eine Reaktion als unmittelbar, bis etwa 1 Sekunde bleibt ihr Gedankenfluss ungestört, ab etwa 10 Sekunden lässt die Aufmerksamkeit für die Aufgabe nach (Nielsen Norman Group 1993). Die Heatmap-Schwelle für Rage-Clicks liegt mit einer Sekunde genau an der zweiten Grenze: Wer innerhalb dieser Zeit dreimal klickt, zeigt deutlich, dass er nicht länger warten will.

Für die Messung im Browser gibt es eine eigene Kennzahl. Interaction to Next Paint (INP) erfasst die Verzögerung von Klicks, Tipps und Tastatureingaben bis zur nächsten sichtbaren Reaktion. Als gut gilt ein Wert bis 200 Millisekunden (Google, web.dev), als schlecht ein Wert über 500 Millisekunden (Google, web.dev). Die Kennzahl ist wichtig, weil der größte Teil der Interaktion nach dem Laden stattfindet: Nach Nutzungsdaten von Chrome verbringen Nutzer 90 Prozent ihrer Zeit auf einer Seite, nachdem sie geladen ist (Google, web.dev). Den Zusammenhang mit Rage-Clicks zeigt die Dokumentation an einem Beispiel: Blockieren lange Aufgaben das Öffnen eines Akkordeons, klickt der Nutzer mehrfach, weil er die Seite für kaputt hält (Google, web.dev).

Im Netz insgesamt hat sich die Reaktionszeit verbessert, die Unterseiten hinken aber hinterher. Im Juli 2025 erreichten 77 Prozent der Websites auf Mobilgeräten einen guten INP-Wert (HTTP Archive Web Almanac 2025). Auf Ebene einzelner Seiten lagen mobile Startseiten bei 80 Prozent (HTTP Archive Web Almanac 2025), Unterseiten nur bei 69 Prozent (HTTP Archive Web Almanac 2025). Gerade auf Unterseiten wie Kategorie- und Produktseiten sitzen Filter, Galerien und Formularprüfungen, also die Elemente, an denen sich Rage-Clicks häufen. Wie Sie INP gezielt senken, beschreibt der Beitrag INP optimieren; einen ersten Messwert liefert der kostenlose Core-Web-Vitals-Check.

Eine dritte Ursache sind Layoutverschiebungen. Rutscht ein Element in dem Moment nach unten, in dem der Kunde klickt, trifft der Klick das falsche Ziel. Unerwartete Verschiebungen können Nutzer dazu bringen, den falschen Link oder Knopf anzuklicken (Google, web.dev). Als gut gilt ein Cumulative Layout Shift (CLS) von höchstens 0,1 (Google, web.dev). In der Heatmap zeigt sich das als Klickwolke an einer Stelle, an der im Screenshot nichts Klickbares steht, oft knapp unter einem nachgeladenen Banner oder einem Hinweis zu Versandkosten.

Tippziele und Barrierefreiheit

Auf Mobilgeräten kommt eine weitere Ursache hinzu: Das Ziel ist schlicht zu klein. Galeriepunkte, Pfeile, Schließen-Kreuze und Mengenknöpfe schrumpfen auf dem Telefon zu Flächen von wenigen Millimetern. Die Richtlinien für barrierefreie Webinhalte setzen dafür eine Untergrenze: Nach WCAG 2.2 muss ein Ziel für Zeigereingaben auf Stufe AA mindestens 24 × 24 CSS-Pixel groß sein, mit Ausnahmen etwa bei ausreichendem Abstand zu anderen Zielen (W3C WCAG 2.2). Die strengere Stufe AAA verlangt 44 × 44 CSS-Pixel (W3C WCAG 2.2). Prüfen Sie Rage-Clicks deshalb getrennt nach Geräteklasse.

Kaputte Klickziele betreffen nicht nur Mausnutzer. Ein Link oder Knopf ohne zugänglichen Namen ist für Screenreader-Nutzer genauso ein totes Ziel, nur zeigt ihn keine Heatmap. Bei der jährlichen Prüfung von einer Million Startseiten der meistbesuchten Websites fanden sich leere Links auf 46,3 Prozent der Seiten (WebAIM Million 2026) und leere Knöpfe auf 30,6 Prozent (WebAIM Million 2026). Dazu kommen Elemente, die nur auf die Maus reagieren, etwa ein div mit Klickfunktion, das sich per Tastatur nicht erreichen lässt. Weil die Heatmap nur Zeigerklicks als Rage-Click wertet, bleiben solche Barrieren dort unsichtbar.

Sie finden sie mit einem Barrierefreiheits-Scan nach WCAG 2.2 und einem Test ohne Maus, wie ihn der Beitrag Tastaturbedienung prüfen beschreibt. Heatmap und Scan ergänzen sich: Die eine zeigt, wo Mausnutzer hängen bleiben, der andere, wo andere Nutzer gar nicht erst ans Ziel kommen.

Checkliste vor der Black Week

Im Jahresendgeschäft wiegt jeder verlorene Klick schwerer. Zu Black Friday und Cyber Monday rechnete der Handelsverband Deutschland 2025 mit einem Umsatz von 5,8 Milliarden Euro (HDE). Der Black Friday fällt 2026 auf den 27. November. Wer jetzt Daten sammelt, hat bis dahin gut fünf Wochen Vergleichsbasis und genug Zeit, gefundene Klickfallen zu beheben und den Effekt nachzumessen. Diese Punkte gehören auf die Liste:

• Aktionsflächen prüfen: Jedes Banner, jede Kachel und jedes Rabattetikett der Aktion führt auf ein passendes Ziel.
• Badges entschärfen: Etiketten auf Produktbildern sind entweder verlinkt oder sehen erkennbar nicht wie Knöpfe aus.
• Scheinbare Links bereinigen: Unterstrichener Text ohne Funktion wird zum Link oder verliert die Unterstreichung.
• Gesperrte Knöpfe erklären: Wo „In den Warenkorb“ eine Auswahl verlangt, steht der Grund direkt am Knopf.
• Rückmeldung beim Klick: Warenkorb, Filter und Mengenänderung zeigen sofort einen Ladezustand.
• Tippziele mobil messen: Pfeile, Punkte und Schließen-Kreuze erreichen mindestens die Größe der Stufe AA.
• Kritischen Weg automatisch durchklicken: Ein Browser-Monitor prüft den Weg von der Produktseite bis zur Kasse in festen Abständen.
• Signale vorher und nachher vergleichen: Nach jeder Korrektur einen gleich langen Zeitraum gegenüberstellen.

Frust-Signale zeigen Probleme erst, wenn Kunden sie erleben. Für die wichtigsten Wege lohnt sich zusätzlich eine Prüfung, die nicht auf Besucher wartet: Das Browser-Monitoring klickt mit einem echten Browser durch festgelegte Schritte und meldet sich, wenn ein Schritt nicht das erwartete Ergebnis liefert. Wie das für die Einlösung eines Rabattcodes aussieht, zeigt der Beitrag Rabattcode im Checkout per Browser-Check prüfen.

Klickziele dauerhaft im Blick behalten

Kaputte Klickziele entstehen laufend: mit jedem neuen Banner, jeder Kampagne, jedem Plugin-Update. Wer Rage- und Dead-Clicks als festen Teil der Auswertung behandelt, sieht solche Brüche in der Regel nach wenigen Tagen statt erst am Monatsende in der Conversion-Rate. Ein sinnvoller Rhythmus für Shops: wöchentlich die Seiten mit den meisten Signalen ansehen, nach jedem Deploy die wichtigsten Produkt- und Kategorieseiten prüfen und vor Aktionstagen die Checkliste abarbeiten. So wird aus einem Frust-Signal ein Arbeitsauftrag und daraus ein Klickziel, das wieder funktioniert.