Auf dem Smartphone lassen sich Texte lesen, Menüs bedienen und Formulare ausfüllen, ohne ständig zu zoomen oder seitlich zu scrollen. Eine mobilefreundliche Website passt ihr Layout an kleine Bildschirme an und hält wichtige Inhalte und Funktionen erreichbar.
Google ruft die mobile Version einer Website ab, durchsucht ihre Seiten (Crawling) und nimmt sie in den Suchindex auf (Indexierung). Das garantiert keine besseren Rankings. Fehlen dort wichtige Inhalte, kann Google sie bei der Indexierung nicht berücksichtigen.
Warum Google die mobile Version nutzt
Google hat die Umstellung auf die sogenannte Mobile-First-Indexierung abgeschlossen. Dabei nutzt Google die mobile Version einer Website zum Crawlen und Indexieren und berücksichtigt sie auch beim Ranking. Eine mobile Website ist keine Voraussetzung dafür, in der Google-Suche zu erscheinen. Google empfiehlt sie aber ausdrücklich.
Prüfe deshalb, ob die mobile Version dieselben wesentlichen Informationen wie die Desktopversion enthält. Dazu gehören etwa Haupttexte, Überschriften und relevante Bilder. Die Darstellung darf anders aussehen: Inhalte können zum Beispiel in aufklappbaren Bereichen stehen. Sie müssen auf dem Smartphone aber auffindbar und zugänglich bleiben.
Eine mobil gut nutzbare Website erhält dadurch nicht automatisch bessere Rankings. Google berücksichtigt mehrere Signale. Auch gute Werte bei den Core Web Vitals, Kennzahlen zu Ladezeit, Reaktionsfähigkeit und visueller Stabilität, garantieren keine Spitzenposition. Die Werte helfen, Probleme zu erkennen und die Nutzung zu verbessern. Relevante Inhalte ersetzen sie nicht.
Menüs und Formulare mobil bedienen
Auf einem Touchscreen bedienen Besucher die Website mit dem Finger. Kleine, eng nebeneinanderliegende Links oder Schaltflächen sind deshalb schwer zu treffen. Menüs sollten sich leicht öffnen und schließen lassen; wichtige Aktionen wie „Kaufen“ oder „Kontakt“ sollten gut erkennbar und erreichbar sein.
Achte darauf, dass Schaltflächen ausreichend groß und voneinander getrennt sind. So lassen sie sich leichter mit dem Finger bedienen.
Teste die wichtigsten Aktionen mit dem Finger: Öffne das Menü, folge Links, verwende die Suche und fülle Formulare aus. Achte auch darauf, dass Cookie-Hinweise, Werbebanner oder andere Einblendungen keine Schaltflächen verdecken.
Das Layout an kleine Bildschirme anpassen
Ein flexibles Layout ordnet Inhalte nach der verfügbaren Bildschirmbreite. Mehrere Spalten auf einem großen Bildschirm können auf dem Smartphone untereinander erscheinen. Texte sollten ohne horizontales Scrollen lesbar sein; Tabellen und breite Bilder brauchen eine Darstellung, die nicht über den Bildschirmrand hinausragt.
Ein Viewport-Meta-Tag teilt dem Browser mit, dass die Seite sich an der Breite des Geräts orientieren soll. Media Queries, also Regeln für unterschiedliche Bildschirmmaße oder Geräteeigenschaften, passen anschließend die Gestaltung an. Bilder sollten ebenfalls flexibel bleiben, damit feste Abmessungen sie nicht über den sichtbaren Bereich hinausschieben.
Google empfiehlt responsives Design: Dabei verwenden Desktop- und Mobilansicht dieselbe URL und denselben HTML-Code, während sich die Darstellung an den Bildschirm anpasst. Google nennt auch dynamische Auslieferung und separate mobile URLs als mögliche Lösungen. Responsives Design gilt als einfacher zu pflegen, ist aber keine Voraussetzung für die Aufnahme in die Suche.
Mobile Website auf dem Smartphone testen
Automatische Werkzeuge finden technische Auffälligkeiten, ersetzen aber keinen Test auf einem echten Smartphone. Prüfe eine wichtige Seite deshalb sowohl mit einem schmalen Browserfenster als auch auf einem Gerät. So erkennst du Probleme, die ein Messbericht allein nicht zeigt.
- Ändere die Bildschirmbreite und prüfe, ob Texte, Navigation und Spalten sinnvoll angeordnet bleiben.
- Suche nach seitlichem Scrollen. Kontrolliere besonders Bilder, Tabellen, Banner und eingebettete Inhalte.
- Bediene Menüs, Links, Suche und Formulare mit dem Finger. Prüfe, ob wichtige Schaltflächen frei zugänglich sind.
- Vergleiche die mobile und die Desktopversion. Wesentliche Inhalte und relevante Bilder sollten auch auf dem Smartphone verfügbar sein.
- Führe Lighthouse in den Chrome-Entwicklertools oder über PageSpeed Insights aus. Das Werkzeug prüft unter anderem Leistung, Barrierefreiheit und Suchmaschinenoptimierung und liefert Hinweise zur Verbesserung.
- Nutze für eigene, in der Google Search Console bestätigte Websites die URL-Prüfung. Ein erfolgreicher Test garantiert allerdings nicht, dass die Seite in den Suchergebnissen erscheint.
Nach Änderungen am Layout, an der Navigation oder an den Inhalten solltest du die betroffenen Seiten erneut auf einem echten Gerät testen. Ein guter Messwert zeigt nicht automatisch, dass Besucher die Website bequem bedienen können.