Wenn ich einem neuen Kunden seine bestehende Website zeige und frage, auf welchem Gerät er sie meistens selbst aufruft, ist die Antwort fast immer: am Computer. Und dann schauen wir gemeinsam, wie die Seite auf dem Handy aussieht. Dieser Moment ist oft ernüchternd. Text zu klein, Bilder abgeschnitten, Buttons zu nah beieinander. Was auf dem Desktop elegant wirkt, ist auf dem Smartphone kaum nutzbar.
Die Zahlen sprechen eine klare Sprache
Mehr als 60 Prozent aller Websitebesuche weltweit kommen heute von mobilen Geräten. In bestimmten Branchen, etwa im Handwerk, in der Gastronomie oder im lokalen Einzelhandel, liegt dieser Anteil noch höher, weil Menschen dort spontan und unterwegs suchen. Google bewertet Websites seit 2019 primär nach ihrer mobilen Version, das sogenannte Mobile-First-Indexing. Wer eine schlechte mobile Erfahrung bietet, wird in den Suchergebnissen benachteiligt, auch wenn die Desktop-Version tadellos ist.
Was Mobile First in der Entwicklung bedeutet
Mobile First bedeutet, dass ich beim Aufbau einer Website nicht mit dem Desktop beginne und die Seite dann für kleinere Bildschirme anpasse, sondern umgekehrt. Ich starte mit der kleinsten Ansicht, also dem Smartphone, und erweitere das Layout dann für Tablets und Desktop-Bildschirme. Das klingt nach einem Detail, hat aber weitreichende Konsequenzen: Es zwingt dazu, sich auf das Wesentliche zu konzentrieren und Inhalte zu priorisieren, statt immer mehr hinzuzufügen.
Die drei häufigsten mobilen Fehler
In meiner Arbeit sehe ich immer wieder dieselben Probleme. Erstens: Text, der auf dem Desktop gut lesbar ist, aber auf dem Handy zu klein wird, weil er nicht für kleine Bildschirme angepasst wurde. Zweitens: Bilder, die nicht skalieren und entweder abgeschnitten werden oder die Seite horizontal verschieben. Drittens: Kontaktformulare oder Buttons, die so eng beieinander stehen, dass man beim Tippen daneben drückt. Jeder dieser Fehler kostet Besucher, die eigentlich Kunden werden wollten.
Ladezeit ist auf dem Handy noch kritischer
Mobile Nutzer sind oft unterwegs und nutzen manchmal langsame Verbindungen. Eine Seite, die am Desktop in zwei Sekunden lädt, kann auf dem Handy vier oder mehr Sekunden brauchen, wenn sie nicht optimiert ist. Google empfiehlt eine Ladezeit von unter drei Sekunden. Studien zeigen, dass jede zusätzliche Sekunde Ladezeit die Absprungrate deutlich erhöht. Bilder in modernen Formaten, schlanker Code und keine unnötigen Skripte sind deshalb keine Luxus-Features, sondern Grundvoraussetzungen.