QR-Code Call-to-Action und Landingpage: mehr Conversions nach dem Scan

Ein Scan ist ein Anfang, kein Ergebnis. Jemand hat sein Smartphone an ein Plakat, einen Flyer oder ein Produktetikett gehalten, und für ein, zwei Sekunden gilt seine volle Aufmerksamkeit der Kampagne Ihres Kunden. Was in den nächsten Sekunden geschieht, entscheidet darüber, ob aus diesem Scan eine Buchung, eine Anmeldung oder ein Verkauf wird, oder ob er verpufft und in Ihrem Bericht als Traffic auftaucht, der ins Leere lief.

Die meisten Ratgeber zu QR-Codes enden im Moment des Scans. Sie erklären, wie Sie einen Code scannbar machen, und verstummen dann, als wäre die Arbeit getan. Für eine Agentur ist es genau umgekehrt: Beim Scan beginnt die Arbeit erst, bewertet zu werden. Kunden zahlen nicht für Scans, sie zahlen für Ergebnisse, und die beiden Dinge, die aus dem einen das andere machen, sind der Call to Action rund um den Code und die Seite, auf der der Scan landet.

Dieser Leitfaden behandelt diesen Moment nach dem Scan von Anfang bis Ende: die Formulierung und das Layout des Call to Action, die Landingpage, die auf dem Smartphone laden und konvertieren muss, und ein Verfahren, um eine Kampagne zu diagnostizieren, die gescannt wird, aber nicht konvertiert. Wo eine Zahl wirklich belegbar ist, wird sie zitiert und gekennzeichnet. Wo etwas eher eine sinnvolle Faustregel als ein harter Fakt ist, steht das dabei.

Der Funnel nach dem Scan: wo Scans verloren gehen

Es hilft, sich einen Scan als kurzen Funnel mit einigen klar abgegrenzten Stufen vorzustellen, denn die Kampagne kann an jeder einzelnen davon verlieren, und die Lösung ist jedes Mal eine andere.

1. Der gedruckte Call to Action. Der Rahmen, der Text und der QR-Code auf der physischen Oberfläche. Ist dies schwach, scannen von vornherein weniger Menschen.
2. Der Scan selbst. Die Smartphone-Kamera liest den Code und öffnet das Ziel. Codegröße, Kontrast und Ruhezone entscheiden, ob das überhaupt funktioniert.
3. Das Laden der Seite. Das Ziel muss über eine mobile Verbindung gerendert werden, bevor der Besucher aufgibt.
4. Die Landingpage. Was der Besucher sieht, wenn sie geladen ist: eine klare Handlung oder eine Wand voller Optionen.
5. Die Conversion. Die Buchung, das Formular, der Anruf oder der Kauf, für den die gesamte Kampagne bezahlt wurde.

Der Wert dieser Denkweise besteht darin, dass "die QR-Kampagne funktioniert nicht" nie ein einzelnes Problem ist. Ein Code, der perfekt scannt, aber auf einer langsamen Startseite landet, ist ein Fehler auf Stufe drei und vier, nicht auf Stufe zwei, und ein Neudruck des Plakats würde nichts ändern. Die Stufe zu benennen, ist schon der halbe Weg zur Lösung.

Der Call to Action erledigt die halbe Arbeit, bevor jemand scannt

Ein nackter QR-Code ist eine Anweisung ohne Begründung. Der Call to Action liefert die Begründung, und er tut dies in dem Moment, bevor das Smartphone hochkommt. Deshalb muss er auf einen Blick lesbar und konkret genug sein, um den Aufwand wert zu sein.

Sagen Sie, was passiert, und warum es sich lohnt

"Scan me" beantwortet keine der beiden Fragen, die sich ein Passant tatsächlich stellt: Was passiert, wenn ich scanne, und warum sollte ich mir die Mühe machen. Ein guter Call to Action beantwortet beide mit einem Verb und einem Nutzen. "Scannen und freie Drei-Zimmer-Wohnungen sehen" schlägt "Scan me", weil es ein konkretes Ergebnis verspricht. "Scannen für die Speisekarte, ganz ohne App" funktioniert, weil es eine wahrgenommene Hürde beseitigt. "Kamera hierauf richten und 10 Prozent Rabatt sichern" verbindet die Handlung mit einer Belohnung.

