Mobile First
Vor zwanzig Jahren wurde eine Website für den Desktop gebaut und danach für das Smartphone angepasst. Mobile First dreht diese Reihenfolge um, und das aus gutem Grund.
Was ist Mobile First?
Mobile First ist ein Designprinzip, das besagt: Eine Website wird zuerst für mobile Geräte entworfen und dann für größere Bildschirme erweitert. Nicht umgekehrt.
Das klingt nach einer technischen Kleinigkeit, ist aber eine grundlegende Entscheidung darüber, wie eine Website gedacht wird. Wer Desktop First entwickelt, also zunächst für den großen Bildschirm baut und danach versucht, alles auf das Smartphone zu quetschen, kämpft meistens gegen die eigene Ausgangslage. Wer Mobile First denkt, fängt mit dem schwierigsten Fall an und hat auf dem Desktop automatisch mehr Spielraum.
Der Begriff wurde maßgeblich durch den Designer Luke Wroblewski geprägt, der 2009 argumentierte, dass Smartphones die dominante Plattform für Web-Nutzung werden würden. Er hatte recht. Heute kommen je nach Branche zwischen 55 und 75 Prozent aller Website-Besuche von mobilen Geräten. Wer seine Website noch immer primär für den Desktop gestaltet, baut an seiner Zielgruppe vorbei.
Mobile First und Google: Was das für dein Ranking bedeutet
Google hat 2019 auf Mobile-First-Indexing umgestellt. Das bedeutet: Google bewertet und rankt Websites primär auf Basis der mobilen Version, nicht der Desktop-Version. Wenn deine mobile Version schlechter ist als die Desktop-Version, leidest du im Ranking, egal wie gut deine Desktop-Seite aussieht.
Das hat direkte Konsequenzen für die einer Website. Texte die auf dem Desktop vollständig sichtbar sind, aber auf dem Smartphone hinter einem „Mehr anzeigen“-Button versteckt werden, zählen für Google weniger. Bilder die auf dem Desktop scharf sind, aber auf dem Smartphone nicht korrekt skaliert werden, beeinflussen die Ladezeit und damit das Ranking.
Kurz: Mobile First ist keine Frage des persönlichen Geschmacks. Es ist eine technische und strategische Notwendigkeit.
Was Mobile First in der Praxis bedeutet
Inhalte priorisieren statt komprimieren
Wer Mobile First denkt, fragt zuerst: Was muss der Nutzer auf dem Smartphone sehen? Und was ist verzichtbar? Auf einem kleinen Bildschirm ist kein Platz für alles. Das zwingt dazu, Inhalte zu priorisieren und das Wesentliche nach oben zu holen.
Das ist kein Nachteil, sondern ein Qualitätsfilter. Eine Seite die auf dem Smartphone klar und übersichtlich ist, ist fast immer auch auf dem Desktop besser als eine Seite die auf dem Desktop vollgepackt ist und auf dem Smartphone zerfällt.
Touchbedienung statt Mauszeiger
Auf dem Desktop wird mit der Maus navigiert. Auf dem Smartphone mit dem Daumen. Das klingt trivial, hat aber konkrete Auswirkungen. Buttons müssen groß genug sein um sicher getippt zu werden, mindestens 44 mal 44 Pixel. Links die zu nah beieinander liegen, werden auf dem Smartphone versehentlich zusammen angetippt. Hover-Effekte die auf dem Desktop funktionieren, existieren auf Touch-Geräten nicht.
Eine Mobile-First-Gestaltung denkt diese Interaktionsmuster von Anfang an mit. Der Call-to-Action ist groß genug, gut erreichbar und liegt nicht in einem Bereich wo der Daumen ihn verfehlt.
Ladegeschwindigkeit als Designentscheidung
Mobile Nutzer sind oft in Netzwerken unterwegs die langsamer sind als eine stabile WLAN-Verbindung zu Hause. Mobile First bedeutet deshalb auch, Ladezeit als gestalterisches Kriterium zu behandeln. Große, unkomprimierte Bilder, schwere Schriftarten und aufwendige Animationen kosten auf dem Smartphone mehr als auf dem Desktop. Wer Mobile First denkt, wählt Ressourcen bewusst aus.
Das hat direkte Auswirkungen auf den Above-the-Fold-Bereich deiner Website. Was der Nutzer als Erstes sieht, muss schnell laden. Alles was den ersten sichtbaren Bereich verlangsamt, kostet Besucher bevor sie überhaupt angekommen sind.
Responsive Design als Umsetzung
Mobile First beschreibt das Prinzip. Responsive Design beschreibt die technische Umsetzung. Eine responsive Website passt ihr Layout automatisch an die Bildschirmgröße des Nutzers an, ohne dass separate mobile Versionen gepflegt werden müssen.
Früher war es verbreitet, eine eigene mobile Website zu bauen, oft unter einer Subdomain wie m.beispiel.de. Das ist heute überholt. Eine responsive Website mit Mobile-First-Ansatz ist die sauberere Lösung: ein Code-Basis, ein URL, ein Pflegeaufwand.
Mobile First für verschiedene Branchen
Handwerk und lokale Dienstleister
Gerade für Handwerksbetriebe ist Mobile First besonders relevant. Wer einen Installateur, Elektriker oder Maler sucht, tut das häufig unterwegs oder spontan vom Sofa aus, mit dem Smartphone in der Hand. Die Entscheidung ob angerufen oder angefragt wird, fällt innerhalb von Sekunden. Eine die auf dem Smartphone nicht funktioniert, verliert diese Anfragen direkt.
Arztpraxen und Gesundheitsberufe
Auch hier dominiert das Smartphone. Patienten suchen eine Praxis, prüfen Öffnungszeiten oder wollen einen Termin anfragen. Das passiert fast nie am Desktop. Wer gestaltet, sollte die mobile Darstellung als primäre Ansicht behandeln, nicht als nachträgliche Anpassung.
Steuerberater und Kanzleien
Hier ist der mobile Anteil tendenziell etwas niedriger als bei lokalen Dienstleistern, aber er steigt. Mandanten die nach einem Steuerberater suchen oder Unterlagen einreichen wollen, nutzen zunehmend das Smartphone. Wer baut, sollte Mobile First nicht als optionale Ergänzung sehen.
Wie du prüfst ob deine Website Mobile First ist
Der einfachste Test: Ruf deine Website auf dem Smartphone auf und beantworte drei Fragen. Lädt die Seite schnell? Ist sofort klar, was du anbietest und was der Besucher tun kann? Funktionieren alle Buttons und Formulare ohne Frustration?
Wenn eine dieser Fragen mit Nein beantwortet wird, ist das der Einstiegspunkt. Google bietet mit dem Tool „Mobile-Friendly Test“ eine kostenlose Möglichkeit zur Prüfung. Darüber hinaus zeigt die Google Search Console konkrete Fehler in der mobilen Darstellung an, sofern die Website dort eingetragen ist.
Wer feststellt, dass die mobile Version seiner Website hinter den Erwartungen zurückbleibt, sollte das nicht als kosmetisches Problem behandeln. Es ist ein technisches und strategisches, das sich direkt auf Rankings, Anfragen und Umsatz auswirkt. Eine denkt Mobile First von der ersten Zeile Code an mit, nicht als nachträgliche Korrektur.
