Was ist mobile SEO?
Das Smartphone wird immer häufiger als Medium zur Suche über eine Suchmaschine eingesetzt. Seit Jahren sind Nutzer mit dem Smartphone oder Tablet als mit dem Desktop im Internet unterwegs. Im Jahr 2015 wurden mehr Suchanfragen über Smartphone getätigt als über Desktop.
Um Conversions auf mobilen Endgeräten zu erzielen, ist es für Website-Betreibende umso wichtiger die eigene Website für Smartphones und Tablets zu optimieren.
Ziel von Mobile SEO ist es, Design und Inhalte einer Website so zu gestalten, dass sie sich verschiedenen Bildschirmen und Plattformen anpasst. Sie dient auch zur optimalen Darstellung eigener Produkte und Diensleistungen. Dies trägt zur Verbesserung der Auffindbarkeit in den Suchergebnisseiten (SERPs) bei und dies wiederum kann zu mehr Conversions führen. Eine Mobilversion Ihrer Website ist daher Pflicht.
Nutzer entscheiden sich für verschiedene Endgeräte und die Website-Betreibenden haben die Verantwortung, ihnen gute Nutzererfahrung zu bieten. In erster Linie geht es also um Usability. Das heißt, dass die Unternehmensseite oder Shop den Gewohnheiten des Nutzers angepasst wird. Unter den 200 Rankingfaktoren von Google zur Berechnung der Suchergebnisseiten (SERPs) ist die Mobile-Freundlichkeit eines dieser Ranking-Faktoren und somit eine essenzieller Bestandteil der SEO-Arbeit.
Es gibt drei Konfigurations-Varianten über die Suchmaschinen eine mobile Version Ihrer Website darstellen können:
- Responsive Webdesign
- Dynamische Geräterkennung
- Seperate mobile Website
Responsive Webdesign
Beim Responsive Webdesign wird die Website mit all ihren Inhalten und Elementen wie Bilder, Videos oder der Navigation an die Größe des jeweiligen Displays angepasst. Da das Responsive Webdesign von Google empohlen wird und zusätzlich schnell und einfach umzusetzen ist, kann man hieraus SEO-Vorteile für die mobile Website ziehen.
Dynamische Geräterkennung
Beim Dynamic Serving wird zunächst eine Nutzerkennung mit Informationen zum Endgerät erhoben. Anschließend wird ein für das Endgerät optimierte HTML-Datei vom Server übertragen. Somit ergibt sich, dass der HTML-Code für Smartphones sich vom HTML-Code des Tablets unterscheidet. Die URL jedoch bleibt die gleiche.
Seperate mobile Website
Bei der Bereitstellung einer seperaten Website für mobile Endgeräte wird eine seperate URL benötigt. Sie unterscheidet sich von der URL der Desktopversion, wenn auch minimal. Sie ist also weitgehend unabhängig.
Voraussetzungen für den Erfolg von mobilen Websites
Folgende Voraussetzungen sind zu erfüllen:
- Usability
- PageSpeed
Usability
Google PageSpeed Insights macht Ihnen Vorschläge, wie Sie Ihre Website optimieren, um eine optimale Nutzererfahrung zu gewährleisten. Es hilft Ihnen die passenden Vorkehrungen zu treffen.
PageSpeed
PageSpeed Insights von Google prüft ebenfalls die Ladezeit Ihrer Website. Das können Sie tun:
- Komprimierte Bilder
- wenige Bilder verwenden
- Weiterleitungen vermeiden
- möglichst wenig JavaScript verwenden
- Browser-Caching
- Komprimierung von CSS- und JavaScript-Dateien
- Größe der HTML-Datei so gering wie möglich halten
Google unterstützt Sie, indem es es Ihnen hilft die passenden Vorkehrungen zu treffen.
Tipps für erfogreiche Mobile-SEO-Strategie
- Klickpfade verschlankt halten
- Schnelle mobile Seitenladezeit
- Lokales SEO
Klickpfade verschlankt halten
Nutzer sind schnell genervt, wenn sie lange Wege gehen müssen um ihre Zielseite zu erreichen. Das kostet Zeit und ist nicht wünschenswert. Darum sollten Sie sich bemühen, den Nutzern so schnell wie möglich die gewünschten Informationen auszuliefern. Das heißt im Klartext, dass Sie den Klickpfad so einfach und übersichtlich wie möglich gestalten sollten. D.h. dass Sie das Menü so gestalten sollten, sodass die meist besuchten Kategorien und Produkte mit möglichst wenig Klicken für den Nutzer zu erreichen sind.
Schnelle mobile Seitenladezeit
Folgende Maßnahmen tragen zur Erhöhung der Ladegeschwindigkeit einer Website bei:
- Browser-Caching
- Bildkomprimierung
- Priorisierung der Ladereihenfolge
- Komprimierung von CSS- sowie JavaScript-Dateien
Insbesondere mobil suchen Nutzer nach Angeboten in der unmittelbaren Nähe. Als Betreiber eines Geschäfts sollten Sie die Möglichkeit nutzen um von den Vorteilen von lokal SEO zu profitieren. Sie müssen im local Pack in den Suchergebnisseiten sichtbar sein, denn diese werden mobil präsenter angezeigt, dadurch ist die hohe Wahrscheinlichkeit bedingt, dass Nutzer sich für ein Suchergebnis aus diesem Bereich entscheiden.
Weitere wichtige Faktoren
- Link zur Desktop-Version
- Regelmäßige Überprüfung über Google Search Console
Link zur Desktop-Version
Oftmals ist dies bei Nutzern der Fall, dass sie eine Seite in Desktop-Version kennen und auf der Suche nach einem bestimmten Inhalt sind. Da die mobile Seite einen begrenzten Umfang hat, werden nicht dieselben Inhalte angezeigt. Darum sollten Sie ihren Besuchern nicht den Link zur Desktop-Version vorenthalten, zumal dass dies sie verägern kann.
Regelmäßige Überprüfung über Google Search Console
Über Google Search Console lässt sich die eigene Website überwachen. Auch in Bezug zu mobilen Websites sollte Sie regelmäßig einen Blick reinwerfen.
Ein fauler Sonntagabend, ich beschloss, Thai-Lieferung zum Abendessen zu bestellen. Es war eine Green-Curry-und-Crispy-Wonton Art von Nacht.
Eine schnelle Google-Suche von meinem iPhone hat eine Anzeige für eine Lebensmittel-Delivery-App. In diesem Moment wollte ich schnell bestellen, ohne eine Telefonnummer wählen oder mit einem Menschen sprechen zu müssen. Also habe ich geklickt.
Von der Anzeige wurde ich auf die mobile Website des Unternehmens gebracht. Es gab einen Call-to-Action zu „Get the App“ unter der Falte, aber ich wollte nicht eine ganze App für diese Mahlzeit herunterladen. Ich würde nur von der mobilen Seite bestellen.
In der nächsten Minute hatte ich eine der frustrierendsten Erlebnisse meines Lebens. Etikettieren Sie Hamburger-Menüs, die Unfähigkeit, meine Bestellung zu bearbeiten, und ein allgemeiner Mangel an Führung durch den Bestellvorgang führte mich zu glauben, dass ich niemals in der Lage wäre, meine Bestellung von „Chicken Green Curry“ an „Garnelen-Grün-Curry“ anzupassen.
Nach 60 Sekunden kämpfend, gab ich auf, völlig geschlagen.
Ich weiß, das war keine lebensverändernde Tragödie, aber es war sicher ein schreckliches mobiles Erlebnis. Und ich wette, du hast in den letzten 24 Stunden eine ähnliche Erfahrung gemacht.
Lassen Sie uns das für eine Minute denken:
Diese Firma bezahlt gutes Geld für meinen Klick
Ich war bereit, online zu bestellen: Ich war ihr Kunde zu verlieren
Ich kämpfte für etwa 30 Sekunden länger als die meisten mobilen Nutzer haben würde
Ich gab auf und bekam einen mittelmäßigen Burrito vom mexikanischen Ort auf der anderen Straßenseite.
Nicht nur war ich frustriert, aber ich habe nicht mein leckeres Thai bekommen. Die Erfahrung hinterließ einen wirklich bitteren Geschmack in meinem Mund.
Holen Sie sich diese Checkliste von 10 Experiment Ideen, die Sie auf Ihrer mobilen Website testen sollten.
10 Testideen zur Optimierung Ihrer mobilen Website!
Warum ist eine mobile Website-Optimierung wichtig?
Im Jahr 2017 weiß jeder Vermarkter die Bedeutung des mobilen Shopping-Erlebnisses. Amerikaner verbringen mehr Zeit auf mobilen Geräten als jeder andere. Aber wir sind immer noch nicht in der Lage, unsere Benutzer zu treffen, wo sie auf dem Handy sind.
Amerikaner verbringen 54% der Online-Zeit auf mobilen Geräten. Quelle: KPCB.
Für die meisten von uns wird es immer wichtiger, ein nahtloses mobiles Erlebnis zu bieten. Aber hier ist es ein bisschen knifflig …
„Conversion-Optimierung“, und der Begriff „Optimierung“ im Allgemeinen, oft implizieren Verbesserung der Umrechnungskurse. Aber ein nahtloses mobiles Erlebnis bedeutet nicht unbedingt ein hochkonvertierendes mobiles Erlebnis. Es bedeutet eine, die den Bedürfnissen deines Benutzers entspricht und sie auf der Käuferreise treibt.
Ich bin sicher, es gibt Verbesserungen, die Sie auf Ihrem mobilen Erlebnis testen können, das Ihre mobilen Umrechnungskurse heben wird, aber Sie sollten sich nicht auf eine einzige Metrik konzentrieren. Stattdessen denken Sie daran, dass Mobile nur ein Schritt in der Reise Ihres Benutzers zum Kauf sein kann.
Also lasst uns anfangen! Zuerst werde ich in die mobile Denkweise deines Benutzers eintauchen und dich anschauen, wie du dein mobiles Erlebnis optimierst. Wirklich.
Bereit?
Was ist anders über mobile?
Erste Sachen zuerst: Lassen Sie uns anerkennen, dass Ihr Benutzer der gleiche Mensch ist, ob sie auf einem mobilen Gerät, einem Desktop-Computer, einem Laptop oder einem Laden kaufen. Vereinbart?
Also, was ist anders als mobil? Nun, im Jahr 2013, sagte Chris Goward: „Mobile ist ein Zustand des Seins, ein Kontext, ein Verb, kein Gerät. Wenn Ihre Benutzer auf dem Handy sind, sind sie in einem anderen Kontext, eine andere Umgebung, mit unterschiedlichen Bedürfnissen. “
Ihr Benutzer ist die gleiche Person, wenn sie auf ihrem iPhone einkaufen, aber sie ist in einem anderen Kontext. Sie kann in einem Laden sein, der Produktbewertungen auf ihrem Telefon vergleicht, oder sie kann auf der Suche nach einer guten Tasse Kaffee sein, oder sie kann versuchen, thailändische Lieferung von ihrer Couch zu bestellen.
Ihr Benutzer ist die gleiche Person auf dem Handy, aber in einem anderen Kontext, mit unterschiedlichen Bedürfnissen.
Dies ist der Grund, warum viele mobile Optimierungsexperten empfehlen, eine mobile Website im Vergleich zu reagierenden Design.
Responsive Design ist keine Optimierungsstrategie. Wir sollten aufhören, mobile Besucher als „Mini-Desktop-Besucher“ zu behandeln. Die Leute benutzen keine mobilen Geräte anstelle von Desktop-Geräten, sie verwenden sie zusätzlich zum Desktop auf eine ganz andere Art und Weise.
– Talia Wolf, Gründer & Chief Optimizer bei GetUplift
Schritt eins, dann ist zu verstehen, wer Ihr Ziel Kunde ist, und was motiviert sie, in jedem Kontext zu handeln. Dies sollte alle Ihre Vermarktung und die Schaffung Ihrer Wertvorstellung informieren.
(Wenn Sie kein klares Bild von Ihrem Zielkunden haben, sollten Sie diese Frage zuerst neu konzentrieren und anpacken.)
Schritt zwei ist zu verstehen, wie Ihr Benutzer den mobilen Kontext beeinflusst ihre bestehende Motivation, und wie Sie ihre Bedürfnisse auf Handy zu Ihrem besten Fähigkeiten zu erleichtern.
Verständnis des mobilen Kontextes
Um den mobilen Kontext zu verstehen, beginnen wir mit einigen Stats und arbeiten rückwärts.
Amerikaner verbringen mehr als die Hälfte (54%) ihrer Online-Zeit auf mobilen Geräten (Quelle: KPCB, 2016)
Mobile-Konten für 60% der Zeit verbrachte Online-Shopping, aber nur 16% aller Einzelhandels-Dollar ausgegeben (Quelle: ComScore, 2015
Einblick: Amerikaner verbringen mehr als die Hälfte ihrer Online-Zeit auf ihren mobilen Geräten, aber es gibt eine große Lücke zwischen
Für die meisten von uns wird es immer wichtiger, ein nahtloses mobiles Erlebnis zu bieten. Aber hier ist es ein bisschen knifflig …
„Conversion-Optimierung“, und der Begriff „Optimierung“ im Allgemeinen, oft implizieren Verbesserung der Umrechnungskurse. Aber ein nahtloses mobiles Erlebnis bedeutet nicht unbedingt ein hochkonvertierendes mobiles Erlebnis. Es bedeutet eine, die den Bedürfnissen deines Benutzers entspricht und sie auf der Käuferreise treibt.
Ich bin sicher, es gibt Verbesserungen, die Sie auf Ihrem mobilen Erlebnis testen können, das Ihre mobilen Umrechnungskurse heben wird, aber Sie sollten sich nicht auf eine einzige Metrik konzentrieren. Stattdessen denken Sie daran, dass Mobile nur ein Schritt in der Reise Ihres Benutzers zum Kauf sein kann.
Also lasst uns anfangen! Zuerst werde ich in die mobile Denkweise deines Benutzers eintauchen und dich anschauen, wie du dein mobiles Erlebnis optimierst. Wirklich.
Bereit?
Was ist anders über mobile?
Erste Sachen zuerst: Lassen Sie uns anerkennen, dass Ihr Benutzer der gleiche Mensch ist, ob sie auf einem mobilen Gerät, einem Desktop-Computer, einem Laptop oder einem Laden kaufen. Vereinbart?
Also, was ist anders als mobil? Nun, im Jahr 2013, sagte Chris Goward: „Mobile ist ein Zustand des Seins, ein Kontext, ein Verb, kein Gerät. Wenn Ihre Benutzer auf dem Handy sind, sind sie in einem anderen Kontext, eine andere Umgebung, mit unterschiedlichen Bedürfnissen. “
Ihr Benutzer ist die gleiche Person, wenn sie auf ihrem iPhone einkaufen, aber sie ist in einem anderen Kontext. Sie kann in einem Laden sein, der Produktbewertungen auf ihrem Telefon vergleicht, oder sie kann auf der Suche nach einer guten Tasse Kaffee sein, oder sie kann versuchen, thailändische Lieferung von ihrer Couch zu bestellen.
Ihr Benutzer ist die gleiche Person auf dem Handy, aber in einem anderen Kontext, mit unterschiedlichen Bedürfnissen.
Dies ist der Grund, warum viele mobile Optimierungsexperten empfehlen, eine mobile Website im Vergleich zu reagierenden Design.
Responsive design is not an optimization strategy. We should stop treating mobile visitors as ‘mini-desktop visitors’. People don’t use mobile devices instead of desktop devices, they use it in addition to desktop in a whole different way.
– Talia Wolf, Founder & Chief Optimizer at GetUplift
Schritt eins, dann ist zu verstehen, wer Ihr Ziel Kunde ist, und was motiviert sie, in jedem Kontext zu handeln. Dies sollte alle Ihre Vermarktung und die Schaffung Ihrer Wertvorstellung informieren.
(Wenn Sie kein klares Bild von Ihrem Zielkunden haben, sollten Sie diese Frage zuerst neu konzentrieren und anpacken.)
Schritt zwei ist zu verstehen, wie Ihr Benutzer den mobilen Kontext beeinflusst ihre bestehende Motivation, und wie Sie ihre Bedürfnisse auf Handy zu Ihrem besten Fähigkeiten zu erleichtern.
Verständnis des mobilen Kontextes
Um den mobilen Kontext zu verstehen, beginnen wir mit einigen Stats und arbeiten rückwärts.
Amerikaner verbringen mehr als die Hälfte (54%) ihrer Online-Zeit auf mobilen Geräten (Quelle: KPCB, 2016)
Mobile-Konten für 60% der Zeit verbrachte Online-Shopping, aber nur 16% aller Einzelhandels-Dollar ausgegeben (Quelle: ComScore, 2015)
Einblick: Amerikaner verbringen mehr als die Hälfte ihrer Online-Zeit auf ihren mobilen Geräten, aber es gibt eine riesige Lücke zwischen Zeit verbrachte „Shopping“ online und tatsächlich kaufen.
29% der Smartphone-Nutzer wechseln sofort zu einer anderen Website oder App, wenn die ursprüngliche Website ihre Bedürfnisse nicht erfüllt (Quelle: Google, 2015)
Von diesen, 70% wechseln wegen der verzögerten Ladezeiten und 67% wechseln, weil es zu viele Schritte benötigt, um zu kaufen oder gewünschte Informationen zu erhalten (Quelle: Google, 2015)
Einblick: Mobile Benutzer sind überempfindlich gegen langsame Ladezeiten und zu viele Hindernisse.
Also, warum zum Teufel sind unsere Erwartungen für sofortige Befriedigung so hoch auf Handy? Ich habe ein paar Theorien.
Wir sind belohnt
Mobile Geräte bieten einen ständigen Zugang zum Internet, was eine konstante Erwartung für Belohnung bedeutet.
„Die Tatsache, dass wir nicht wissen, was wir finden werden, wenn wir unsere E-Mail überprüfen, oder besuchen Sie unsere Lieblings-Social-Site, schafft Aufregung und Vorfreude. Dies führt zu einem kleinen Ausbruch von Vergnügenschemikalien in unserem Gehirn, die uns dazu bringt, unsere Telefone immer mehr zu benutzen. „- ZEIT“ Sie fragten: Bin ich süchtig nach meinem Telefon? “
Wenn der Non-Stop-Zugang uns vorbereitet hat, um eine Non-Stop-Belohnung zu erwarten, ist es möglich, dass ein negatives mobiles Erlebnis für unsere Motivation noch mehr nachteilig ist als eine negative Erfahrung in einem anderen Kontext?
Wenn Sie in Ihre Facebook-App klopfen und drei neue Benachrichtigungen sehen, erhalten Sie einen Ausbruch der Freude. Und du machst das vorbei und immer wieder und wieder.
Also, wenn Sie in Ihrem Chrome-Browser klopfen und auf einer mobilen Website landen, die schwer zu navigieren ist, macht es Sinn, dass Sie extra verärgert sein würden. (Kein Ausbruch der Lust-Chemikalien!)
Ein mobiles Gerät ist ein persönliches Gerät
Eine weitere Facette für Mobiltelefone, die wir selten diskutieren, ist die Tatsache, dass mobile Geräte persönliche Geräte sind. Weil unsere Smartphones und Wearables bei uns fast ständig sind, fühlen sie sich oft sehr intim.
In der Tat sind unsere Smartphones fast wie ein anderes Glied. Laut Forschung von dscout, die durchschnittliche Handy-Benutzer berührt sein oder ihr Telefon 2,167 mal pro Tag. Unsere Daumenabdrücke sind in sie hineingebaut, um der Güte willen.
Denken Sie nur an Ihre instinktive Reaktion, wenn jemand Ihr Telefon packt und beginnt, durch Ihre Bilder zu scrollen …
Es ist also möglich, dass unsere Erwartungen auf Mobilität höher sind, weil das Gerät selbst wie eine Erweiterung von uns fühlt. Jede Erfahrung, die Sie auf dem Handy haben, sollte mit Ihrer persönlichen Situation sprechen. Und wenn die Erfahrung ist schwerfällig oder schwierig, kann es besonders dissonant fühlen, weil es auf Ihrem mobilen Gerät geschieht.
Die Erwartungen der Nutzer auf Mobiltelefonen sind extrem hoch. Und während Sie argumentieren können, dass mobile Apps einen tollen Job machen, diese Erwartungen zu erfüllen, scheitert das mobile Web.
Wenn Ihr einer der Millionen von Organisationen ohne mobile App ist, muss Ihre mobile Website härter arbeiten. Denn eine negative Erfahrung mit Ihrer Marke auf Handy kann eine stärkere Wirkung haben, als Sie vorhersehen können.
Auch wenn du eine mobile App hast, solltest du erkennen, dass nicht jeder es benutzt. Sie können Ihre mobile Website nicht vollständig ignorieren. (Wie durch meine äußerst negative Erfahrung versucht, Essen zu bestellen).
Sie müssen darüber nachdenken, wie Sie Ihre Nutzer kennen, wo sie sich in der Käufer-Reise auf Ihrer mobilen Website befinden:
Was machen deine Benutzer eigentlich auf dem Handy?
Sind sie nur auf der Suche nach Informationen vor dem Kauf von einem Computer?
Sind sie auf der Suche nach Informationen auf Ihrem Handy-Website, während in Ihrem eigentlichen Laden?
Die großartige Sache über die Optimierung ist, dass man testen kann, um abhängende Früchte abzutragen, während man genauere Fragen wie die oben untersucht untersucht. Zum Beispiel, während Sie Daten sammeln, wie Ihre Benutzer Ihre mobile Website verwenden, können Sie Verbesserungen der Benutzerfreundlichkeit testen.
Usability auf mobilen Webseiten
Wenn Sie suchen, nehmen Sie ein paar schnelle Gewinne, um die Bedeutung eines mobilen Optimierungsprogramms zu beweisen, ist Usability ein guter Ort zu beginnen.
Das mobile Web präsentiert für die Vermarkter einzigartige Usability-Herausforderungen. Und angesichts der lächerlich hohen Erwartungen Ihrer Benutzer muss Ihr mobiles Erlebnis diese Herausforderungen ansprechen.
Dieses Bild stellt nur wenige praktische Usability-Best Practices dar.
Im Folgenden sind vier der wichtigsten mobilen Einschränkungen, zusammen mit Empfehlungen aus dem Team der WiderFunnel-Strategie, wie man sie adressiert (und teste).
Anmerkung: Für diesen Abschnitt habe ich mich auf die Forschung der Nielsen Norman Group verlassen. Weitere Details finden Sie hier.
—
1. Der kleine Bildschirm kämpft
Keine Überraschung hier. Im Vergleich zu Desktop- und Laptop-Bildschirmen ist auch der größte Smartphone-Bildschirm kleiner – was bedeutet, dass sie weniger Inhalt anzeigen.
„Der Inhalt, der über der Falte auf einem 30-Zoll-Monitor angezeigt wird, benötigt 5 Screenfuls auf einem kleinen 4-Zoll-Bildschirm. So müssen mobile Benutzer (1) höhere Interaktionskosten verursachen, um auf die gleiche Menge an Informationen zuzugreifen; (2) verlassen sich auf ihr kurzfristiges Gedächtnis, um auf Informationen zu verweisen, die auf dem Bildschirm nicht sichtbar sind. „- Nielsen Norman Group,“ Mobile User Experience: Einschränkungen und Stärken “
Strategische Empfehlungen:
Betrachten Sie anhaltende Navigation und Anrufe-zu-Aktion. Wegen der kleineren Bildschirmgröße müssen Ihre Benutzer oft viel scrollen. Wenn Ihre Navigation und Ihr Hauptanruf nicht beharrlich sind, bitten Sie Ihre Benutzer, nach Informationen zu scrollen und nach relevanten Links zu scrollen.
Hinweis: Alles, was anhaltend ist, nimmt auch den Bildschirm Platz ein. Achten Sie darauf, diese Idee zu testen, bevor Sie es umsetzen, um sicherzustellen, dass Sie nicht zu viel Fokus von anderen wichtigen Elementen auf Ihrer Seite stehlen.
2. Der berührungslose Touchscreen
Zwei Hauptprobleme mit dem Touchscreen (ein fast universelles Merkmal der heutigen mobilen Geräte) sind Tippen und Zielgröße.
Das Schreiben auf einer weichen Tastatur, wie die auf dem iPhone Ihres Benutzers, erfordert, dass sie ständig ihre Aufmerksamkeit zwischen dem, was sie tippen, und dem Tastenfeldbereich teilen. Ganz zu schweigen von der kleinen tastatur und überfüllten schlüssel …
Zielgröße bezieht sich auf ein anklickbares Ziel, das auf einem Touchscreen viel größer sein muss, als es ist, wenn dein Benutzer eine Maus hat.
Also musst du Platz für größere Ziele (größere Call-to-Action-Tasten) auf einem kleineren Bildschirm machen.
Strategische Empfehlungen:
Testen Sie die Größe Ihrer anklickbaren Elemente. Google gibt Empfehlungen für die Zielgröße an:
Sie sollten sicherstellen, dass die wichtigsten Tap-Ziele auf Ihrer Website – die, die Benutzer am häufigsten verwenden – groß genug sind, um einfach zu drücken, mindestens 48 CSS-Pixel groß / breit (vorausgesetzt, Sie haben Ihr Viewport richtig konfiguriert).
Weniger häufig verwendete Links können kleiner sein, sollten aber trotzdem Abstand zwischen ihnen und anderen Links haben, so dass ein 10mm-Finger-Pad nicht versehentlich beide Links gleichzeitig drücken würde.
Vielleicht möchten Sie auch die Verbesserung der Klarheit um was klickbar und was nicht ist. Dies kann durch Styling erreicht werden und ist wichtig für die Verringerung der „explorativen Klick“.
Wenn ein Benutzer auf ein Element klicken muss, um 1 zu bestimmen, ob es anklickbar ist oder nicht, und 2) bestimmen, wo es führen wird, das isst bei ihrer endlichen Motivation weg.
Eine weitere einfache Tweak: Testen Sie Ihre Call-to-Action-Platzierung. Entspricht es dem Bewegungsbereich des Daumens eines Benutzers?
3. Mobile Shopping-Erlebnis, unterbrochen
Wie der Begriff Mobile impliziert, sind mobile Geräte tragbar. Und weil wir sie in vielen Einstellungen nutzen können, sind wir eher unterbrochen.
„Infolgedessen ist die Aufmerksamkeit auf Mobile oft zersplittert und Sitzungen auf mobilen Geräten sind kurz. In der Tat beträgt die durchschnittliche Sitzungsdauer 72 Sekunden […] gegenüber der durchschnittlichen Desktop-Session von 150 Sekunden. „- Nielsen Norman Group
Strategische Empfehlungen:
Sie sollten Ihr mobiles Erlebnis für Unterbrechungen entwerfen, wesentliche Informationen priorisieren und Aufgaben und Interaktionen vereinfachen. Dies geht zurück auf Ihre Benutzer, wo sie sind innerhalb der Käufer Reise.
Nach der Forschung von SessionM (veröffentlicht im Jahr 2015), 90% der Smartphone-Nutzer befragten ihre Telefone beim Einkaufen in einem physischen Speicher zu 1) vergleichen Produktpreise, 2) nachschlagen Produktinformationen und 3) überprüfen Produktbewertungen online.
Sie sollten die Anpassung Ihrer Seitenlänge und der Messaging-Hierarchie testen, um die Hauptziele Ihres Benutzers zu erleichtern. Dies kann durchsuchen und Informationssuche versus kaufen.
4. Ein Fenster zu einer Zeit
Als ich diesen Beitrag schreibe, habe ich 11 Tabs in Google Chrome geöffnet, zwischen zwei Bildschirmen aufgeteilt. Wenn ich auf einen Link klicke, der mich auf eine neue Website oder Seite bringt, ist es keine große Sache.
Aber auf dem Handy, ist Ihr Benutzer höchstwahrscheinlich ein Fenster zu einer Zeit. Sie können ihren Bildschirm nicht aufteilen, um zwei Fenster gleichzeitig zu betrachten, also solltest du sie nicht fragen. Mobile Aufgaben sollten einfach in einer App oder auf einer Website abgeschlossen sein.
Je mehr Ihr Benutzer von Seite zu Seite springen muss, desto mehr müssen sie sich auf ihr Gedächtnis verlassen. Dies erhöht die kognitive Belastung und verringert die Wahrscheinlichkeit, dass sie eine Aktion abschließen werden.
Strategische Empfehlungen:
Ihre Navigation sollte leicht zu finden und es sollte Links zu Ihrem wichtigsten und wichtigen Inhalt enthalten. Auf diese Weise, wenn Ihr Benutzer auf eine neue Seite zugreifen muss, um auf bestimmte Inhalte zuzugreifen, können sie ihren Weg zurück zu anderen wichtigen Seiten schnell und einfach finden.
Im E-Commerce sehen wir oft die Leute „Pogo-Sticking“, die von einer Seite zur anderen kontinuierlich springen – weil sie das Gefühl haben, dass sie auf eine andere Seite navigieren müssen, um zu bestätigen, dass die von ihnen bereitgestellten Informationen korrekt sind.
Eine gute Lösung ist, um sicherzustellen, dass Ihre Benutzer können wichtige Informationen, die sie wollen, können Bestätigen (Preise / Produkte / Adresse) auf jeder Seite. Auf diese Weise müssen sie nicht um Ihre Website springen und sich an diese wichtigen Informationen erinnern.
Implementierung der mobilen Website-Optimierung
Wie ich sicher bin, dass Sie schon jetzt bemerkt haben, wird die Phrase „Sie sollten testen“ in diesem Beitrag gepfeffert werden. Denn das Verständnis des mobilen Kontextes und die Überprüfung von Usability-Herausforderungen und Empfehlungen sind erste Schritte.
Wenn Sie können, sollten Sie jede Empfehlung in diesem Beitrag zu testen. Das bringt uns zur mobilen Website-Optimierung. Bei WiderFunnel nähern wir uns der mobilen Optimierung genauso wie bei der Desktop-Optimierung: mit Prozess.
Sie sollten die mobile Web-Optimierung im Rahmen Ihres gesamten Marketings evaluieren und priorisieren. Wenn Sie einen größeren Return on Investment erreichen können, indem Sie Ihre Desktop-Erfahrung (oder ein anderes Element Ihrer Vermarktung) optimieren, sollten Sie dort beginnen.
Aber wenn Sie davon ausgehen, dass Ihre mobile Website in Ihren Prioritäten hoch ist, sollten Sie sie aus der Sicht Ihres Benutzers untersuchen. Das Team von WiderFunnel verwendet das LIFT-Modell-Framework, um Problembereiche zu identifizieren.
Das LIFT-Modell erlaubt es uns, Barrieren für die Umwandlung zu identifizieren, wobei die sechs Faktoren Value Proposition, Clarity, Relevanz, Angst, Distraktion und Dringlichkeit verwendet werden. Für mehr auf der LIFT-Modell, schauen Sie sich diese Blog-Post.
Eine LIFT-Illustration
Ich fragte das Team von WiderFunnel Strategy, um eine LIFT-Analyse der Food Delivery-Website zu machen, die mir so viel Trauer am Sonntagabend gab. Hier sind einige der potenziellen Barrieren, die sie auf der Kasse Seite alleine identifiziert haben:
Relevanz: Es gibt wertvolle Seite Immobilien gewidmet, um die Sprache zu ändern, wenn ein Smartphone wird wahrscheinlich erkennen, Ihre Sprache auf eigene Faust.
Angst: Es gibt nur 3 Optionen in der Navigation: Anmelden, Anmeldung und Hilfe. Keiner von ihnen ist hilfreich, wenn ein Benutzer versucht, zwischen den Schlüsselseiten zu navigieren.
Klarheit: Das Aufrufen des Call-to-Action am Anfang der Seite erzeugt einen unzusammenhängenden Augenfluss. Der Benutzer muss die Seite von oben nach unten scannen, um sicherzustellen, dass ihre Bestellung korrekt ist.
Klarheit: Die „Order Now“ Call-to-Action und „Allergie & Diät-Informations-Links“ sind sehr eng zusammen. Benutzer können versehentlich einen tippen, wenn sie den anderen tippen möchten.
Angst: Es gibt keine Bestätigung der Lieferadresse.
Angst: Es gibt keine Möglichkeit, einen Auftrag innerhalb der Kasse zu bearbeiten. Ein Benutzer muss Elemente löschen, zum Menü zurückkehren und neue Elemente hinzufügen.
Klarheit: Schriftgröße ist sehr klein, um den Inhalt schwer zu lesen.
Klarheit: Die Symbole „Cash“ und „Card“ haben keinen Kontext. Ist ein Benutzer eins zu wählen, oder sind das nur die Zahlungsmöglichkeiten verfügbar?
Ablenkung: Die Dropdown-Menüs in der Fußzeile beinhalten viele Links, die einen Benutzer von der Abwicklung ihrer Bestellung ablenken könnten.
Unnötig zu sagen, meine Frustrationen wurden bestätigt. Das Team von WiderFunnel lief in die gleichen Hindernisse, in die ich hineingekommen war, und identifizierte Dutzende von Barrieren, die ich nicht hatte.
Aber was bedeutet das für dich?
Wenn Sie zum ersten Mal Ihre mobile Erfahrung analysieren, sollten Sie versuchen, in die Schuhe Ihres Benutzers einzutreten und Ihre Erfahrungen zu nutzen. Geben Sie Ihrem Team eine Aufgabe und ein Ziel, und gehen Sie durch die Erfahrung mit einem Rahmen wie LIFT. So können Sie Usability-Probleme im mobilen Kontext Ihres Benutzers identifizieren.
Jeder LIFT-Punkt ist eine potenzielle Testidee, die Sie in Ihr Optimierungsprogramm einbringen können.
Fallstudien Beispiele
Dies wäre nicht ein widerFunnel Blog-Post ohne einige Fallstudie Beispiele.
Hier setzen wir die besten mobilen Praktiken auf die Probe. Weil die kleinste Usability-Tweak für Sie vollkommen sinnvoll ist und Ihren Nutzern zugänglich ist.
In den folgenden drei Beispielen setzen wir unsere Empfehlungen auf die Probe.
Mobile Navigationsoptimierung
Insbesondere im mobilen Design neigen wir dazu, dass unsere Benutzer „universelle“ Symbole verstehen.
But, that isn’t always the case. And it is certainly worth testing to understand how you can make the navigation experience (often a huge pain point on mobile) easier.
You can’t just expect your users to know things. You have to make it as clear as possible. The more you ask your user to guess, the more frustrated they will become.
– Dennis Pavlina, Optimization Strategist, WiderFunnel
Dieses Beispiel kommt von einem E-Commerce-Client, der Kunstwerke verkauft. In diesem Experiment haben wir zwei Varianten gegen das Original getestet.
In der ersten, erhöhten wir Schriftart und Ikonengröße innerhalb des Navigations- und Menü-Drop-Downs. Dies war ein Usability-Update, um das kleine, schwer zu navigierende Menü zu adressieren. Erinnere dich an die Konversation über Zielgröße? Wir wollten die niedrigen Früchte zuerst anpacken.
Mit Variation B haben wir ein wenig tiefer in das Verhalten der spezifischen Benutzer dieses Klienten gegraben.
Qualitative Hotjar-Aufnahmen hatten gezeigt, dass die Benutzer versuchen, die mobile Website mit der Homepage als Homebase zu navigieren. Aber diese Seite hat tatsächlich eine leistungsstarke Suchfunktionalität, und es ist viel einfacher, mit der Suche zu navigieren. Natürlich wurde die Suchoption im Hamburgermenü begraben …
Also, in der zweiten Variation (aufgebaut auf Variation A), entfernten wir Suche aus dem Menü und fügten es direkt in die Haupt-Nav.
Wireframes der Kontrollnavigation gegenüber unseren Variationen.
Ergebnisse
Beide Variationen schlagen die Kontrolle. Variation A führte zu einem Anstieg der Transaktionen um 2,7% und einem Umsatzanstieg um 2,4%. Variation B verringerte die Klicks auf das Menüsymbol um -24%, erhöhte Transaktionen um 8,1% und erhöhte den Umsatz um 9,5%.
Unterschätzen Sie niemals die Kraft, Ihren Benutzern zu helfen, ihren Weg auf dem Handy zu finden. Aber sei vorsichtig! Die Suche nach den Benutzern des Kunden, aber es ist nicht immer die Antwort, besonders wenn das, was du verkaufst, komplex ist und deine Benutzer mehr Führung durch den Trichter benötigen.
Mobile Produktseite Optimierung
Schauen wir uns ein anderes E-Commerce-Beispiel an. Dieser Klient ist ein großer Sportartikelladen, und dieses Experiment konzentrierte sich auf ihre Produktdetailseiten.
Auf der ursprünglichen Seite stellten unsere Strategen eine schlimmste mobile Praxis fest: Die Knöpfe waren klein und eng zusammen angeordnet und machten es schwierig, zu klicken.
Es gab auch mehrere Optimierungsfehler:
Zwei Call-to-Action erhielten gleichermaßen: „Find on store“ und „+ In den Warenkorb“
„Zu Merkliste hinzufügen“ war auch mit „In den Warenkorb“
Soziale Ikonen wurden in der Nähe der Call-to-Action, die störend sein könnte
Wir hatten Beweise von einem Experiment auf dem Desktop, dass die Beseitigung dieser Ablenkungen, und die Konzentration auf eine einzige Call-to-Action, würde Transaktionen zu erhöhen. (In diesem Experiment haben wir die Transaktionen um 6,56% erhöht).
Also haben wir diese Probleme in zwei Varianten behandelt.
In der ersten, de-priorisierten konkurrierenden Call-to-Action, und erhöhte die ‚Size‘ und ‚Qty‘ Felder. In der zweiten, wollten wir Usability Fragen, die Farbe Optionen, Größe Optionen und Menge Feld größer und einfacher zu klicken.
Ergebnisse
Beide unserer Variationen verloren an die Kontrolle. Ich weiß, was du denkst … was ?!
Lass uns tiefer graben.
Wenn man die Zahlen betrachtete, reagierten die Nutzer so, wie wir es erwartet hatten, mit erheblichen Zunahmen zu den Aktionen, die wir wollten, und eine signifikante Reduktion der, die wir nicht hatten.
Besichtigung von „Reviews“, „Size“, „Quantity“, „In den Warenkorb“ und die Cart-Seite alle erhöht. Besuche bei „Find in Store“ sank.
Und doch, obwohl die Variationen erfolgreicher waren, um die Benutzer bis zum nächsten Schritt zu bewegen, gab es keine passende Motivation, um tatsächlich eine Transaktion abzuschließen.
Es ist schwer zu sagen, warum dieses Ergebnis ohne Follow-up-Tests passiert ist. Allerdings ist es möglich, dass die Benutzer dieses Kunden unterschiedliche Intentionen auf dem Handy haben: Durchsuchen und Suchen von Produktinformationen vs. tatsächlich kaufen. Entfernen der „Find im Store“ CTA kann Angst verursacht haben.
Dieses Beispiel bringt uns zurück in den mobilen Kontext. Wenn ein Experiment in einem Desktop-Erlebnis gewinnt, garantiert das sicher nicht, dass es auf dem Handy gewinnen wird.
Ich war zum Einkaufen für Schuhe am anderen Tag, und war tatsächlich durchsuchen die Laden-Website, während ich stand in der Filiale. Ich habe nach Produktbewertungen gesucht. In diesem Szenario war ich Informationssuche auf meinem Handy, mit jeder Absicht zu kaufen … einfach nicht von meinem Handy.
Sind Sie darauf aufmerksam, wie Ihre einzigartigen Nutzer Ihr mobiles Erlebnis nutzen? Es lohnt sich, den Schwerpunkt von „zunehmenden Conversions auf Mobile“ zugunsten der Erforschung des Nutzerverhaltens auf dem Handy zu nehmen und Ihren Nutzern die mobile Erfahrung zu bieten, die ihren Bedürfnissen am besten entspricht.
Hinweis: Wenn Sie ein Testergebnis erhalten, das den Best Practices der Usability widerspricht, ist es wichtig, dass Sie sorgfältig auf Ihr Experimentdesign und die sekundären Metriken schauen. In diesem Fall haben wir eine potentielle Theorie, würden aber keine großangelegten Änderungen empfehlen, ohne das Ergebnis erneut zu validieren.
Mobile Checkout-Optimierung
Dieses Experiment konzentrierte sich auf die mobile Checkout-Seite eines WiderFunnel-Clients. Es war ein Inspektions-Experiment, was bedeutet, dass der Fokus auf dem Erfassen von Einsichten über das Nutzerverhalten und nicht auf die Erhöhung der Umrechnungskurse oder des Umsatzes liegt.
Der Nachweis aus dem Geschäftskontext dieses Kunden schlug vor, dass Nutzer auf Mobiltelefonen alternative Zahlungsmethoden wie Apple Pay und Google Wallet auf die Standard-Kreditkarten- und PayPal-Optionen vorziehen können.
Um die Dinge noch interessanter zu machen, wollte dieser Klient den Wunsch nach alternativen Zahlungsmethoden bestimmen, bevor er sie implementiert hat.
Die Hypothese: Durch das Hinzufügen alternativer Zahlungsmethoden zur Kasse Seite auf eine unauffällige Weise, können wir durch den Prozentsatz der Klicks bestimmen, welche neuen Zahlungsmethoden am meisten von den Benutzern gesucht werden.
Wir haben zwei Varianten gegen die Kontrolle getestet.
In Variation A haben wir die Kreditkartenfelder und Call-to-Action höher auf der Seite gezogen und vier alternative Zahlungsmethoden direkt unter dem CTA hinzugefügt: PayPal, Apple Pay, Amazon Payments und Google Wallet.
Wenn ein Benutzer auf eine der vier alternativen Zahlungsmethoden klickte, würden sie eine Nachricht sehen:
„Google Wallet kommt bald!
Wir bitten um Entschuldigung für die Unannehmlichkeiten. Bitte wählen Sie eine verfügbare Einzahlungsmethode.
Kreditkarten | PayPal “
In Variation B haben wir die Bestellung umgedreht. Wir haben die alternativen Zahlungsmethoden über den Kreditkartenfeldern vorgestellt. Der Fokus lag auf dem zunehmenden Engagement mit den Zahlungsoptionen, um bessere Einblicke in die Benutzerpräferenz zu erhalten.
Hinweis: Für dieses Experiment zeigte iOS-Geräte die Option Google Wallet nicht an, und Android-Geräte haben Apple Pay nicht angezeigt.
Ergebnisse
Bei iOS-Geräten erhielt Apple Pay 18% der Klicks und Amazon Pay erhielt 12%. Auf Android-Geräten erhielt Google Wallet 17% der Klicks, und Amazon Pay erhielt auch 17%.
Der Kunde kann diese Erkenntnisse nutzen, um die besten Erfahrungen für mobile Benutzer zu schaffen, die Apple Pay und Google Wallet als alternative Zahlungsmethoden anstelle von PayPal oder Amazon Pay anbieten.
Unerwartet haben beide Variationen auch Transaktionen erhöht! Variation A führte zu einem Anstieg der Transaktionen um 11,3%, und Variation B führte zu einem Anstieg um 8,5%.
Da die Motivation deines Benutzers bereits auf dem Handy begrenzt ist, solltest du versuchen, mit den wenigsten möglichen Schritten ein Erlebnis zu schaffen.
Sie können jemanden bitten, ihre Brieftasche zu packen, ihre Kreditkartennummer, das Ablaufdatum und den ccv-Code zu entschlüsseln und alles in ein kleines Formularfeld einzugeben. Oder Sie können die Nutzung der digitalen Zahlungsoptionen, die bereits mit ihren mobilen Geräten integriert werden können, testen.
Die Zukunft der mobilen Website-Optimierung
Stellen Sie sich vor, Sie sind in Ihrem Lieblings-Outdoor-Warengeschäft, und Sie sind bereit, ein neues Zelt zu kaufen.
Sie stehen vor Haufen von Zelten: 2-Personen-, 3-Personen-, 4-Personen-Zelte; 3-Jahres- und Extremwetterzelte; Erschwingliche und teure Zelte; Leichte und schwerere Zelte …
Sie ziehen Ihr Smartphone heraus und navigieren zu der mobilen Website des Shops. Sie suchen nach detaillierteren Produktbeschreibungen und Benutzerbewertungen, um Ihnen zu helfen, Ihre Entscheidung zu treffen.
Ein paar Sekunden später fragt ein Ladenangestellter, ob sie dir helfen können. Sie scheinen genau zu wissen, was Sie suchen, und sie helfen Ihnen, das richtige Zelt für Ihre Bedürfnisse innerhalb von Minuten zu wählen.
Stellen Sie sich vor, dass, während Sie Produkte auf Ihrem Telefon durchsuchten, dieser Speichermitarbeiter eine Benachrichtigung erhielt, dass Sie 1 sind) im Speicher, 2) Blick auf Produktbeschreibungen für Zelt A und Zelt B und 3), die durch die Zelte stehen.
Mobile Optimierung in der modernen Ära ist nicht über die zunehmende Conversions auf Ihrer mobilen Website. Es geht darum, eine nahtlose Benutzererfahrung zu bieten. Im obigen Szenario sind die Erfahrung im Laden und das mobile Erlebnis miteinander verbunden. Man informiert das andere. Und eine Transaktion geschieht wegen jeder Berührungsstelle.
Mobile experiences cannot live in a vacuum. Today’s buyer switches seamlessly between devices [and] your optimization efforts must reflect that.
– Yonny Zafrani, Mobile Product Manager, Dynamic Yield
Wir tragen das Internet an unseren Handgelenken. Wir kommunizieren über Chatbots und Messaging-Apps. Wir verbringen unsere Freizeit auf unseren Telefonen: Streaming, Gaming, Lesen, Sharing.
Und während ich dich nicht ermutige, deine Optimierungsbemühungen ganz auf mobilen zu verlagern, musst du die Rolle betrachten, die das mobile Leben im Leben deiner Kunden spielt. Die Online-Erfahrung ist mobil. Und Ihr mobiles Erlebnis sollte ein vorsichtiger Schritt innerhalb der Käuferreise sein.
Wie sieht dein ideales mobiles Shopping-Erlebnis aus? Wo denken Sie, dass mobile Webseiten verbessern können? Sind Sie mit den Ideen in diesem Beitrag einverstanden oder nicht einverstanden? Teilen Sie Ihre Gedanken in den Kommentaren unten!