Websites mit PageSpeed Insights für Mobilgeräte optimieren

Montag, 19. Mai 2014

Wir möchten Entwicklern und Webmastern helfen, ihre Seiten für Mobilgeräte zu optimieren. Deshalb haben wir PageSpeed Insights kürzlich aktualisiert und zusätzliche Empfehlungen für eine bessere Benutzerfreundlichkeit auf Mobilgeräten hinzugefügt.
cropped.png
Wenn die Benutzerfreundlichkeit zu wünschen übrig lässt, kann dies die Vorteile einer schnell ladbaren Seite schmälern. Wir wissen, dass eine mobile Seite eine durchschnittliche Ladezeit von mehr als sieben Sekunden erfordert (in Englisch). Mit dem PageSpeed Insights-Tool und den entsprechenden Empfehlungen zur Geschwindigkeit kann eure Seite wesentlich schneller geladen werden (in Englisch). Nehmen wir jedoch einmal an, dass eure mobile Website keine sieben, sondern nur drei Sekunden Ladezeit erfordert. Wenn die Nutzer danach trotzdem noch fünf Sekunden lang den Text vergrößern und nach oben oder unten scrollen müssen, bevor sie ihn lesen und die Seite richtig benutzen können, empfinden sie die Website als nicht benutzerfreundlich. Mit den neuen Regeln für die Nutzererfahrung von PageSpeed Insights könnt ihr diese Probleme erkennen und beseitigen. Unsere neuen Empfehlungen beziehen sich auf die folgenden Bereiche:
  • Darstellungsbereich konfigurieren: Wenn eure Seite kein Meta-Tag für den Darstellungsbereich enthält, erkennen moderne Browser auf Mobilgeräten sie nicht als für Mobilgeräte optimiert und zeigen die Desktopversion an, möglicherweise mit Vergrößerung der Schrift, was zu Layoutproblemen führt. Legt den Darstellungsbereich so fest, dass die Seitenbreite der Breite des mobilen Displays entspricht. Dies ist der erste Schritt, um eure Website für die Anzeige auf Mobilgeräten zu optimieren.
  • Inhalte an den Darstellungsbereich anpassen: Nutzer sind es gewohnt, auf mobilen Websites nicht horizontal, sondern vertikal zu scrollen. Nach der Konfiguration des Darstellungsbereichs solltet ihr sicherstellen, dass die Seiteninhalte auf die Breite des Darstellungsbereichs ausgerichtet sind . Beachtet dabei, dass nicht alle Mobilgeräte gleich breit sind.
  • Gut lesbare Schriftgrößen verwenden: Wenn Nutzer heranzoomen müssen, um den Text eines Artikels auf dem Smartphone zu lesen, ist eure Website nicht für Mobilgeräte optimiert. PageSpeed Insights überprüft, ob der Text auf eurer Website groß genug ist, sodass ihn die meisten Nutzer bequem lesen können.
  • Tipp-Ziele ausreichend groß darstellen: Nutzer sind schnell frustriert, wenn sie auf einem Mobiltelefon oder Tablet versehentlich auf die falsche Schaltfläche oder den falschen Link tippen, weil ihre Fingerspitze größer ist als der Mauscursor bei einem Desktopcomputer. Achtet deshalb darauf, dass die Tipp-Ziele auf dem Touchscreen groß genug sind, damit Nutzer der mobilen Website sie problemlos berühren können.
  • Plug-ins vermeiden: Die meisten Smartphones unterstützen Flash oder andere Browser-Plug-ins nicht. Für eure mobile Website sollten daher keine Plug-ins erforderlich sein .

Weitere Informationen zu diesen Regeln findet ihr in unserer Hilfe . Mit dem PageSpeed Insights-Tool könnt ihr eure Seiten und die entsprechenden Verbesserungen abschließend testen. Das Design von PageSpeed Insights ist jetzt auch für Mobilgeräte optimiert. Darüber hinaus stehen die Hilfedokumente in weiteren Sprachen zur Verfügung.

Fragen und Feedback könnt ihr wie gewohnt in unserer Diskussionsgruppe (in Englisch) posten.

Post von Matthew Steele und Doantam Phan, PageSpeed Insights team

(Veröffentlicht von Johannes Mehlem , Search Quality Team)