Sie werden Anbieter-Blogs sehen, die behaupten, ein Call to Action steigere die Scans um einen genauen Wert, oft so etwas wie 40 oder 80 Prozent. Begegnen Sie diesen Zahlen mit Misstrauen: Sie kursieren zwischen Marketing-Blogs ohne eine Primärstudie dahinter, und dieselben Prozentsätze tauchen an völlig anderen Behauptungen wieder auf. Das Argument für einen nutzenorientierten Call to Action braucht keine erfundene Statistik. Es beruht auf etwas Einfacherem und Wahrem: Ein Mensch entscheidet aufgrund dessen, was Sie ihm als Gegenwert versprochen haben, ob er scannt, und "Scan me" sagt ihm nichts.

Respektieren Sie die Ruhezone

Der Call-to-Action-Rahmen um einen Code ist eine gestalterische Chance und eine gestalterische Falle. Ein QR-Code braucht auf allen vier Seiten einen freien Rand, um zuverlässig gelesen zu werden. Die Spezifikation (ISO/IEC 18004, vom QR-Erfinder Denso Wave) verlangt eine Ruhezone von vier Modulen Breite, wobei ein Modul eines der kleinen Quadrate ist, aus denen der Code besteht. Ein Rahmen, ein "Scan me"-Banner oder ein Logo, das in diesen Rand hineinragt, kann das Scannen des Codes vollständig verhindern.

Es ist etwas mehr Spielraum vorhanden, als die meisten erwarten, denn QR-Codes tragen eine Fehlerkorrektur in sich. Der Standard definiert vier Stufen, die etwa 7, 15, 25 und 30 Prozent des Codes wiederherstellen (die Level L, M, Q und H). Dieses Budget ist es, das ein Logo über einem Teil eines Codes erlaubt, aber es ist ein Budget, kein Freifahrtschein: Geben Sie es für eine dekorative Überlagerung aus, bleibt Ihnen weniger Toleranz für einen zerkratzten Flyer oder schlechtes Licht. Halten Sie den Rahmen außerhalb der Ruhezone, und wenn Sie Branding überlagern müssen, erhöhen Sie das Fehlerkorrektur-Level zum Ausgleich.

Dimensionieren Sie den Call to Action für die Distanz

Ein Code auf einem Tischaufsteller und ein Code auf einer Plakatwand sind nicht dasselbe Designproblem. Eine weit verbreitete Faustregel ist das Verhältnis zehn zu eins: Ein Code sollte etwa ein Zehntel so breit sein wie die Distanz, aus der er gescannt wird. Ein Code, der aus zehn Metern Entfernung gelesen wird, sollte also rund einen Meter breit sein. Das ist Branchenempfehlung und keine Klausel im Standard, behandeln Sie es also als Ausgangspunkt und testen Sie das echte Artwork in der echten Entfernung. Unser Leitfaden dazu, wie groß ein QR-Code sein sollte, geht ausführlich auf die Mathematik der Größe und die Seite der Druckauflösung ein.

Auf der Landingpage werden Conversions gewonnen oder verloren

Wenn der Call to Action den Scan auslöst, muss die Landingpage ihn halten. Dies ist die Stufe, die Agenturen am häufigsten vernachlässigen, weil sie in einem anderen Teil des Produktionsprozesses lebt als das Artwork, und es ist die Stufe, auf die die verlässlichsten Zahlen im gesamten Funnel zutreffen.

Geschwindigkeit zuerst, denn das Publikum ist unterwegs am Smartphone

Ein QR-Scan ist fast immer ein mobiler Besuch, oft über eine Mobilfunkverbindung, häufig von jemandem, der mit wenig Geduld in einem Geschäft oder an einer Bushaltestelle steht. Geschwindigkeit ist hier keine Nettigkeit, sie ist das Tor, hinter dem alles andere sitzt.

