Tip:
Highlight text to annotate it
X
Hallo,
ich heiße Maile Ohye.
Ich bin Developer Programs Tech Lead
beim Webmaster-Support-Team von Google.
In vorherigen Videos, die im YouTube-Kanal für Webmaster von Google
veröffentlicht wurden, ging es um die Optimierung von Websites.
Dabei ging es fast immer um Desktop-Websites.
In diesem Video konzentrieren wir uns ganz auf das mobile Web
und die Optimierung mobiler Seiten mit hohen Zugriffszahlen,
aber einer schlechten Nutzererfahrung.
In einer Umfrage dazu, was die Nutzer heute
von mobilen Websites erwarten,
gaben laut unserem Blog für Google Mobile-Anzeigen
50 % der Befragten an, sie würden selbst ein
beliebtes Geschäft seltener nutzen, wenn dessen Website nicht
für Mobilgeräte optimiert ist.
In unserem Blogpost in der Webmaster-Zentrale,
"Änderungen im Ranking von Smartphone-Suchergebnissen",
wiesen meine Kollegen Pierre Far und Yoshikiyo Kato
ausführlich auf die Abwertungen in Smartphone-Rankings
für Webseiten hin, die eine geringe Sucherfreundlichkeit bieten.
Üblicherweise wird diese geringe Nutzerfreundlichkeit
durch unerwünschte Weiterleitungen auf eine 404-Seite,
auf eine Startseite statt auf die entsprechende mobile Seite
oder durch eine Endlosschleife verursacht.
In diesem Video geht es weniger darum, eine Smartphone-Website zu erstellen –
da viele von euch das bereits getan haben.
Stattdessen geht es darum, die Nutzererfahrung zu verbessern.
Für die Optimierung eurer Website sollten bestimmte Tools
wie Tools für Website-Analysen Grundvoraussetzung sein.
Ich werde Google Analytics verwenden.
Bestätigt außerdem in den Webmaster-Tools die Inhaberschaft eurer Desktop- und
mobilen Websites.
Wenn ihr Responsive Webdesign verwendet,
reicht die Bestätigung der Inhaberschaft für eine Website aus.
Wenn ihr getrennte URLs für Desktop- und mobile Seiten habt,
wie etwa www. und m., müsst ihr zwei Websites bestätigen.
Beginnen wir mit der Ermittlung des Problems.
Zuerst prüfen wir die zentralen Probleme unserer mobilen Website,
dann markieren wir die einzelnen Seiten,
die hohe Zugriffszahlen und eine geringe Nutzerfreundlichkeit aufweisen.
In der zweiten Hälfte des Videos konzentrieren wir uns auf die Optimierung
dieser problematischen Seiten.
In diesem Video gebe ich vor,
den Google Store zu verwalten,
eine E-Commerce-Website unter www.googlestore.com,
auf der ihr tolle Artikel von Google wie YouTube-T-Shirts
und Android-Figuren kaufen könnt.
Sehen wir uns die Website an, um das Problem zu ermitteln.
Dazu unterteilen wir unsere Analytics-Daten
in Zugriffe auf Desktops und auf Mobilgeräten.
Ich könnte mir sogar Tablet-Zugriffe ansehen.
Wählt in Google Analytics "Neues Segment erstellen".
Erstellt ein Desktop-Zugriffssegment, indem ihr "Technologie" auswählt
und dann den Filter "Desktop" für die Gerätekategorie.
Das Segment für mobile Zugriffe kann
mithilfe einer Voreinstellung erstellt werden.
Wenn ich mir nun die Analytics-Daten ansehe,
kann ich Verhaltensunterschiede
zwischen Besuchern auf Mobilgeräten und auf Desktops erkennen.
Bevor wir nach Problemen auf Seitenebene suchen,
untersuchen wir zunächst potenzielle größere Probleme,
die sich auf alle Zugriffe auf Mobilgeräten auswirken.
Sucht in der Besucherübersicht nach Auffälligkeiten. Die Segmente
der Zugriffe auf Desktops und Mobilgeräten
sollten dabei einen Zeitraum von mehreren Monaten abdecken.
Auffällig wären z. B. geringere Zugriffszahlen auf Mobilgeräten
als auf Desktops, wenn wir diese Zahlen mit
den durchschnittlichen Zugriffen pro Gerät in den Ländern meiner Kunden vergleichen.
Es zeigt sich, dass die Zugriffe auf Mobilgeräten von 155.000 Besuchern
etwa 22 % aller Zugriffe auf meine Website ausmachen.
22 % sind ein gutes Zeichen dafür,
dass meine mobile Website
keine großen Probleme aufweist.
Meine Besucher kommen aus Ländern, in denen die Zugriffe auf Mobilgeräten
zwischen einem Fünftel und einem Drittel der Desktopzugriffe betragen.
Daher stimmen 22 % ungefähr.
In der Besucherübersicht können wir auch prüfen,
ob unsere Website deutlich weniger
wiederkehrende Besuche von Nutzern auf Mobilgeräten als auf Desktops erhält.
Dies würde auf ein zentrales Problem hindeuten.
Die beiden Kreisdiagramme zeigen die Verteilung
von neuen Besuchern und wiederkehrenden Besuchern
auf Mobilgeräten und Desktops.
Bei dieser Site sieht es recht gut aus: Die Verteilung von wiederkehrenden
und neuen Besuchern ist bei Mobilgeräten und bei Desktops
ungefähr identisch.
Wenn beispielsweise nur 5 % der Besucher auf Mobilgeräten
auf diese Website zurückkehren, während sich auf Desktops
dieser Prozentsatz verdoppelt hat, könnte das auf ein Problem hinweisen.
Eine weitere Methode zur Überprüfung mobiler Websites
auf zentrale Probleme besteht darin,
den Besucherfluss auf Mobilgeräten und Desktops zu vergleichen.
Auf einem Desktop besucht die Mehrheit unserer Nutzer
zuerst unsere Startseite.
Anschließend besuchen 20 % die Haupteinkaufsseite unter /shop.axd/home,
während 53 % der Besucher die Website verlassen.
Der Besucherfluss auf Mobilgeräten ist proportional ähnlich,
wenn auch etwas niedriger.
12 % der Besucher auf Mobilgeräten gehen weiter zur Haupteinkaufsseite,
im Vergleich zu 20 % auf Desktops,
während 59 % der Besucher auf Mobilgeräten
die Website ganz verlassen. Auf Desktops sind es 53 %.
Die Abbruchsstatistik für die Startseite
deutet zwar auf eine eher schlechte Interaktion hin,
aber darauf werden wir in einem anderen Video genauer eingehen.
Es weist jedoch nichts auf größere Probleme hin,
die nur auf unserer mobilen Website auftreten.
Bis jetzt haben wir eine zentrale Überprüfung
unserer mobilen Website durchgeführt.
Der nächste Schritt besteht darin, einzelne Seiten mit hoher Zugriffsrate,
aber geringer Nutzerfreundlichkeit zu ermitteln.
Als Erstes gehen wir in Google Analytics
zum Abschnitt "Zielseite".
Zielseiten sind Seiten, auf die Besucher beim ersten Aufrufen der Website gelangen,
egal, ob sie über die Google-Suche weitergeleitet werden,
einen Link im Web aufrufen oder eine Adresse im Browser eingeben.
Zielseiten können nach Seitenaufrufen sortiert werden,
damit wir zentrale Probleme einfacher finden.
Sucht zuerst die durchschnittliche Absprungrate für Mobilgeräte-Nutzer
und die durchschnittliche Differenz zwischen Absprungraten auf Desktops
und auf Mobilgeräten. In unserem Fall beträgt sie etwa 7 %.
Wir werden die Seiten mit hohen Zugriffszahlen markieren,
deren Absprungrate für Mobilgeräte deutlich über dem Durchschnitt liegt
oder deren Differenz zwischen den Absprungraten auf Desktops und Mobilgeräten
deutlich höher als der Durchschnitt ist.
Wir können hier sehen, dass die zweitbeliebteste Zielseite
meiner Nutzer auf Mobilgeräten die Kategorienseite auf YouTube ist,
also /You+Tube.
Diese beliebte Seite wurde in den letzten Monaten
von 9.000 Besuchern aufgerufen. Sie weist aber leider auch
eine doppelt so hohe durchschnittliche Absprungrate auf Mobilgeräten auf.
Markieren wir diese Seite, um sie später zu optimieren.
Ein paar Zeilen weiter unten sehen wir,
dass die Absprungrate für /Accessories/Google+Watch+Set.axd
mit 87 % viermal höher ist als die durchschnittliche Absprungrate für Mobilgeräte.
Auch diese Seite werden wir markieren, um sie später zu optimieren.
Noch schlimmer ist es ein paar Zeilen weiter unten:
/Google+Redesign/Wearables/Men+s+T+Shirts/page
weist eine dreimal höhere Absprungrate für Mobilgeräte als für Desktops auf.
Die durchschnittliche Absprungrate für Mobilgeräte ist etwa 8 % höher
als jene für Desktop-Geräte.
Aber auf dieser Kategorieseite für Herren-T-Shirts
ist sie dreimal so hoch.
Diese Seite werden wir enbefalls markieren.
Zusätzlich zu den Zielseiten von Google Analytics
können wir Ereignisse verwenden, um das Verhalten von Mobilgerätnutzern zu beobachten.
Hier ist beispielsweise der Code, den ich verwendet habe,
um zu testen, ob der vollständige Website-Link
auf einer mobilen Seite angeklickt wurde.
Die Erfassung der Klicks auf die gesamte Website weist eventuell
darauf hin, dass die Seite nicht die
gewünschte Nutzerfreundlichkeit oder Funktionalität bietet.
Anhand der Ereignisse könnt ihr euch einen Gesamtüberblick
über die Häufigkeit eines Ereignisses für eine bestimmte Seite verschaffen.
Auch die Erfassung von Mikrokonvertierungsereignissen
wie etwa Telefonanrufe oder E-Mail-Klicks
kann sehr hilfreich sein.
Bis jetzt haben wir mehrere mobile Seiten mit hoher Zugriffsrate und
geringer Nutzerfreundlichkeit identifiziert.
In der zweiten Hälfte des Videos
wollen wir uns auf die verschiedenen Möglichkeiten
der Optimierung konzentrieren.
Wir wollen jetzt die drei markierten Seiten von vorhin optimieren:
die Kategorieseite von YouTube, die Kategorieseite für Herren-T-Shirts
auf Google+ Redesign sowie die individuelle Produktseite von
Accessories Google Watch Set.
Vor allem bei Mobilgeräten
beginnt ihr am besten innerhalb des Geschwindigkeitsverhaltens
einer Website nach Verbesserungsmöglichkeiten zu suchen.
In diesem Bereich des Site Speed Page Timing
können wir sehen, ob eine Seite relativ zum Seitendurchschnitt
langsamer oder schneller geladen wird.
Die Ansicht wird standardmäßig nach Seitenaufrufen sortiert.
Somit ist es sehr deutlich, dass Seiten mit hoher Zugriffsrate
auch unangenehm langsam für Besucher sind.
Letzte Woche habe ich meinen Freund und Kollegen
Nick Mihailovski getroffen. Nick hat viel Erfahrung mit Google Analytics.
Und wir waren beide ziemlich erstaunt darüber,
dass die drittbeliebteste Seite hinsichtlich der gesamten Seitenansicht,
die Kategorieseite von YouTube,
eine Ladezeit von fast 20 Sekunden hatte,
und 350 % langsamer als der Durchschnitt meiner mobilen Website war.
Die geringe Leistung ist wahrscheinlich der Grund
für die überdurchschnittliche Absprungrate dieser Seite.
Es ist schwer vorstellbar, dass Nutzer von Mobilgeräten geduldig genug sind,
um 20 Sekunden zu warten.
Um diese Seite zu optimieren, müssen wir sie also
ein bisschen schneller machen.
Die Empfehlungen für schnellere Websites enthalten neun Vorschläge für
die Kategorieseite von YouTube.
Page Speed ist häufig die Ursache für geringe Nutzerfreundlichkeit von Mobilgeräten.
Eine weitere Ursache ist die geringe Nutzbarkeit.
Um Probleme mit der Nutzbarkeit von mobile Seiten
besser zu verstehen,
versucht, eure Website mit denselben Geräten anzuschauen
wie eure Besucher.
Falls ihr solche Geräte nicht zur Verfügung habt,
stellen die Chrome Developer-Tools eine praktische Hilfe dar,
um zu verstehen, was der Nutzer von Mobilgeräten sieht.
Unter "Einstellungen" und "Überschreibungen" könnt ihr
verschiedene mobile User-Agents wählen, um die Seite anzuschauen.
Ich habe die URL unserer zweiten Seite eingegeben, um sie zu prüfen –
/Google+Redesign/Wearables/Men+s+T+shirts.
Diese Kategorieseite hatte die dreifache Menge des durchschnittlichen Delta
der Absprungrate von Desktop- und mobilen Websites.
Um Probleme mit der Nutzbarkeit aufzuspüren,
suche ich nach ungewollten Weiterleitungen,
frustrierenden Pop-up-Fenstern, Schriftarten oder Schaltflächen,
die zu klein sind und vielen anderen
benutzerunfreundlichen Erfahrungen.
Es dauert nicht lange bis wir feststellen, dass
die Seite beim Anklicken eines einzelnen Produkts
ein breites, schwer zu erfassendes und schließendes
Pop-up-Fenster lädt.
Zusätzlich sind die Schaltflächen und Schriftarten
zu klein für ein mobiles Gerät.
Wir können davon ausgehen, dass das Laden eines breiten, schwer zu erfassenden
und schließenden Pop-up-Fensters für alle Produkte auf der Kategorieseite
zur hohen Absprungrate dieser mobilen Seite
signifikant beiträgt.
Und da diese geringe Nutzbarkeitserfahrung für alle
Kategorieseiten gilt, sollte ich die Optimierung
auf meiner gesamten Website vornehmen.
Bis jetzt haben wir Geschwindigkeit und Nutzbarkeit untersucht.
Kommen wir nun dazu, wie man die Inhalte optimiert.
Die letzte von uns markierte mobile Seite mit hoher Zugriffsrate
und geringer Nutzerfreundlichkeit ist /Accessories/Google+Watch+Set.axd.
Diese Produktseite vertreibt eine einfache wasserdichte Armbanduhr
mit dem Google-Logo.
Wir haben sie markiert, weil sie die vierfache
durchschnittliche Mobilabsprungrate aufwies.
Betrachtet man diese Seite mithilfe von mobilen User-Agenten,
sieht man nichts Ungewöhnliches, das die hohe Absprungrate rechtfertigen würde.
Zum Beispiel hat die Seite ähnlich kleine Schriften und Schaltflächen
wie der Rest der Website.
Zwar sollte diese optimiert werden,
ist ansonsten aber zu erfolgreich, um die Ursache dafür zu sein.
Es gibt auch keine frustrierenden Pop-up-Fenster,
also kann das nicht der Grund sein.
Um besser zu verstehen, warum die mobile Absprungrate so hoch ist,
wollen wir versuchen, die Absicht des Nutzers herauszufinden,
wenn er die Seite /Accessories/Google+Watch+Set besucht.
In den Zugriffsquellen, die von Mobile unterteilt sind,
können wir die Quelle der sekundären Dimension hinzufügen.
Wenn ich dann auf die Ansicht des Kreisdiagramms klicke,
sieht es so aus, als würden 82 % der Besucher dieser Seite
über die Suchfunktion auf ihrem Mobiltelefon kommen.
Da Suchanfragen von den Absichten des Nutzers abhängig sind,
gehen wir nun zu unserem Webmaster-Tools-Konto
für unsere bestätigte mobile Website.
Wählt "Top-Seiten" aus und filtert nach "mobilen Suchanfragen".
Die Seite /Accessories/Google+Watch+Set
ist in den Top-Seiten mit Google Watch als häufigste Suchanfrage aufgelistet.
Wenn wir diese Suchanfrage auf einem Smartphone durchführen,
stellen wir fest, dass das Top-Suchergebnis
eine angeblich existierende Smartwatch von Google ist.
Aha.
So scheint es ein Missverhältnis in der durchschnittlichen Sucherwartung
zu geben, wenn sie sich bis zu unserer Produktseite durchklicken.
Die meisten wollen die vermeintliche Smartwatch von Google sehen
und nicht unsere wasserfeste Gummiuhr mit Google-Logo.
Es ist wahrscheinlich, dass unzufriedene mobile Sucher
die Website sofort verlassen.
Auf dem Desktop-Computer hingegen probieren sie eventuell weitere Seiten aus,
um das Smart-Gerät zu finden.
Um die mobile Nutzererfahrung der Seite zu verbessern,
könnte ich die Anzahl der qualifizierten Zugriffe erhöhen.
Manche Optionen beinhalten das Anpassen der Titel- oder Meta-Beschreibung,
damit das Suchergebnis
bezeichnender für das Produkt ist.
Ich könnte auch versuchen, den Artikel umzubenennen,
vielleicht zu Google Logo Armbanduhr,
damit der Unterschied für den Sucher offensichtlicher ist.
Damit haben wir nun alle unsere markierten Seiten besprochen.
Hier sind zusätzliche Ressourcen für das Erstellen und die Optimierung
von mobilen Websites für zufriedenere Kunden.
Vielen Dank.