So optimieren Sie das mobile Erlebnis Ihrer Website für Conversions

Einundfünfzigeinhalb.

Das ist der Prozentsatz der Online-Benutzer, die mit einem Mobilgerät im Internet surfen. Bei diesen Chancen ist es wahrscheinlich, dass eine beträchtliche Anzahl potenzieller Kunden Ihres Unternehmens über einen 480-Pixel-Bildschirm zu Ihnen kommt. Wenn Sie die mobile Version Ihrer Website unformatiert gelassen haben, sie an Informationen reduziert haben oder einfach keine haben, verpassen Sie die Gelegenheit, die Hälfte der Besucher Ihrer Website zu konvertieren.

Sie glauben vielleicht, dass die Optimierung für Mobilgeräte genauso viel Aufwand erfordert wie das Erstellen einer weiteren, völlig separaten Website. Aber die Wahrheit ist, dass es viele einfache Möglichkeiten gibt, Ihre Website mobilfreundlicher zu gestalten. Hier sind ein paar Tipps und Tricks zum Erstellen einer mobilen Version Ihrer Website, die konvertiert.

Das Verlangen nach Geschwindigkeit

Geschwindigkeit ist die wichtigste Komponente beim Erstellen einer mobilen Website – und das liegt nicht nur daran, dass Benutzer eine Website verlassen, deren Ladevorgang länger als drei Sekunden dauert. Langsam ladende Websites haben eine höhere Absprungrate, was bedeutet, dass Benutzer sich nicht so lange mit Inhalten beschäftigen, wie sie sollten, und weniger wahrscheinlich andere Seiten auf Ihrer Website besuchen (wie eine Kontaktseite oder eine Checkout-Seite).

Idealerweise möchten Sie, dass Ihre Website in 2-3 Sekunden oder weniger geladen wird. Es gibt eine Menge Möglichkeiten, Ihre Website zu beschleunigen, aber bleiben wir bei denen, die ihr den größten Schub verleihen:

1. Komprimieren Sie ressourcenintensive Dateien

• Bilder sind für das Design unerlässlich, aber wenn Sie sie in einem unkomprimierten Zustand belassen, wird Ihre Website drastisch verlangsamt. Es gibt viele Plugins, die Bilder im Backend komprimieren können, oder Sie können auf die alte Schule gehen und Ihre Bilder vor dem Hochladen in einem Bildbearbeitungsprogramm auf eine überschaubarere Größe komprimieren – beide Wege funktionieren. Das Ziel ist es, dass Bilder und Videos so wenig Platz wie möglich beanspruchen, ohne die Qualität ihrer Anzeige auf der Seite zu beeinträchtigen.
• Es ist leicht, HTML-, CSS- und JavaScript-Code zu übersehen, wenn Sie einen Seitenersteller verwenden. Aber diese Dateien enthalten oft redundante oder leere Zeilen, die Ihre Website verlangsamen. Wir empfehlen die Verwendung eines Plugins wie WP Rocket, das diese Dateien auf Knopfdruck minimiert. Alternativ können Sie den Code selbst überprüfen. Sehen Sie leere Zeilen? Das Löschen dieser Zeilen hat keinen Einfluss auf das Gesamtbild Ihrer Website und hilft, etwas Aufblähen zu beseitigen, wodurch die Leistung Ihrer Website gesteigert wird.

2. Erwägen Sie die Verwendung von Accelerated Mobile Pages (AMP)

Bei AMPs dreht sich alles um Geschwindigkeit und darum, Informationen für den Leser leicht verdaulich zu machen. Das AMP-Plug-in wurde ursprünglich von Google entwickelt, um Nutzern ein besseres Erlebnis beim Besuch mobiler Websites zu bieten. Eine AMP-Version einer Webseite ist im Wesentlichen eine abgespeckte HTML-Version Ihrer Originalseite. Das Ergebnis? Eine blitzschnelle Webseite, die eine viel höhere Conversion-Wahrscheinlichkeit hat.

