Wie Sie eine mobile Landing Page optimieren, die konvertiert

Haben Sie beim Surfen auf Ihrem Handy schon einmal die Größe von Inhalten durch Auf- und Zuziehen ändern müssen?

Wahrscheinlich sind Sie schon einmal auf einer nicht für Mobilgeräte optimierten Seite gelandet und haben sie schnell wieder verlassen. Das ist ein frustrierendes und enttäuschendes Erlebnis - Text ist schwer zu lesen, Bilder sind schwer anzuklicken und Schaltflächen und Links sind in einem nicht optimierten Umfeld fast unmöglich.

Denken Sie nun an Ihre Website. Stellen Sie sich vor, jemand landet auf einer Seite Ihrer Website und stellt fest, dass sie nicht für Mobilgeräte optimiert ist. Es ist unwahrscheinlich, dass dieser Benutzer lange auf Ihrer Website verweilt, geschweige denn etwas kauft. Deshalb ist es wichtig, dass Sie Ihre mobilen Landing Pages für Conversions optimieren.

Gründe für die Optimierung Ihrer mobilen Landing Page

Statista berichtet, dass es 2015 allein in den USA über 120 Millionen mobile Käufer gab. Bis 2019 wird diese Zahl deutlich auf 162 Millionen ansteigen.

In einer Studie von IAcquire und Survey Monkey über das Verhalten mobiler Shopper wurde festgestellt:

• 70% der mobilen Suchanfragen führen in nur einer Stunde zu einer Aktion auf einer Website
• 40% der Nutzer wählen ein anderes Ergebnis, wenn ihre erste Wahl nicht mobilfreundlich ist.

Ihre Besucher wissen, dass sie die Wahl haben, also werden sie nicht zögern, Ihre Website zu verlassen, wenn sie ihnen kein angenehmes und nützliches Erlebnis bietet.

Tipps zur Erstellung einer mobilen Landing Page mit hoher Konversionsrate

Die obigen Daten legen nahe, dass Sie es sich nicht leisten können, die Optimierung Ihrer mobilen Landing Page zu ignorieren. Wie genau können Sie also Ihre mobile Landing Page für Conversions optimieren? Sie könnten mit den Grundlagen beginnen, die von Experten aus der Welt des digitalen Marketings umgesetzt wurden. Werfen Sie einen Blick auf die folgenden Tipps:

1. Optimieren Sie die Ladegeschwindigkeit der Seite

Langsam ladende Seiten können Nutzer leicht langweilen. Sie möchten ihre Aufmerksamkeit sofort mit Ihren Angeboten fesseln. Daher müssen Sie die Ladezeit Ihrer mobilen Landing Page verkürzen. Selbst eine Verzögerung von nur einer Sekunde kann sich sehr negativ auf Ihre Conversions auswirken, wie eine von Soasta durchgeführte Fallstudie eindeutig belegt. In der Studie hatten Seiten mit einer durchschnittlichen Ladezeit von 2,4 Sekunden eine Conversion Rate von 1,9%. Das ist eine beachtliche Rate, wenn man bedenkt, dass die Conversion Rate bei Desktop-Seiten im Durchschnitt bei 2-3% liegt. Seiten, die eine Sekunde langsamer laden, hatten einen Rückgang der Conversions um 27% zu verzeichnen.

Es gibt mehrere Möglichkeiten, die Geschwindigkeit Ihrer mobilen Webseite zu erhöhen. Sie können mit der Optimierung der Bilder beginnen, d.h. sie auf die richtige Größe skalieren, damit sie Ihre Seite nicht verlangsamen. Es ist auch möglich, Ihre HTML- und CSS-Dateien zu verkleinern, indem Sie die Komprimierung aktivieren, die ihre Größe um 50-70% reduzieren kann (Quelle: Varvy.)

