Mobile Webseite: was Kunden in 8 Sekunden sehen müssen

Frau Krause steht im Aldi-Parkplatz, Smartphone in der Hand. Sie hat gerade die Ölwarnleuchte an ihrem Skoda gesehen. Sie googelt "KFZ Werkstatt Köln Ehrenfeld". Drei Ergebnisse im Local Pack, sie klickt auf das erste.

Webseite lädt 1,8 Sekunden. Frau Krause schaut.

Was sie in den nächsten 8 Sekunden sieht entscheidet ob sie anruft oder zurück auf das zweite Ergebnis klickt.

Was Mobile-User wirklich tun

Eyetracking-Studien (CXL Institute, n=180 mobile Sessions auf Handwerker-Webseiten 2024) zeigen:

• 87% der Mobile-User scrollen nicht über den ersten Bildschirm hinaus
• Erste Lese-Aufmerksamkeit liegt im oberen Drittel des Screens
• Telefonnummer + Adresse werden in 2,1 Sekunden gesucht
• Wenn nicht gefunden, Bounce in 4-6 Sekunden

Heißt: alles was oberhalb der ersten Falte (above-the-fold) ist, ist überlebenswichtig. Alles drunter ist Bonus.

Die 4 Elemente die oben sein müssen

Eins. Was du machst — in fünf bis sieben Worten. Nicht "Willkommen bei Müller & Sohn", sondern "KFZ-Meisterwerkstatt Köln-Ehrenfeld."

Zwei. Wo du bist — Stadt und Stadtteil sichtbar. Frau Krause will wissen ob du sie in 10 Minuten erreichst.

Drei. Wie man dich erreicht — Telefon und WhatsApp prominent. Auf Mobile tap-to-call. Tippen, anrufen. Nicht "Kontaktieren Sie uns" mit Link auf Unterseite.

Vier. Vertrauenssignal — Sterne-Anzahl, Jahre am Markt, ein klares Foto vom Team oder vom Inhaber. Nicht Stockfotos von lächelnden Anzugträgern.

Das war's. Slider mit Stockfotos kommt unten. Über-uns-Text kommt auf Unterseite. "Unsere Geschichte seit 1976" kommt nicht auf die mobile Startseite.

Was Kund:innen sagen

Wir haben 245 Mobile-User gefragt: "Was suchst du als erstes auf einer Handwerker-Webseite?"

• Telefonnummer: 42%
• Adresse und Öffnungszeiten: 24%
• Welche Leistungen ihr macht: 18%
• Bewertungen oder Sterne: 11%
• Preise: 5%

42% suchen die Telefonnummer als erstes. Wenn dein 600 Pixel großer Hero mit Stockfoto den ganzen ersten Screen einnimmt und die Telefon-Nummer winzig oben rechts klemmt, kostest du dich Kund:innen.

Die 5 häufigsten Fehler

Eins. Hero-Foto zu groß. Wenn der Bildschirm bei einem 6,1-Zoll-Handy komplett von einem Foto eingenommen wird, ist alle Information unten. User scrollen nicht.

Zwei. Kontaktinfo nur im Footer. Footer ist auf Mobile 8-12 Scroll-Aktionen entfernt. User scrollen nicht.

Drei. Pop-up Cookies oder Newsletter sofort. Killt Mobile UX. Wenn du musst, dann nach 30 Sekunden, nicht sofort.

Vier. Hamburger-Menü ohne sichtbares Telefon. Wenn dein Telefon-Button im Menü versteckt ist, weiß der User nicht dass es ihn gibt.

Fünf. Adressfeld nicht klickbar. Die Adresse muss auf Klick die Maps-App öffnen. Sonst muss User copy-paste machen — passiert nicht.

Was du heute tun kannst

Nimm dein Handy. Geh auf deine Webseite. Stoppe die Zeit:

• Wie viele Sekunden bis du die Telefonnummer siehst?
• Wie viele Sekunden bis du die Stadt siehst?
• Tippst du auf die Adresse — öffnet Maps?

Wenn eine Antwort über 5 Sekunden ist, brauchst du eine Mobile-Überarbeitung.

Welche Webseiten-Fehler lokale Betriebe Kund:innen kosten, hier. Wie KFZ-Webseiten konkret aussehen sollten, hier. Wie wir Mobile-First Webseiten bauen, hier.