Mobile First im Webdesign: was das für B2B-Websites bedeutet

Mobile First bedeutet, eine Website zuerst für den kleinen Bildschirm zu entwerfen und von dort aus für größere Bildschirme zu erweitern — nicht umgekehrt. Der Ansatz ist keine Geschmacksfrage mehr, seit Google seine Bewertung ausdrücklich an der mobilen Version einer Seite ausrichtet. Dieser Artikel erklärt, was das konkret bedeutet, warum es auch für B2B-Websites zählt, und woran du erkennst, ob eine Seite wirklich mobil zuerst gedacht wurde oder nur nachträglich angepasst.

Warum die Reihenfolge des Entwurfs etwas ändert

Eine Website zuerst für den großen Bildschirm zu entwerfen und dann zu verkleinern, klingt nach demselben Ergebnis wie der umgekehrte Weg. In der Praxis ist es das nicht. Wer mit dem großen Bildschirm beginnt, hat Platz für alles: eine breite Navigation, mehrere Spalten nebeneinander, große Bilder neben viel Text. Beim Verkleinern muss all das gestapelt, versteckt oder zusammengefasst werden — meist unter Zeitdruck, meist als letzter Schritt. Wer mit dem kleinen Bildschirm beginnt, trifft die harten Entscheidungen zuerst: Was ist wirklich wichtig, wenn nur eine Spalte und wenig Höhe zur Verfügung stehen? Diese Entscheidungen kommen dann dem großen Bildschirm zugute, statt dort nachträglich rückgängig gemacht zu werden.

Responsive Design

Eine Technik, bei der sich Layout und Elemente an die Bildschirmgröße anpassen. Responsive ist die Voraussetzung für Mobile First, aber nicht dasselbe: Eine Seite kann responsive sein und trotzdem für den großen Bildschirm gedacht, auf dem kleinen nur technisch funktionsfähig.

Warum Google die mobile Version zählt

Google crawlt und bewertet Websites in erster Linie über die mobile Version — unabhängig davon, ob eine Suchanfrage von einem Handy oder einem Rechner stammt. Was auf der mobilen Seite fehlt oder verkürzt ist, fehlt damit für die Bewertung insgesamt, selbst wenn die Desktop-Version vollständig ist. Das hat eine konkrete Folge: Ein Text, der auf dem großen Bildschirm steht, auf dem Handy aber aus Platzgründen weggelassen wurde, zählt für Google nicht. Dieselbe Regel gilt für interne Links, die auf dem Handy hinter einem eingeklappten Menü verschwinden, das nicht ausgewertet wird.

Warum das auch bei B2B-Zielgruppen zählt

Der Einwand kommt regelmäßig: Unsere Zielgruppe sitzt im Büro, am Rechner, nicht am Handy. Das trifft die eigentliche Entscheidung, aber nicht den ersten Kontakt. Recherche, Vergleich und der erste Eindruck passieren oft mobil — in der Bahn, zwischen Terminen, nebenbei auf dem Handy. Wer dort einen Anbieter prüft, entscheidet in Sekunden, ob er vertrauenswürdig wirkt. Bricht an dieser Stelle die Navigation oder lässt sich ein Formular nicht bedienen, ist der Eindruck gesetzt, bevor die Entscheidung am Rechner überhaupt ansteht.

Woran du eine wirklich mobil gedachte Seite erkennst

• ✓Die Navigation funktioniert vollständig, auch eingeklappt — jeder wichtige Punkt ist erreichbar, nicht nur eine Auswahl.
• ✓Formulare lassen sich mit dem Daumen ausfüllen, Felder sind groß genug, Tastaturtypen passen zum Inhalt (Zahlen-Tastatur für Telefonnummern).
• ✓Kein horizontales Scrollen — Tabellen und breite Elemente sind für die schmale Ansicht umgebaut, nicht nur verkleinert.
• ✓Der wichtigste Inhalt steht oben, nicht unter mehreren Bildschirmhöhen Navigation und Bildern.
• ✓Klickflächen sind groß genug für einen Finger, nicht für einen Mauszeiger optimiert.
• ✓Ladezeit auf dem Handy ist geprüft — mobile Netzverbindungen sind langsamer als der Büro-Rechner, große Bilder wirken sich hier stärker aus.

Mobile First betrifft nicht nur das Aussehen, sondern die gesamte Struktur einer Website — welche Seiten es gibt und wie sie zusammenhängen, entscheidet mit, wie gut sich das auf kleinen Bildschirmen navigieren lässt. Wie diese Struktur für eine B2B-Website aussieht, steht in unserem Artikel zum Aufbau einer B2B-Website.