Flash und andere Plug-Ins können die Ladegeschwindigkeit Ihrer Seite erheblich verlangsamen. Manchmal sind diese Elemente sogar mit dem Gerät des Benutzers inkompatibel, so dass Sie auf jeden Fall darauf verzichten sollten. Ihr Ziel sollte es sein, die Größe Ihrer mobilen Landing Page auf etwa 20 Kilobyte zu beschränken.

2. Minimieren Sie Ablenkungen

Unabhängig davon, ob Sie eine Landing Page für Mobiltelefone oder für den Desktop erstellen, kann es leicht passieren, dass Sie sich von den Bildern und dem Text hinreißen lassen. Es kann passieren, dass Sie jeden Pixel des weißen Raums mit Ablenkungen füllen. Wenn so viel los ist, könnten Sie potenzielle Kunden vergraulen. Der gesamte Fokus sollte auf Ihrer CTA-Schaltfläche und der Überschrift liegen, also halten Sie sie möglichst klein. Seiten mit vielen Bildern können auch eine längere Ladezeit haben, was ein weiterer Nachteil ist. Sehen Sie sich das folgende Beispiel von SquareSpace an. Sie können sehen, dass das Design und Layout ordentlich und minimalistisch ist. Es gibt viel Platz zwischen Text, Bildern und anderen Elementen. Dies ist eine gute Nutzung des Weißraums, da es keine Ablenkungen gibt. Der Benutzer sieht direkt die Überschrift und auch die CTA-Schaltfläche ist deutlich hervorgehoben. Die Besucher der Seite wissen also genau, wohin sie gehen und was sie tun müssen.

3. Schreiben Sie eine starke und kurze Überschrift

Sie wissen bereits, dass Überschriften auf einer Landing Page kurz sein sollten. Bei mobilen Landing Pages müssen Sie Ihre Überschriften brutal kurz halten. Versuchen Sie, wenn möglich, sie auf fünf Wörter oder weniger zu beschränken. Wenn Sie bereits einen Entwurf geschrieben haben, sehen Sie ihn sich ein zweites oder sogar drittes Mal an. Streichen Sie alle unnötigen Wörter, wie z.B. Produktbeschreibungen; Sie können später auf die Details Ihres Produkts eingehen.

Die Überschrift Ihrer mobilen Landing Page muss Ihrem Besucher lediglich eine Vorstellung davon vermitteln, was Ihr Produkt leistet. Die mobile Landing Page für die Moto 360 von Motorola ist ein gutes Beispiel dafür. Wie Sie in der untenstehenden Abbildung von Squarespace sehen können, wurde die Überschrift auf fünf Wörter beschränkt und nur die wichtigsten Details aufgenommen. Sie können den Namen des Produkts und den Preis sehen. Die CTA-Schaltfläche wird deutlich angezeigt und verrät dem Nutzer etwas mehr über das Produkt. "Build Yours" suggeriert, dass die Uhr etwas ist, das sie selbst anpassen können.

Diese mobilen Landing Pages sind sparsam mit Produktbeschreibungen, mit überzeugenden und kurzen Überschriften und einfachen CTA-Schaltflächen.

4. Machen Sie Ihre Telefonnummer anklickbar

Was tun Nutzer, wenn sie eine Frage zu Ihrem Produkt oder Ihrer Dienstleistung haben? Sie brauchen eine Telefonnummer, um Sie zu kontaktieren. Es ist mühsam, eine Telefonnummer von einer Website zu kopieren und ständig zwischen Browser und Wählscheibe zu wechseln. Wenn Sie eine Landing Page erstellen, müssen Sie den Schwerpunkt auf Bequemlichkeit und Benutzerfreundlichkeit legen: Machen Sie es Ihren Besuchern leichter, Sie zu kontaktieren, indem Sie Ihre Telefonnummer anklickbar machen. Das Hinzufügen eines anklickbaren Hyperlinks kann zwar helfen, aber es ist trotzdem leicht, eine Textzeile falsch anzuklicken. Versuchen Sie, Ihre Kontaktnummer in Form einer Schaltfläche zu gestalten, die das anklickbare Element zusätzlich abpolstert (siehe das Beispiel unten auf der mobilen Webseite von Timber Mantels).

