Mobile Conversion-Optimierung: Was auf dem Smartphone zählt

Mobile Conversion-Optimierung heißt, Seite, Formulare und Checkout so zu gestalten, dass Besucher mit dem Daumen, auf kleinem Bildschirm und oft unterwegs ohne Hürden zur Anfrage oder zum Kauf kommen. Die größten Hebel sind meist schnelle Ladezeiten, gut bedienbare Formulare, ein kurzer Checkout und wenige störende Overlays.

Wie groß ist der mobile Anteil wirklich?

In Deutschland entfielen im September 2026 laut StatCounter 59,85 % der Seitenaufrufe auf Smartphones, 38,31 % auf Desktop und 1,84 % auf Tablets (Quelle).

Die pauschale Aussage „mehr als 70 % kommen per Handy“ trifft für Deutschland insgesamt also nicht zu. Der Anteil schwankt stark nach Branche und Zielgruppe: Ein Gastronomiebetrieb hat oft mehr Mobilnutzer als ein B2B-Dienstleister. Schau deshalb in dein eigenes Analytics, bevor du Prioritäten setzt. Eine feste Aussage wie „mobile Conversion liegt 50 bis 70 Prozent unter Desktop“ lässt sich ebenfalls nicht seriös verallgemeinern; die Werte unterscheiden sich je nach Quelle, Branche und Messmethode. Vergleiche stattdessen mobile und Desktop-Conversion in deinen eigenen Daten, getrennt nach Seitentyp und Traffic-Quelle.

Wichtig ist auch die Suche: Google nutzt für Indexierung und Ranking die mobile Version deiner Inhalte und empfiehlt, dass die mobile Seite dieselben Inhalte wie die Desktop-Seite enthält (Quelle). Ein abgespeckter Mobilauftritt kann also auch Sichtbarkeit kosten.

Welche Fehler kosten mobil die meisten Conversions?

Am häufigsten scheitert es an Ladezeit, schwer treffbaren Bedienelementen, falschen Tastaturen, überladenen Formularen und verdeckenden Overlays.

Langsame Seiten

Core Web Vitals sind Googles Messgrößen für Ladezeit, Reaktionsfähigkeit und visuelle Stabilität. Laut web.dev gelten als gut: Largest Contentful Paint (LCP) bis 2,5 Sekunden, Interaction to Next Paint (INP) bis 200 Millisekunden und Cumulative Layout Shift (CLS) bis 0,1, gemessen am 75. Perzentil und getrennt nach Mobil und Desktop (Quelle). Die Werte bestehst du nur, wenn alle drei erfüllt sind. Dass sich Verbesserungen geschäftlich lohnen können, zeigen von web.dev gesammelte Fallstudien: Vodafone Italien verbesserte den LCP um 31 % und meldete 8 % mehr Umsatz, Lazada verbesserte den LCP um das Dreifache und meldete 16,9 % mehr mobile Conversions (Quelle). Das sind Herstellerangaben einzelner Unternehmen und keine Garantie für deine Seite. Mehr zur Messung steht im Beitrag zu Core Web Vitals.

Zu kleine Tap-Ziele

WCAG 2.2 verlangt auf Stufe AA mindestens 24 mal 24 CSS-Pixel für Zeiger-Ziele oder ausreichend Abstand zu Nachbarn; die erweiterte Stufe AAA nennt 44 mal 44 CSS-Pixel (Quelle, Quelle). Die 44-Pixel-Größe ist damit kein Google-Gebot, sondern eine gute Orientierung für wichtige Buttons und Links. Lass Menüeinträge, Buttons und Formularelemente nicht dicht aneinanderrücken.

Falsche Tastatur und fehlendes Autofill

Das HTML-Attribut inputmode legt fest, welche Bildschirmtastatur erscheint, etwa eine Zifferntastatur für Zahlen. Es prüft keine Eingaben; dafür gibt es passende Eingabetypen wie type=“tel“ und type=“email“ (Quelle). web.dev empfiehlt zusätzlich passende autocomplete-Werte für Name, Adresse und Zahlungsdaten und rät davon ab, type=“number“ für Kartennummern zu nutzen (Quelle).