Die harten Zahlen sind eindeutig. Googles eigene Daten haben ergeben, dass 53 Prozent der mobilen Website-Besuche abgebrochen werden, wenn eine Seite länger als drei Sekunden zum Laden braucht. Eine separate Untersuchung von Google mit SOASTA hat dem Verlauf konkrete Zahlen gegeben: Steigt die mobile Ladezeit von einer auf drei Sekunden, erhöht sich die Absprungwahrscheinlichkeit um 32 Prozent, und von einer auf fünf Sekunden steigt sie um 90 Prozent. Dieselbe Untersuchung ergab, dass die durchschnittliche mobile Landingpage 22 Sekunden zum vollständigen Laden brauchte, was bedeutet, dass die meisten Seiten längst weit über dem Punkt lagen, an dem die Hälfte ihrer Besucher bereits gegangen war.

Für ein konkretes Ziel, das Sie einem Entwickler an die Hand geben können, nutzen Sie Largest Contentful Paint, die Core-Web-Vitals-Kennzahl dafür, wann der Hauptinhalt einer Seite geladen ist. Googles web.dev definiert "gut" als 2,5 Sekunden oder weniger im 75. Perzentil und "schlecht" als über vier Sekunden. Behandeln Sie die Zahl von 53 Prozent in drei Sekunden als den Grund, warum es wichtig ist, und den LCP von 2,5 Sekunden als die Vorgabe, auf die Sie tatsächlich hinbauen.

Eine Seite, eine Handlung

Die häufigste selbst zugefügte Wunde bei QR-Kampagnen ist die Weiterleitung auf die Startseite. Ein Plakat bewirbt ein konkretes Angebot, der Besucher scannt, und er landet auf der allgemeinen Startseite des Kunden und muss das Angebot auf einem kleinen Bildschirm selbst wiederfinden. Jeder Tipp, den Sie ihm auf dem Weg zum Ziel abverlangen, ist eine Stelle, an der Sie ihn verlieren können. Ein Scan, der "10 Prozent Rabatt" versprochen hat, sollte auf der Seite über die 10 Prozent Rabatt landen, auf nichts anderem.

Dieselbe Disziplin gilt für die Seite selbst: Sie sollte eine einzige Handlung antreiben. Die Belege aus der Checkout-Forschung sind eindeutig. Das Baymard Institute, das hunderttausende Stunden Usability-Tests protokolliert hat, fand heraus, dass der durchschnittliche E-Commerce-Checkout 2024 11,3 Formularfelder nutzte, obwohl die meisten rund acht brauchen, und dass die Zahl der Felder die Usability stärker schädigt als die Zahl der Schritte. Sie fanden auch heraus, dass 17 Prozent der Käufer eine Bestellung abgebrochen haben, weil der Prozess zu lang oder zu kompliziert war. Weniger Felder, weniger konkurrierende Schaltflächen, ein offensichtlicher nächster Schritt.

Das Layout zählt ebenfalls, und hier ist eine beliebte Statistik falsch, daher lohnt sich eine Korrektur. Ein einspaltiges Formular schlägt tatsächlich ein mehrspaltiges, aber der eigentliche Befund aus der Eyetracking-Studie von CXL war, dass Menschen ein einspaltiges Formular im Schnitt 15,4 Sekunden schneller ausfüllten, nicht "15,4 Prozent besser", wie es oft falsch zitiert wird. Verwenden Sie eine Spalte, von oben nach unten, und lassen Sie den Daumen in einer geraden Linie wandern.

Machen Sie es antippbar