5. Optimieren Sie Ihre Call-to-Action (CTA)

Halten Sie Ihren CTA kurz und klar, ohne dass er an Überzeugungskraft verliert. Idealerweise sollte er zusammen mit der Überschrift zu den ersten Dingen gehören, die Besucher sehen, wenn sie auf Ihrer mobilen Seite landen. Die Sichtbarkeit sollte zwar Priorität haben, aber stellen Sie sicher, dass der CTA-Text den Besuchern klar sagt, was sie tun sollen. Wenn der einzige Zweck Ihrer mobilen Landing Page die Conversion ist, sollten Sie sich auf überzeugende und klare Texte konzentrieren. Werfen Sie einen Blick auf das Beispiel von

Werfen Sie einen Blick auf das Beispiel der mobilen Landing Page von Shyp auf der rechten Seite. Sie können sofort die CTA-Schaltfläche erkennen, die durch einen dunkleren Hintergrund hervorgehoben ist. Während die Überschrift ebenfalls hervorgehoben ist, liegt das Hauptaugenmerk auf dem Call-to-Action. Sie ist kurz und klar und gleichzeitig überzeugend. Außerdem gibt es keine Ablenkungen auf der Seite und das Design ist minimalistisch.

6. Testen Sie Ihre mobilen Landing Pages

Woher wissen Sie, ob die Änderungen an Ihren mobilen Landing Pages funktionieren und welche davon Sie beibehalten sollten? Ein A/B-Test oder ein multivariater Test ist ein wesentlicher Bestandteil des Aufbaus einer erfolgreichen Landing Page sowohl für Ihre mobilen als auch für Ihre Desktop-Webseiten-Erlebnisse. Der Vergleich verschiedener Versionen Ihrer Landing Page hilft Ihnen zu verstehen, was bei Ihrer Zielgruppe funktioniert und was nicht. Nicht jede Änderung wird sich positiv auswirken: Vielleicht konvertiert Ihre CTA-Kopie nicht so gut, wie Sie es erwarten. Das Testen bietet Ihnen die Möglichkeit, andere Änderungen auszuprobieren, die sich positiv auf Ihr Ziel für die Seite auswirken könnten.

In diesem Beispiel von Veggie Tales hat das Testen eines für Mobilgeräte optimierten E-Commerce-Erlebnisses dazu beigetragen, den Umsatz mit mobilen Shoppern zu steigern. Unten sehen Sie die ursprüngliche mobile Seite, die sich nicht an die Größe des mobilen Bildschirms anpasst, die CTAs sind fast unsichtbar und der Text ist schwer zu lesen.

Sehen Sie sich nun die folgende Variante an, bei der die CTAs vergrößert und an den oberen Rand des Bildschirms gebracht wurden, während die Produkte auf der Kategorieseite in einer Liste in voller Breite angezeigt werden. Dieses für Mobilgeräte optimierte Erlebnis wurde im Vergleich zu dem oben abgebildeten Original getestet und steigerte den Umsatz pro Besucher um 28,1 %.

Experimentieren Sie mit der Platzierung von CTA-Schaltflächen, Schriftarten, Farben und dem Gesamtdesign Ihrer Landing Page. Dies ist der effektivste Weg, um sie vollständig zu optimieren und die Conversions zu steigern.

Fazit

Ist Ihre mobile Landing Page bereits für Conversions optimiert? Wenn nicht, nutzen Sie die oben genannten Tipps und beobachten Sie, wie Ihre Conversions steigen. Haben Sie weitere Tipps, die Sie dieser Liste hinzufügen möchten? Teilen Sie uns diese mit, indem Sie unten einen Kommentar hinterlassen.