Aufdringliche Overlays

Google rät in seiner Dokumentation zu Interstitials und Dialogen davon ab, Inhalte durch aufdringliche Einblendungen zu verdecken, und empfiehlt Banner, die nur einen kleinen Teil des Bildschirms einnehmen. Ausgenommen sind verpflichtende Einblendungen, etwa eine Altersabfrage (Quelle). Newsletter-Pop-ups direkt beim Seitenaufruf gehören auf Mobilgeräten deshalb zu den ersten Dingen, die du überprüfen solltest.

Klick-zum-Anruf fehlt

Telefonnummern sollten als tel:-Link hinterlegt sein, damit ein Tipp den Anruf startet. Das ist eine Standard-Funktion von HTML-Links und für lokale Dienstleister oft die kürzeste Strecke zur Anfrage.

Wie optimierst du den mobilen Checkout?

Im mobilen Checkout entscheiden Gesamtkosten, Aufwand und Vertrauen, und die meisten dieser Gründe gelten für alle Geräte.

Das Baymard Institute wertet 50 Studien aus und nennt eine durchschnittliche Warenkorb-Abbruchrate von 70,22 % (über alle Geräte). Als Gründe nennen befragte US-Käufer: zu hohe Zusatzkosten (40 %), Kontopflicht (18 %), zu langer oder komplizierter Checkout (17 %), Vertrauensprobleme bei Kreditkartendaten (19 %), Website-Fehler (17 %) und zu wenig Zahlarten (9 %) (Quelle). Die Zahl gilt daher weder speziell für Mobilgeräte noch für Deutschland, taugt aber als Prüfliste für typische Hürden.

1. Gesamtkosten früh zeigen: Versand, Steuern und Gebühren schon im Warenkorb nennen.
2. Gastkauf ermöglichen: Kontopflicht als Hürde vermeiden und Konto nach dem Kauf anbieten.
3. Felder reduzieren: Baymard fand 2024 im Schnitt 11,3 Felder pro Checkout und meint, dass die meisten Shops mit 8 auskämen (Quelle).
4. Passende Zahlarten anbieten: Welche in Deutschland gängig sind, hängt von deiner Zielgruppe ab. Mehr dazu im Beitrag zu Ratenkauf und BNPL.
5. Autofill unterstützen: Richtige Feldbezeichnungen und autocomplete-Attribute helfen Browsern beim Ausfüllen.
6. Fehler direkt am Feld anzeigen: Baymard fand in Tests, dass Inline-Validierung hilft, wenn sie erst nach dem Verlassen des Feldes prüft und Fehlermeldungen sofort verschwinden, sobald die Eingabe stimmt (Quelle).

Baymard stellt außerdem fest, dass die Zahl der Felder die Nutzbarkeit stärker beeinflusst als die Zahl der Schritte, die bei durchschnittlich 5,1 liegt. „Maximal drei Schritte“ ist also keine belegte Regel. Entscheidend ist, wie viel der Kunde ausfüllen und verstehen muss. Für Shop-Umsetzungen findest du unser Angebot unter E-Commerce.

Welche Maßnahmen machen mobile Seiten konkret schneller?

Die wirksamsten Maßnahmen betreffen das größte sichtbare Element, die Reaktionsfähigkeit bei Eingaben und stabile Layouts.

Für den LCP zählt, dass das größte Element früh geladen wird. web.dev rät, das LCP-Bild nie per Lazy Loading zu laden, die Bildquelle direkt im HTML anzugeben und bei Bedarf fetchpriority=“high“ zu setzen; wer das bei mehr als ein oder zwei Bildern tut, mindert die Wirkung (Quelle). Der INP misst, wie schnell die Seite auf Tippen, Klicken und Tastatureingaben antwortet; bis 200 Millisekunden gilt als gut, über 500 Millisekunden als schlecht (Quelle). Schwere Skripte von Drittanbietern, Chat-Widgets und Tracking-Tags sind auf Mobilgeräten oft die Ursache, weil schwächere Prozessoren sie langsamer abarbeiten. Das ist eine Erfahrungsaussage, miss sie für deine Seite im Feld. Gegen Layoutsprünge empfiehlt web.dev, Animationen mit transform statt mit Größen- und Positionsangaben umzusetzen (Quelle).

