Website auf dem Smartphone testen: so prüfst du die mobile Darstellung

Google zieht für Indexierung und Ranking die mobile Version einer Website heran. Wenn Texte auf dem Smartphone abgeschnitten sind oder Buttons zu klein, springen Besucher leichter ab. Diese zwei Tests kannst du selbst machen.

Test 1: Geräteansicht in Chrome

  1. Öffne deine Website in Chrome am Computer.
  2. Öffne die Entwicklertools mit F12 (Mac: Cmd + Option + I).
  3. Schalte die Geräteansicht ein: Strg + Umschalt + M (Mac: Cmd + Umschalt + M).
  4. Wähle oben verschiedene Geräte oder ziehe die Breite stufenlos von breit nach schmal.

Test 2: echtes Smartphone

Die Geräteansicht ersetzt kein echtes Gerät. Öffne die Seite auf deinem eigenen Telefon, im Hoch- und im Querformat, am besten auch im mobilen Datennetz statt im WLAN.

Darauf solltest du achten

  • Kein seitliches Scrollen: Nichts darf über den Bildschirmrand hinausragen.
  • Gut lesbare Schrift ohne Zoomen.
  • Buttons und Links groß genug für den Finger und mit Abstand zueinander.
  • Telefonnummern als antippbarer Link, damit ein Anruf mit einem Tipp startet.
  • Formulare, die sich mit der Bildschirmtastatur bequem ausfüllen lassen.
  • Menü, das sich öffnen und wieder schließen lässt.

Warum Google die mobile Version für Indexierung und Ranking heranzieht und wie man sie von Anfang an richtig plant, erklärt unser Artikel Mobile-First Webdesign.


⭐ War dieser Artikel hilfreich?