Deine mobile Conversion-Rate liegt bei einem Prozent. Deine Desktop-Conversion-Rate bei fünf. Mobile Besucher sehen dasselbe Angebot wie Desktop-Besucher. Dasselbe Produkt. Dieselben Vorteile. Alles gleich. Doch mobil konvertiert nur ein Bruchteil des Desktops. Der Unterschied liegt nicht im Angebot. Der Unterschied ist Reibung. Mobil gibt es mehr Reibung. Bildschirme sind kleiner. Tippen ist langsamer. Formulare sind auf Touchscreens umständlich. Bilder brauchen in Mobilfunknetzen länger zum Laden. Die Kasse verlangt endloses Scrollen. Jeder Schritt fühlt sich mobil schwerer an. Diese Reibung tötet Conversions. Ein Besucher am Desktop füllt ein Formular in zwei Minuten aus. Dasselbe Formular braucht mobil sieben Minuten. In der dritten Minute haben viele abgebrochen. Mobile Conversion-Optimierung beseitigt diese Reibung. Sie vereinfacht Formulare. Sie beschleunigt Seiten. Sie gestaltet für Touch um. Sie entfernt unnötige Schritte. Das Ziel ist nicht, die mobile Conversion der des Desktops anzugleichen. Das Ziel ist, die künstliche Reibung zu beseitigen, die mobile Conversions tötet. In diesem Artikel erfährst du, was mobile Conversion-Optimierung ist und wie du Conversions auf kleinen Bildschirmen verbesserst.
Warum mobile Conversions niedriger sind
Mobile Conversions sind aus nachvollziehbaren Gründen niedriger. Mobile Nutzer sind abgelenkt. Sie sind im Café und in der Bahn. Sie werden unterbrochen. Mobile Geräte sind langsamer. Netze sind langsamer. Geräte haben weniger Rechenleistung. Mobile Erlebnisse kosten mehr Mühe. Tippen ist schwerer. Scrollen ist nötig. Kleine Tippflächen sind schwer zu treffen. Das sind echte Einschränkungen. Die mobile Optimierung kann sie nicht beseitigen. Aber sie kann ihre Wirkung minimieren.
Formulare für Smartphones optimieren
Formulare sind der grösste Reibungspunkt auf dem Smartphone. Ein Formular mit zehn Feldern ist am Desktop machbar. Mobil verlangt es endloses Scrollen. Vereinfache Formulare für mobile Geräte. Reduziere die Felder von zehn auf drei. Frage nur nach den nötigsten Angaben. Frage nach optionalen Angaben erst nach der Conversion. Nutze Autofill und Vorausfüllen, wenn möglich. Lass mobile Browser E-Mail-Adresse und Anschrift automatisch eintragen. Nutze Eingabetypen, die die passende Tastatur öffnen. Ein Telefonfeld sollte eine Zahlentastatur öffnen. Ein E-Mail-Feld eine E-Mail-Tastatur. Diese kleinen Änderungen verringern die Reibung.
Geschwindigkeit auf dem Smartphone optimieren
Mobilfunknetze sind langsamer als Netze am Desktop. Langsame Seiten führen zu Abbrüchen. Optimiere Bilder. Komprimiere sie. Liefere Bilder in passender Grösse für mobile Bildschirme aus. Schicke kein vier Megabyte grosses Desktop-Bild an ein Smartphone. Verkleinere den Code. Entferne unnötiges JavaScript. Lade nicht kritisches JavaScript erst nach dem Laden der Seite. Nutze Caching grosszügig. Speichere statische Dateien auf dem Gerät, damit sie nicht erneut geladen werden müssen. Teste die Geschwindigkeit deiner Seite mobil. Google PageSpeed Insights zeigt dir, was du beheben solltest.
Buttons und Touch optimieren
Buttons müssen mobil grösser sein. Finger sind weniger präzise als Mäuse. Ein Button, der sich am Desktop leicht anklicken lässt, ist mobil vielleicht unmöglich zu treffen. Mache Buttons mindestens vierundvierzig mal vierundvierzig Pixel gross. Das entspricht etwa der Grösse eines Fingers. Setze Buttons mit Abstand, damit sie nicht versehentlich angetippt werden. Setze nicht zwei Buttons direkt nebeneinander. Entferne Hover-Effekte. Hovern gibt es mobil nicht. Hover-Effekte verwirren mobile Nutzer. Ersetze sie durch aktive Zustände, die zeigen, was beim Antippen passiert.
Die Kasse für Smartphones optimieren
An der Kasse sind die mobilen Abbrüche am höchsten. Vereinfache den Bestellvorgang. Eine einseitige Kasse ist mobil besser als eine mehrseitige. Reduziere die Formularfelder. Fülle aus, was du schon weisst. Zeige den Fortschritt klar. Sag den Nutzern, wie viele Schritte noch kommen. Biete Bestellungen als Gast an. Erzwinge keine Kontoerstellung vor dem Kauf. Biete mehrere Zahlungsarten an. Manche Nutzer zahlen per Wallet auf dem Smartphone. Manche mit Kreditkarte. Wenn du alle unterstützt, sinkt die Reibung.
Mobile Optimierung testen
Teste mobile Änderungen per A/B-Test. Ein vereinfachtes Formular mit drei Feldern gegen eines mit zehn Feldern. Ein grösserer Button gegen einen kleineren. Eine einseitige Kasse gegen eine mehrseitige. Miss, was besser konvertiert. Setze um, was funktioniert. Mobil ist so anders, dass Änderungen, die am Desktop funktionieren, mobil vielleicht nicht funktionieren. Teste auf echten mobilen Geräten. Ein Test im Browser am Desktop ist nicht dasselbe wie ein Test auf einem Smartphone.
Häufig gestellte Fragen
Sollte ich eine mobile App erstellen, statt meine mobile Website zu optimieren?
Nicht unbedingt. Mobile Websites reichen für die meisten Unternehmen. Apps erfordern Downloads. Downloads sind Reibung. Nutzer laden Apps selten herunter, wenn sie nicht erheblichen Mehrwert bieten. Beginne mit einer gut optimierten mobilen Website. Erwäge eine App nur, wenn Nutzer von Offline-Funktionen, Push-Benachrichtigungen oder einem besseren Erlebnis profitieren, als das Web es bietet. Mit dem Website-Builder von WEMASY richtest du das direkt auf deiner Website ein.
Wie optimiere ich für verschiedene mobile Bildschirmgrössen?
Nutze responsives Design. Ein Design, das sich an verschiedene Bildschirmgrössen anpasst. Mit CSS-Media-Queries wendest du bei verschiedenen Breakpoints unterschiedliche Stile an. Teste auf verschiedenen Geräten und Bildschirmgrössen. Gehe nicht davon aus, dass alle mobilen Geräte gleich sind. Ein Smartphone und ein Tablet haben unterschiedliche Bildschirmgrössen. Optimiere für beide.
Welche mobile Optimierung hat die grösste Wirkung?
Weniger Formularfelder haben meist die grösste Wirkung. Lange Formulare sind der grösste Reibungspunkt auf dem Smartphone. Streiche unnötige Felder und sieh zu, wie sich die mobile Conversion verbessert. An zweiter Stelle steht die Geschwindigkeit. Langsame Seiten führen zu Abbrüchen. Optimiere Bilder und entferne unnötigen Code.
Kann ich dieselbe Kasse für Smartphone und Desktop nutzen?
Du kannst dasselbe Backend teilen, aber die Darstellung für jedes Gerät optimieren. Die Desktop-Kasse darf mehr Felder und mehr Schritte haben. Die mobile Kasse sollte einfacher sein. Nutze responsives Design, damit sich eine Kasse an jedes Gerät anpasst. Oder erstelle gerätespezifische Kassen, wenn du die Ressourcen hast.
Wie teste ich mobil ohne echtes Smartphone?
Mit den Entwicklertools des Browsers kannst du mobile Geräte simulieren. So siehst du, wie deine Website auf verschiedenen Bildschirmgrössen aussieht. Aber eine Simulation ist nicht dasselbe wie echte Geräte. Echte Geräte haben langsamere Netze und andere Browser. Teste wenn möglich auf echten Geräten. Leihe dir Smartphones und Tablets von Kollegen, wenn du keine eigenen hast.
Welche Verbesserung bringt die mobile Optimierung typischerweise?
Ein gut optimiertes mobiles Erlebnis verbessert die Conversion-Raten typischerweise um fünfzig bis hundert Prozent. Allein die Vereinfachung eines Formulars kann die mobile Conversion um zwanzig Prozent verbessern. Die Optimierung der Geschwindigkeit vielleicht um dreissig Prozent. Kombinierst du mehrere Optimierungen, summiert sich die Wirkung.