Wie wirken Navigation, Inhalte und Barrierefreiheit zusammen?

Gut bedienbare mobile Seiten helfen allen Nutzern, nicht nur denen mit Einschränkungen.

Halte die Navigation kurz und platziere die wichtigste Handlung dort, wo der Daumen sie erreicht. Schreibe Texte so, dass sie ohne Zoomen lesbar sind, und halte den Kontrast hoch, denn draußen im Sonnenlicht sinkt die Lesbarkeit. Die in WCAG 2.2 geforderten Mindestgrößen für Tap-Ziele dienen vor allem Menschen mit motorischen Einschränkungen, erleichtern aber jedem die Bedienung unterwegs. Auch inhaltlich lohnt sich der Blick auf Mobil: Karussells sollten laut Nielsen Norman Group auf dem Smartphone nicht automatisch weiterschalten, und kleine Pagination-Punkte werden dort oft übersehen (Quelle). Mehr zum ersten Bildschirm findest du im Beitrag zu Above the Fold.

Wie gestaltest du Formulare für Leads mobil?

Ein mobiles Lead-Formular braucht möglichst wenige Felder, klare Beschriftungen und passende Tastaturen.

Frage nur ab, was du für die erste Antwort wirklich brauchst, also meist Name, Kontaktweg und eine kurze Nachricht. Alles Weitere lässt sich im Gespräch klären. Setze Beschriftungen über die Felder statt nur als Platzhalter und nutze passende Eingabetypen. Bei längeren Formularen kann eine Aufteilung in Schritte helfen; Vor- und Nachteile beschreiben wir im Beitrag zu mehrstufigen Lead-Formularen. Als Alternative zum Formular funktionieren ein Anruf-Button und ein Messenger-Kontakt, wenn dein Betrieb darauf reagieren kann.

Welche Messwerte zeigen mobile Probleme?

Du erkennst mobile Probleme, indem du dieselben Kennzahlen getrennt nach Gerätetyp betrachtest.

• Conversion-Rate nach Gerät: Gibt es einen auffälligen Unterschied zwischen Mobil und Desktop?
• Core Web Vitals aus Felddaten: Search Console oder PageSpeed Insights, mobil und Desktop getrennt.
• Formular-Abbruch pro Feld: Zeigt, welches Feld Besucher abbrechen lässt.
• Fehlerquoten bei Eingaben: Häufige Fehler deuten auf unklare Feldformate hin.
• Session-Aufzeichnungen: Zeigen, wo Nutzer fehlklicken oder zögern. Beachte dabei den Datenschutz (keine Rechtsberatung): Aufzeichnungen sollten nur mit passender Rechtsgrundlage und Maskierung sensibler Felder laufen.

Wie gehst du in der Praxis vor?

Beginne mit den Seiten, die den meisten mobilen Traffic und die größte Lücke zum Desktop haben.

Eine kleine Verbesserung an einer stark besuchten Seite bringt meist mehr als eine große Überarbeitung einer Seite, die kaum jemand sieht.

Eine sinnvolle Reihenfolge: Erstens Ladezeit und Core Web Vitals prüfen. Zweitens die wichtigsten Seiten auf einem echten Smartphone durchklicken, mit dem Daumen, in schlechtem Netz. Drittens Overlays und Formulare vereinfachen. Viertens Änderungen nacheinander ausrollen und per A/B-Test oder Vorher-Nachher-Vergleich messen. Als Agentur bauen wir Websites und Shops mobil zuerst, mit Festpreis-Angebot und einem Entwurf, den du vor dem Auftrag siehst. Teste dabei immer auf echten Geräten und nicht nur im verkleinerten Browserfenster, weil Touch-Bedienung, Tastatur und Netzqualität dort anders wirken. Halte fest, was du geändert hast und welche Kennzahl sich danach bewegt hat, sonst lassen sich Effekte später nicht zuordnen. Wenn du wissen willst, wo deine Seite mobil Besucher verliert, sprich uns über die Kontaktseite an.