Die Seite nach dem Scan wird mit einem Daumen bedient, oft einhändig, manchmal im Freien. Schaltflächen und Links müssen groß genug sein, um sie zu treffen. Apples Human Interface Guidelines verlangen eine minimale antippbare Fläche von 44 mal 44 Punkten; Googles Material Design schreibt 48 mal 48 dichteunabhängige Pixel vor. WCAG 2.2 setzt eine Barrierefreiheits-Untergrenze von 24 mal 24 CSS-Pixeln für Zeigerziele, was das Minimum ist, nicht die bequeme Größe. Gestalten Sie nach den Plattformzahlen, behandeln Sie den WCAG-Wert als die Linie, die Sie nicht überschreiten dürfen, und halten Sie die primäre Handlung gut frei von den Zonen der unteren Leiste und der Zurück-Geste.

Diagnostizieren Sie eine Kampagne, die gescannt wird, aber nicht konvertiert

Wenn ein Kunde sagt, die QR-Kampagne funktioniere nicht, widerstehen Sie dem Drang, alles neu zu gestalten. Gehen Sie den Funnel ab und isolieren Sie die Stufe, an der etwas verloren geht. Hier verdient sich ein dynamischer, nachverfolgbarer Code seinen Platz, denn jede Stufe hinterlässt einen anderen Fingerabdruck in den Daten.

Beginnen Sie mit der Scananzahl. Sind die Scans niedrig, liegt der Verlust vor der Seite: am Call to Action, an der Platzierung oder an der Codegröße. Überprüfen Sie den Text und die Position erneut und stellen Sie sicher, dass der Code für seine Betrachtungsentfernung groß genug ist.

Sind die Scans gesund, die Conversions aber nicht, liegt der Verlust bei der Seite. Öffnen Sie das Ziel auf einem echten Smartphone über eine Mobilfunkverbindung und stoppen Sie die Zeit. Ist es langsam, haben Sie Ihre Antwort, und die Core Web Vitals sagen Ihnen, welcher Teil. Ist es schnell, schauen Sie, was geladen wird: Ist es das Angebot oder die Startseite, durch die sich der Besucher nun durchgraben muss? Gibt es eine Handlung oder sechs?

Prüfen Sie dann den stillen, fatalen Fall: ein totes Ziel. Ein statischer Code brennt seine URL dauerhaft ein, sodass der gedruckte Code für immer einen 404 liefert, wenn eine kampagnenspezifische Seite nach der Kampagne abgeschaltet wird, und dagegen ist kurz vor einem Neudruck nichts zu machen. Das ist das stärkste Argument für dynamische Codes überhaupt. Bei einem dynamischen Code ist das Ziel eine Weiterleitung, die Sie kontrollieren, sodass Sie das Ziel ohne Neudruck ändern und eine langsame oder defekte Seite auf eine funktionierende umleiten können, während die Plakate an der Wand bleiben. (Wenn Sie noch zwischen beiden abwägen, legt unser Vergleich von dynamisch und statisch die Abwägungen dar.)

Um überhaupt zu erkennen, welche Stufe verliert, brauchen Sie die Zahlen. Legen Sie vorab fest, welche Scan-Kennzahlen wichtig sind, und lesen Sie sie richtig, wie es unser Leitfaden zur QR-Code-Analyse darlegt, und versehen Sie das Ziel mit Tags, damit das Verhalten nach dem Scan im bestehenden Reporting Ihres Kunden auftaucht. Unsere Anleitung zum Nachverfolgen von QR-Scans in Google Analytics 4 mit UTM deckt das Tagging ohne die üblichen Fallen ab. All dies sitzt innerhalb des umfassenderen Workflows zur Messung von Printkampagnen, den eine Agentur ohnehin betreibt.

Häufig gestellte Fragen

Was sollte ein Call to Action bei einem QR-Code aussagen?

Er sollte auf einen Blick zwei Fragen beantworten: Was passiert, wenn ich scanne, und warum es sich lohnt. Verwenden Sie ein Verb und einen konkreten Nutzen, etwa "Scannen und kostenlose Beratung buchen" oder "Scannen für die Tagesangebote". Vermeiden Sie das nackte "Scan me", das dem Passanten keinen Grund zum Handeln gibt. Halten Sie ihn kurz genug, um ihn in ein, zwei Sekunden aus der Entfernung zu lesen, aus der der Code gescannt wird.

