Mobile-First: 5 Fehler, die Handy-Besucher sofort wegklicken
Über 70 % Ihrer Website-Besucher kommen vom Handy. Diese 5 Mobile-First-Fehler kosten Sie Anfragen – und wie Sie sie beheben.
Wer seine Website am Desktop-Bildschirm baut und das Resultat nie auf dem Handy prüft, baut an seiner Zielgruppe vorbei. Die meisten KMU-Websites in der Schweiz werden auf einem Laptop entworfen – aber auf einem Smartphone genutzt. Das führt zu konkreten, vermeidbaren Problemen. Dieser Artikel zeigt fünf Fehler, die Handy-Besucher schneller wegklicken lassen als jede Konkurrenz es könnte.
Warum Mobile-First kein Trend, sondern Realität ist
Google bewertet Websites seit 2019 primär nach ihrer mobilen Version – sogenanntes Mobile-First Indexing. Das bedeutet: Wenn Ihre Website auf dem Handy schlecht lädt oder schwer zu bedienen ist, verliert sie Suchmaschinen-Sichtbarkeit – unabhängig davon, wie schön sie am Desktop aussieht.
Dazu kommt das Nutzungsverhalten: Jemand, der schnell den Coiffeur-Termin buchen oder das Mittagsmenü eines Restaurants nachschauen möchte, tut das unterwegs, oft im Bus oder in der Mittagspause – also auf dem Handy. Wenn der Prozess stockt, ist die Person weg. Und kommt meistens nicht zurück.
Die 5 häufigsten Mobile-First-Fehler bei KMU-Websites
1. Zu kleiner Text, zu kleine Buttons
Der häufigste Fehler: Text, der am Desktop gut lesbar ist, schrumpft auf dem Smartphone auf 11–12 Pixel – und ist damit für viele Nutzer:innen praktisch unlesbar. Dasselbe gilt für Buttons. Ein „Jetzt buchen"-Button mit 30 × 20 Pixeln ist auf einem Touchscreen kaum treffsicher zu tippen.
Faustregel: Fliesstext mindestens 16 px, Buttons mindestens 44 × 44 px (Apples empfohlene Mindestgrösse für Touch-Ziele).
2. Keine klickbare Telefonnummer
Auf dem Desktop tippt niemand eine Telefonnummer ab – auf dem Handy erwartet man, dass man direkt drauftippen und anrufen kann. Wenn die Nummer auf Ihrer Website als reiner Text dargestellt ist, verlieren Sie Anrufe.
Die technische Lösung ist simpel: Ein tel:-Link (<a href="tel:+41441234567">044 123 45 67</a>). Das dauert zwei Minuten – wird aber auf erschreckend vielen Schweizer KMU-Websites vergessen.
3. Formulare, die auf dem Handy zur Qual werden
Kontaktformulare mit acht Pflichtfeldern, winzigen Eingabefeldern und ohne Auto-Fill-Unterstützung werden auf dem Smartphone kaum ausgefüllt. Wenn jemand seinen Namen, seine E-Mail, Telefonnummer, Betreff, Nachricht, Datum und Uhrzeit eintippen muss – auf einer virtuellen Tastatur, die die Hälfte des Bildschirms verdeckt – gibt die Person auf.
Prüfen Sie Ihr Formular auf dem Handy. Wie viele Felder sind wirklich nötig? Name, E-Mail oder Telefon und eine kurze Nachricht reichen in den meisten Fällen vollkommen aus. Für Buchungen empfiehlt sich ein spezialisiertes Buchungssystem statt einem Freitextformular.
4. Bilder, die die Seite lahmlegen
Ein unkomprimiertes Foto aus dem iPhone kann 8–12 MB gross sein. Wenn Ihre Website drei solche Bilder lädt, braucht sie auf einem normalen Mobilnetz 10–15 Sekunden bis zur Darstellung. Nach drei Sekunden Ladezeit verlassen laut Google-Daten deutlich mehr Nutzer:innen eine Seite.
Bilder sollten vor dem Upload komprimiert und im modernen WebP-Format gespeichert werden. Kostenlose Tools wie Squoosh.app erledigen das in einer Minute. Für eine Website mit wenigen Seiten sollte keine einzelne Seite mehr als 1–2 MB an Bildmaterial laden.
5. Navigation, die auf kleinen Bildschirmen versagt
Horizontale Navigationsleisten mit sechs oder mehr Punkten passen nicht auf ein Handy-Display. Oft sieht man dann übereinanderliegende Schriften, abgeschnittene Menüpunkte oder eine Navigation, die gar nicht funktioniert.
Die Lösung ist ein sogenanntes „Hamburger-Menü" (das Drei-Striche-Symbol), das beim Antippen eine vertikale Liste aller Seiten aufklappt. Wichtiger noch: Überlegen Sie, ob Ihre Navigation wirklich alle Punkte braucht, oder ob drei bis vier Kernseiten genügen.
So prüfen Sie Ihre eigene Website – ohne Entwickler-Kenntnisse
Sie müssen kein:e Webentwickler:in sein, um eine erste Einschätzung zu erhalten:
| Prüfmethode | Was sie zeigt | Kosten |
|---|---|---|
| Google PageSpeed Insights | Ladezeit, Core Web Vitals, Schwachstellen | gratis |
| Chrome DevTools (Handy-Ansicht) | Visuelle Darstellung auf verschiedenen Geräten | gratis |
| Echtes Smartphone-Test | Tatsächliche Nutzererfahrung | gratis |
| Google Search Console | Mobile Usability-Fehler aus Googles Sicht | gratis |
Öffnen Sie pagespeed.web.dev, geben Sie Ihre URL ein und schauen Sie auf den „Mobil"-Tab. Eine Punktzahl unter 50 ist ein klares Signal für Handlungsbedarf.
Wer ist besonders betroffen?
Lokale Dienstleister profitieren überproportional von einer mobilen Optimierung, weil ihre Zielgruppe oft spontan sucht: Ein Restaurant für heute Abend, ein Coiffeur-Termin kurzfristig, ein Coach für ein Gespräch noch diese Woche. Wer in diesem Moment eine langsame oder unübersichtliche Website hat, verliert den Auftrag an die Konkurrenz, die in diesem Moment einfach besser erreichbar ist.
Auch bei TWINT-Zahlungslinks oder Online-Reservierungen – beides auf dem Handy typische Aktionen – ist eine saubere mobile Darstellung direkt mit Umsatz verknüpft.
Wenn Sie unsicher sind, wie Ihre Website abschneidet, können Sie auf unserer Startseite FruchtDigital sehen, was eine konsequent mobile-optimierte Website aussieht.
Was eine professionelle Umsetzung kostet
Viele KMU denken, Mobile-First-Optimierung sei ein teures Zusatzprojekt. In Wirklichkeit ist es heute Standard: Jede professionell gebaute Website sollte von Anfang an für Mobilgeräte konzipiert sein. Wenn Ihre Website es nicht ist, lohnt sich ein Blick auf die Preise & Pakete von FruchtDigital – und ein Vergleich, was ein Neubau gegenüber einem Flickwerk an der alten Seite wirklich kostet.
Für eine konkrete Einschätzung Ihrer jetzigen Website: Ein kostenloses Erstgespräch zeigt, wo der grösste Handlungsbedarf liegt.
Fazit
Mobile-First bedeutet nicht, die Desktop-Version zu vernachlässigen. Es bedeutet, zuerst vom kleinsten Bildschirm aus zu denken – und dann nach oben zu skalieren. Die fünf Fehler in diesem Artikel (zu kleiner Text, keine klickbare Telefonnummer, komplizierte Formulare, schwere Bilder, kaputte Navigation) sind allesamt behebbar. Manche davon in unter einer Stunde. Fangen Sie mit dem Handy-Test heute an – das kostet nichts ausser fünf Minuten Zeit.
Häufige Fragen
Wie teste ich kostenlos, ob meine Website auf dem Handy funktioniert?
Der einfachste Weg ist Google PageSpeed Insights unter pagespeed.web.dev. Dort geben Sie Ihre URL ein und wählen den Tab „Mobil". Google zeigt Ihnen Ladezeit, visuelle Darstellung und konkrete Schwachstellen. Zusätzlich können Sie in Chrome mit der Tastenkombination F12 die Entwicklertools öffnen und unter „Toggle device toolbar" verschiedene Smartphone-Bildschirmgrössen simulieren.
Was bedeutet Mobile-First Indexing für das Google-Ranking meiner Website?
Google bewertet seit 2019 primär die mobile Version einer Website für das Ranking in den Suchergebnissen. Wenn Ihre Seite auf dem Handy langsam lädt, schlecht lesbar ist oder Inhalte fehlen, wirkt sich das direkt auf Ihre Sichtbarkeit bei Google aus – auch wenn die Desktop-Version einwandfrei funktioniert. Eine schlechte mobile Erfahrung kann Ihre Platzierung verschlechtern, selbst wenn alle anderen SEO-Faktoren stimmen.
Welche Bildgrösse ist für eine mobile Website empfehlenswert?
Als Faustregel gilt: Kein einzelnes Bild sollte auf einer normalen Inhaltsseite mehr als 200–300 KB gross sein. Bilder sollten vor dem Upload komprimiert und idealerweise im WebP-Format gespeichert werden. Tools wie Squoosh.app oder TinyPNG ermöglichen das kostenlos. Bei einer Startseite mit Hero-Bild ist bis zu 500 KB vertretbar, wenn das Bild für Mobilgeräte in kleinerer Auflösung ausgeliefert wird.</qa></qa> <qa><q>Lohnt sich ein kompletter Website-Neubau oder reicht eine mobile Nachoptimierung?</q><a>Das hängt vom Zustand der bestehenden Website ab. Wenn die Seite auf einem veralteten System läuft, keine responsiven Templates hat und grundlegende technische Probleme aufweist, ist ein Neubau oft günstiger als aufwendige Reparaturarbeiten. Bei neueren Websites, die auf modernen Systemen laufen, können gezielte Anpassungen wie Bildkomprimierung, Formularvereinfachung und CSS-Korrekturen ausreichen. Eine ehrliche Einschätzung erhalten Sie im Erstgespräch mit einer Webdesign-Agentur.
Wie gross sollten Buttons auf einer mobilen Website mindestens sein?
Apple empfiehlt für Touch-Ziele eine Mindestgrösse von 44 × 44 Pixeln, Google nennt 48 × 48 dp als Richtwert. Wichtig ist ausserdem der Abstand zwischen zwei Buttons: Mindestens 8 Pixel, damit Nutzer:innen nicht versehentlich den falschen antippen. Buttons sollten gut sichtbar, kontrastreich und mit einem klaren Aktionswort beschriftet sein – zum Beispiel „Jetzt buchen" oder „Anrufen".
Bereit für deine eigene Website?
Wir bauen frische, schnelle und SEO-optimierte Websites für Schweizer KMU — ab CHF 2'099.
Termin buchen 🍇