Sich anpassendes Design

Wenn Sie WordPress zum Entwerfen einer Website verwenden, haben Sie höchstwahrscheinlich ein Design installiert, um das Erscheinungsbild Ihrer Website zu steuern. Leider sind nicht alle Themen gleich.

Ein Bereich, in dem einige Themen zu kurz kommen, ist ein Mangel an ansprechendem Design. Responsive Design organisiert Informationen und Gestaltungselemente optimal für unterschiedliche Bildschirmgrößen. Das Erstaunliche daran, ein Design mit diesem integrierten Design zu haben, ist, dass es automatisch geschieht, mit CSS-Eigenschaften, die in das Design-Stylesheet selbst integriert sind.

Die Optimierung Ihrer Website für Mobilgeräte ist viel einfacher zu bewerkstelligen, wenn Sie ein Design mit integriertem responsivem Design wählen. Wenn Ihr aktuelles Thema diese Funktionalität nicht hat, ist diese Liste von 14 mobilfreundlichen WordPress-Themen ein guter Ausgangspunkt, um nach einem zu suchen, das dies tut.

Touch und Benutzerfreundlichkeit

Benutzer, die auf Ihre mobile Website zugreifen, navigieren durch jede Seite mit der Berührung ihres Daumens. Es mag albern erscheinen, das anzusprechen, aber wenn Sie diese Tatsache im Hinterkopf behalten, können Sie eine bessere mobile Website entwerfen.

• Die Daumenzone: Ein Artikel darüber, wie wir unsere Gadgets halten, bezieht sich auf die Daumenzone als den Bereich, in dem ein Daumen genauer über den Bildschirm streichen kann. Die obersten und untersten Bereiche der Seite sind auf einem Smartphone am wenigsten bequem zu erreichen. Als Webdesigner sollten wir die Conversion-Elemente – Gegenstände, die wir gerne berühren möchten – dort platzieren, wo es für einen Benutzer am einfachsten ist.
• „Klick“-Interaktionen: Bei der Verwendung eines Mobilgeräts haben Benutzer die Möglichkeit, zwei Dinge zu tun: Wischen Sie, um auf der Seite nach unten zu scrollen, und tippen Sie leicht, um mit einem Element zu interagieren. Es gibt keine Animationen oder Farbänderungen beim Hover, um einen Benutzer wissen zu lassen, dass etwas anklickbar ist. Weil wir dieses Element verloren haben, müssen wir es auf andere Weise ausgleichen. Wenn etwas auf der Seite anklickbar ist, muss es auf Mobilgeräten eher wie eine Schaltfläche aussehen. Alternativ können Sie Schaltflächen unter Elementen hinzufügen, die nicht anklickbar aussehen, um den Benutzer anzuweisen, wie er fortfahren kann.

Popups

Sind Sie beim Besuch einer Website auf Ihrem Telefon jemals auf ein Popup gestoßen, aus dem Sie nicht herausklicken konnten? Entweder war das „x“ zu klein, oder es war etwas außer Sichtweite und konnte nicht angeklickt werden. Dies sind häufige Probleme mit Pop-ups auf mobilen Websites.

Die Lösung ist einfach: Wenn Sie Popups auf Ihrer mobilen Website verwenden, nehmen Sie sich die Zeit, sie zu formatieren und zu testen. Dasselbe Prinzip gilt für Formulare und Schaltflächen. Es ist wichtig, dass alle Popups auf Mobilgeräten die richtige Größe haben. Das Letzte, was Sie wollen, ist, dass ein Benutzer mit Conversion-Absichten von Ihrer Website davon abgehalten wird.

Halten Sie den Inhalt einfach

1. Sorgen Sie für einen klaren Pfad