Sollte ein QR-Code auf eine Landingpage oder die Startseite verweisen?

Auf eine eigene Landingpage, die zum Versprechen auf dem Druck passt, nicht auf die Startseite. Bietet das Plakat einen Rabatt und landet der Scan auf der Startseite, muss der Besucher den Rabatt auf einem kleinen Bildschirm erneut suchen, und viele tun das nicht. Eine fokussierte Seite mit einer einzigen Handlung konvertiert fast immer besser als eine allgemeine. Mit einem dynamischen Code können Sie auf eine Kampagnenseite verweisen und sie später umleiten, falls nötig.

Wie schnell sollte eine QR-Code-Landingpage laden?

Streben Sie einen Largest Contentful Paint von 2,5 Sekunden oder weniger an, die Schwelle "gut", die Googles web.dev für die Core Web Vitals setzt. Der Grund, warum das Ziel so eng ist: Google fand heraus, dass 53 Prozent der mobilen Besuche abgebrochen werden, wenn eine Seite länger als drei Sekunden zum Laden braucht, und fast jeder QR-Scan ist ein mobiler Besuch.

Warum scannen Leute meinen QR-Code, konvertieren aber nicht?

Weil eine Stufe des Funnels nach dem Scan verliert, meist die Seite statt des Codes. Die häufigsten Ursachen sind eine langsam ladende Seite, ein Scan, der den Besucher statt auf das Angebot auf eine allgemeine Startseite wirft, eine mit konkurrierenden Handlungen überladene Seite oder ein Ziel, das seit dem Druck des Codes tot ist. Öffnen Sie das Ziel auf einem echten Smartphone, stoppen Sie die Zeit und prüfen Sie, ob es eine klare Handlung zeigt.

Wie groß sollten der "Scan me"-Call-to-Action und der Code sein?

Dimensionieren Sie den Code zur Scanentfernung. Eine verbreitete Faustregel ist etwa ein Zehntel der Betrachtungsentfernung, ein aus zwei Metern gelesener Code sollte also rund 20 Zentimeter breit sein. Das ist Branchenempfehlung, keine formale Spezifikation, testen Sie also das echte Artwork in der echten Entfernung und halten Sie die Vier-Modul-Ruhezone rund um den Code frei von jedem Rahmen oder Text.

Kann ich eine schlecht konvertierende QR-Kampagne nach dem Druck der Codes noch korrigieren?

Nur wenn die Codes dynamisch sind. Ein dynamischer Code speichert eine Weiterleitung, die Sie kontrollieren, sodass Sie das Ziel ändern, eine langsame Seite gegen eine schnelle tauschen oder einen toten Link retten können, ohne den Druck anzufassen. Ein statischer Code hat seine URL eingebrannt, sodass die einzige Lösung der Neudruck ist.

Kurz zusammengefasst

Der Scan ist der Anfang der Arbeit, nicht ihr Ende. Eine Kampagne verliert an einer von wenigen klaren Stufen: am Call to Action, der den Scan verdient, an der Geschwindigkeit der Seite, am Fokus der Seite und daran, dass die Verbindung zwischen ihnen am Leben bleibt. Führen Sie den Call to Action mit einem Nutzen an und halten Sie seinen Rahmen aus der Ruhezone des Codes heraus. Bauen Sie die Landingpage auf einen LCP von 2,5 Sekunden und eine einzige Handlung, dimensioniert für einen Daumen. Wenn etwas unterdurchschnittlich abschneidet, gehen Sie den Funnel ab, benennen Sie die verlierende Stufe und beheben Sie genau dieses eine Ding, indem Sie einen dynamischen Code umleiten, statt neu zu drucken, wo immer das geht.

Wenn Sie das nächste Mal eine QR-Kampagne briefen, schreiben Sie den Call to Action und gestalten Sie die Landingpage im selben Atemzug wie den Code selbst, und legen Sie ein dynamisches Ziel dahinter, damit Sie den Moment nach dem Scan korrigieren können, ohne zur Druckerei zurückzumüssen.