Ratgeber · Webdesign

Mobile First: Was das für deine Website bedeutet

„Mobile First“ heißt: Die Handy-Version deiner Website ist die wichtigste – für deine Kunden und für Google. Was das konkret bedeutet und woran du eine gute mobile Website erkennst, erkläre ich hier mit Beispielen aus meinen Projekten.

Was „Mobile First“ bedeutet

Der Begriff hat zwei Seiten. Für Google bedeutet er: Die Suchmaschine bewertet deine Website vorrangig anhand ihrer Handy-Version („Mobile-First-Indexierung“). Was auf dem Handy fehlt oder schlecht funktioniert, zählt auch für dein Ranking. Für das Webdesign bedeutet er: Eine Website wird zuerst fürs Handy geplant und dann für den großen Bildschirm erweitert – nicht umgekehrt.

Der Grund ist einfach: Viele deiner Kunden suchen unterwegs. Auf der Baustelle, in der Mittagspause, abends auf dem Sofa. Wenn deine Website dort nicht funktioniert, rufen sie den Nächsten an.

Responsive ist nicht dasselbe wie Mobile First

Fast jede Website ist heute „responsive“ – sie passt sich irgendwie an kleine Bildschirme an. Das heißt aber oft nur: Alles, was am Computer nebeneinander steht, steht auf dem Handy untereinander. Das Ergebnis sind endlos lange Seiten, in denen das Wichtige irgendwo in der Mitte verschwindet.

Mobile First fragt anders: Was braucht jemand, der dich am Handy findet, als Erstes? Meistens sind das drei Dinge: Was machst du? Wo? Wie erreiche ich dich – jetzt?

Woran du eine gute mobile Website erkennst

Der wichtigste Schritt ist ein Tipp entfernt

Für einen Baumpflege-Betrieb aus der Wetterau habe ich die Website so gebaut, dass auf dem Handy der Anruf oder die WhatsApp nur einen Tipp entfernt ist – und die Notfallnummer bei Sturmschäden ganz oben steht. Bei einem Barbershop in Büdingen ist es der Button „Termin buchen“, der auf jeder Seite sichtbar bleibt. Die Frage ist immer: Was soll der Besucher tun? Genau das muss am Handy am einfachsten sein.

Inhalte sind priorisiert, nicht nur gestapelt

Auf dem Handy ist Platz knapp. Gute mobile Seiten zeigen das Wichtige zuerst und machen lange Reihen – etwa Leistungen, Referenzen oder Bewertungen – seitlich wischbar, statt alles untereinander zu stapeln. So bleibt die Seite kurz und übersichtlich.

Text ist lesbar, Buttons sind treffbar

Niemand will zoomen. Schrift sollte auf dem Handy ohne Vergrößern lesbar sein, und Buttons brauchen genug Fläche und Abstand, damit man sie mit dem Daumen trifft, ohne den Nachbarn zu erwischen.

Nichts wackelt seitlich

Wenn sich eine Seite seitlich verschieben lässt, ist irgendein Element zu breit – oft eine Tabelle oder ein Bild. Das wirkt kaputt. Beim Bau meiner eigenen neuen Website ist mir genau das passiert: Eine Vergleichstabelle hat auf dem Handy die ganze Textspalte breiter gedrückt, sodass rechts Text abgeschnitten war. Gefunden habe ich es nur, weil ich jede Seite auf Handy-Breite geprüft habe.

Die Seite lädt auch bei schwachem Netz

Auf dem Land ist das mobile Netz nicht überall gut. Große Bilder und viel Code bremsen dann besonders. Wie du das verbesserst, steht in WordPress schneller machen.

So prüfst du deine Website in zwei Minuten

  1. Öffne deine Website auf dem Handy – nicht am Computer im kleinen Fenster.
  2. Schau nur auf den ersten Bildschirm: Ist klar, was du anbietest und wo?
  3. Versuche, dich anzurufen. Wie viele Tipps brauchst du?
  4. Scroll einmal durch: Musst du zoomen? Wackelt etwas seitlich?
  5. Teste die Adresse mit PageSpeed Insights (pagespeed.web.dev) und schau auf die Handy-Auswertung.

Die ausführliche Version mit 15 Punkten findest du im Artikel Website-Audit: Checkliste zum Selbstprüfen.

Was ich bei jeder Website mache

Jede Website, die ich baue, plane ich vom Handy aus: Telefon und WhatsApp mit einem Tipp, die wichtigste Aussage im ersten Bildschirm, Kartenreihen zum Wischen statt endloser Listen – und am Ende prüfe ich jede Seite auf Handy-Breite, bevor sie online geht. Wie das abläuft, steht unter Website erstellen lassen.

Wie gut ist deine Website am Handy? Schick mir die Adresse über den kostenlosen Website-Check – du bekommst drei konkrete Verbesserungen.

Häufige Fragen zu Mobile First

Bewertet Google wirklich nur die Handy-Version?

Google nutzt vorrangig die Handy-Version, um deine Seite zu erfassen und zu bewerten. Inhalte, die nur am Computer sichtbar sind, haben es deshalb schwerer.

Reicht ein responsives Theme?

Es ist die Grundlage, aber nicht das Ziel. Entscheidend ist, ob die wichtigsten Inhalte und Aktionen am Handy schnell erreichbar sind – nicht nur, ob alles irgendwie auf den Bildschirm passt.

Brauche ich eine eigene App?

Für die meisten Betriebe nicht. Eine gute mobile Website erfüllt denselben Zweck – ohne dass Kunden etwas installieren müssen.

Kevin Seewald
Über den Autor

Kevin Seewald baut seit seinem 16. Lebensjahr Websites – heute mit WordPress für Handwerk, Praxen und Betriebe in Wetterau und Vogelsberg. Über 70 Projekte, 5,0 Sterne bei Google. Mehr über mich

Weiterlesen

Passende Artikel

Deine Frage war nicht dabei?

Ruf kurz an oder schreib per WhatsApp. Du bekommst eine ehrliche Antwort – auch wenn sie lautet, dass du gerade keine neue Website brauchst.

Stell dir deine Website zusammen.

Vier Klicks, dann ist deine Anfrage fertig. Kein Formular-Marathon, kein Verkaufsgespräch.

  • Ich melde mich innerhalb von 24 Stunden
  • Wir sprechen kurz, vor Ort oder am Telefon
  • Du bekommst einen festen Preis – und entscheidest in Ruhe

1 · WAS BRAUCHST DU?

2 · WIE GROSS?

3 · WAS SOLL REIN?

4 · WANN?

Öffnet WhatsApp bzw. dein E-Mail-Programm mit der fertigen Nachricht – du schickst sie selbst ab. Unverbindlich. Meine Angebote richten sich an Unternehmen und Selbstständige. Beim Senden über WhatsApp werden deine Angaben an WhatsApp (Meta) übertragen. Mehr in der Datenschutzerklärung.

Kostenlos beraten lassenKevin antwortet in 24 h
AnrufenWhatsApp