Auf einer Desktop-Version einer Website ist es üblich, ein Menü in der Kopfzeile zu sehen, das einen Link zu jeder wichtigen Seite anzeigt. Mobile Benutzer erhalten diese Option, oft durch Klicken auf eine Umschaltfläche, die das Menü öffnet. Dies ist eine Möglichkeit, sicherzustellen, dass Besucher schnell zwischen wichtigen Homepages navigieren können, aber es gibt andere Möglichkeiten, wie wir als Webdesigner sie zu den Seiten leiten können, auf denen wir sie haben möchten – Seiten, die konvertieren.

Beispielsweise positionieren viele E-Commerce-Websites ein Einkaufswagensymbol neben ihrem Menü. Dadurch wird der Einkaufswagen vorne und in der Mitte platziert, sodass Benutzer ihn leicht finden und auschecken können. Websites, die Dienstleistungen verkaufen, können stattdessen eine Kontaktschaltfläche verwenden. Dies fördert nicht nur Ihr Ziel, Benutzer in Kunden umzuwandeln, sondern trägt auch dazu bei, das Ziel des Benutzers zu erreichen, indem es einfach macht, das zu finden, wonach er sucht.

2. Führen Sie mit dem, was wichtig ist

Das Ziel ist es, Conversions von Ihrer Website zu generieren – denken Sie daran, wenn Sie die mobile Version erstellen. Es handelt sich um einen kleineren Bereich, verschwenden Sie also keine erstklassigen Ressourcen für Informationen oder Seiten, die normalerweise keine Conversions generieren.

Auf einer Desktop-Site können Sie möglicherweise bequem drei Spalten mit Informationen unterbringen, ohne die Ästhetik zu beeinträchtigen. Auf einer mobilen Website sind Sie höchstwahrscheinlich auf ein- oder zweispaltige Layouts beschränkt. Einige Benutzer werden die Seite nie ganz nach unten scrollen. Aus diesem Grund ist es unerlässlich, dass Calls-to-Action (CTAs) und Handlungsmöglichkeiten für Benutzer oben leicht zugänglich sind.

3. Zerlegen Sie die Site nicht

Mit Informationen voranzugehen, die zum Handeln anregen, bedeutet nicht, dass alles andere entfernt werden sollte. Webdesigner sind manchmal versucht, die mobile Version ihrer Website vollständig zu entfernen und nur einen kleinen Teil der Informationen zu belassen, die auf der Desktop-Version verfügbar sind. Das ist ein Fehler. Im Juli 2019 kündigte Google die Mobile-First-Indexierung an , was bedeutet, dass Google bei der Bestimmung des Rankings in den Suchergebnissen zuerst auf die mobile Version Ihrer Website achtet.

März 2021 markiert das Datum, an dem Google die Mobile-First-Indexierung zum Standard auf allen Websites machen wird. Wenn Sie wichtige Informationen von Ihrer mobilen Website weglassen, könnten Sie Ihre gesamte SEO-Strategie opfern.

Wie können Sie also diese Informationen einbeziehen und gleichzeitig eine lesbare, für Mobilgeräte optimierte Website entwerfen? Die Antwort ist einfach: Reorganisation. Verschieben Sie diese Informationen auf andere Seiten, die nicht im Vordergrund und in der Mitte stehen, fügen Sie Links und Schaltflächen hinzu, damit Benutzer immer noch dorthin gelangen können, und komprimieren Sie bei Bedarf sogar die Desktop-Version. Lassen Sie die mobile Version Ihrer Website nur nicht ohne Mantel in der Kälte stehen.

Verlieren Sie nicht die Hälfte Ihrer Conversions

Die mobile Nutzung hat die Desktop-Nutzung bereits übertroffen und wächst jedes Jahr weiter. Der beste Weg, um sicherzustellen, dass Sie das Geschäft potenzieller Kunden gewinnen, besteht darin, sicherzustellen, dass Ihre mobile Website den Prozess einfach macht.

Erinnern Sie sich an die 51,5 Prozent der Benutzer, die wir zuvor erwähnt haben? Nun, sie sind immer noch da draußen. Die Frage ist, werden Sie diese Gelegenheit nutzen, um sie zu konvertieren?