Über 60 % aller Website-Besuche kommen heute von Smartphones. Trotzdem ist die mobile Optimierung bei vielen kleinen Unternehmen noch immer ein blinder Fleck — dabei hat sie direkten Einfluss auf das Google-Ranking. Seit 2019 bewertet Google Websites nach dem Mobile-First-Prinzip: Die mobile Version ist die Grundlage für die Indexierung, nicht mehr die Desktop-Version.
Das bedeutet: Wer auf dem Smartphone schlecht aussieht, verliert Positionen in den Suchergebnissen — egal wie gut die Desktop-Version ist. Diese Checkliste zeigt dir, worauf es bei der mobilen Optimierung ankommt, und wie du Schritt für Schritt vorgehst.
Was bedeutet Mobile Optimierung?
Mobile Optimierung umfasst alle Maßnahmen, die dafür sorgen, dass deine Website auf Smartphones und Tablets einwandfrei funktioniert und gut aussieht. Das geht weit über "die Seite lädt irgendwie auf dem Handy" hinaus. Es geht um:
- Responsive Design: Die Seite passt sich automatisch an jede Bildschirmgröße an
- Touch-Bedienung: Buttons und Links sind groß genug zum Tippen
- Ladezeit auf Mobilfunk: Seiten laden auch bei LTE/5G schnell
- Lesbarkeit: Texte sind ohne Zoom lesbar, kein horizontales Scrollen
- Interaktionen: Formulare, Menüs und Galerien funktionieren per Touch
Warum Mobile Optimierung für kleine Unternehmen besonders wichtig ist
Wenn ein potenzieller Kunde "Zahnarzt in meiner Nähe" oder "Elektriker Köln" googelt, tut er das meistens mit dem Smartphone. Kommt er auf deine Seite und muss zoomen, scrollen oder wartet er ewig auf das Laden — ist er weg. Im Zweifel zur Konkurrenz.
Für lokales SEO ist die mobile Nutzererfahrung besonders entscheidend, weil lokale Suchanfragen überwiegend mobil stattfinden. Mehr dazu findest du in unserem Artikel über lokales SEO für kleine Unternehmen.
Google bewertet nicht mehr Desktop und Mobile getrennt — die mobile Version deiner Website IST deine Website für Google.
Die komplette Mobile-Optimierung-Checkliste
Teil 1: Technische Grundlagen
Viewport-Meta-Tag gesetzt — Dieser Code gehört in den <head> jeder Seite: <meta name="viewport" content="width=device-width, initial-scale=1.0">. Ohne dieses Tag zeigt das Smartphone die Desktop-Version in verkleinert an.
Responsive Design vorhanden — Die Seite passt sich automatisch an verschiedene Bildschirmbreiten an. Teste es: Ziehe das Browser-Fenster auf dem Desktop schmaler — passen sich Layout und Text an?
Kein horizontales Scrollen — Auf dem Smartphone sollte man niemals seitwärts scrollen müssen. Häufige Ursachen: Bilder die breiter sind als der Bildschirm, feste Breitenangaben in Pixeln statt in %.
Google Mobile-Friendly-Test bestanden — Teste deine URL kostenlos unter search.google.com/test/mobile-friendly. Google zeigt dir direkt, was nicht stimmt.
Teil 2: Ladezeit auf dem Smartphone
Mobilfunkverbindungen sind langsamer als WLAN. Eine Seite, die auf dem Desktop in 2 Sekunden lädt, kann auf LTE deutlich länger brauchen — besonders wenn Bilder nicht optimiert sind. Mehr Tipps zur Ladezeit findest du in unserem Artikel Website-Geschwindigkeit verbessern.
Bilder komprimiert und in modernem Format — Nutze WebP oder AVIF statt JPEG/PNG. Bilder sollten nicht größer als 200–400 KB sein. Tools wie Squoosh (kostenlos) helfen dabei.
Lazy Loading für Bilder — Bilder unterhalb des sichtbaren Bereichs sollten erst geladen werden, wenn der Nutzer dorthin scrollt: <img loading="lazy" src="...">
Wenige externe Scripts — Jedes eingebundene Script (Tracking, Chat-Widgets, Fonts) verlangsamt die Seite. Prüfe, welche wirklich nötig sind. Unser SEO-Analyse-Tool zeigt dir die Anzahl der Scripts auf deiner Seite.
Browser-Caching aktiviert — Statische Dateien (CSS, JS, Bilder) sollten vom Browser zwischengespeichert werden. Das beschleunigt Folgebesuche erheblich.
Teil 3: Lesbarkeit und Typografie
Schriftgröße mindestens 16px — Google empfiehlt eine Mindestschriftgröße von 16px für den Fließtext. Kleinere Texte sind auf dem Smartphone schwer lesbar und führen zu Zoom-Aktionen — ein schlechtes Nutzersignal.
Ausreichend Zeilenabstand — line-height: 1.5 bis 1.8 macht Texte auf kleinen Bildschirmen deutlich angenehmer zu lesen.
Kein Text über Bildern ohne ausreichend Kontrast — Weißer Text auf hellem Bild ist auf dem Smartphone im Sonnenlicht kaum lesbar. Nutze unser Farbkontrast-Prüfer-Tool um den Kontrast zu testen.
Teil 4: Touch-Bedienung und Navigation
Buttons und Links mindestens 44×44px groß — Das ist Googles empfohlene Mindestgröße für Touch-Ziele. Zu kleine Buttons frustrieren Nutzer, weil sie danebentippen.
Ausreichend Abstand zwischen Touch-Elementen — Links und Buttons sollten mindestens 8px Abstand zueinander haben, damit man nicht aus Versehen das falsche antippt.
Mobile Navigation funktioniert — Ein Hamburger-Menü oder eine andere mobile Navigation muss klar erkennbar und einfach zu bedienen sein. Teste: Kann man mit einer Hand navigieren?
Pop-ups und interstitials sind mobil-freundlich — Google bestraft aufdringliche Pop-ups auf Mobilgeräten. Falls du welche nutzt: Sie dürfen nicht den Großteil des Bildschirms überdecken und müssen leicht schließbar sein.
Teil 5: Formulare und Conversion-Elemente
Korrekte Input-Typen in Formularen — Nutze type="tel" für Telefonnummern, type="email" für E-Mails — dann öffnet das Smartphone die passende Tastatur. Das reduziert Tippfehler und erhöht die Conversion-Rate.
Telefonnummer als klickbarer Link — <a href="tel:+4930123456"> ermöglicht Anrufe mit einem Tippen. Besonders für Dienstleister enorm wichtig — und wird von vielen Websites vergessen.
Wie erkenne ich mobile Probleme auf meiner Website?
Der schnellste Weg: Dein eigenes Smartphone nehmen und die Website wirklich nutzen — nicht nur kurz draufschauen. Surfe durch alle wichtigen Seiten, fülle ein Kontaktformular aus, teste die Navigation. Was stört dich?
Zusätzlich gibt es kostenlose Tools:
- Google Search Console → Reiter "Mobile Usability" zeigt konkrete Fehler mit betroffenen Seiten
- PageSpeed Insights (pagespeed.web.dev) → Separate Bewertung für Mobile und Desktop
- Shift07 SEO-Analyse → Prüft u.a. Viewport-Tag, Script-Anzahl und weitere technische Faktoren in Sekunden
Tipp: In den Chrome DevTools (F12 → Geräte-Symbol) kannst du deine Website in verschiedenen Smartphone-Auflösungen simulieren — ohne echtes Gerät.
Typische Fehler bei der mobilen Optimierung
In unserer täglichen Arbeit mit kleinen Unternehmens-Websites sehen wir immer wieder dieselben Fehler:
- Kein Viewport-Meta-Tag — Die häufigste technische Grundlage wird vergessen
- Bilder mit fester Pixelbreite —
width="800px"stattmax-width: 100%in CSS - Winzige Buttons — Desktop-Designs werden ohne Anpassung auf Mobile übertragen
- Zu viele Scripts — Jedes dritte Plugin oder Widget verlangsamt die Mobile-Erfahrung spürbar
- Flash oder Java — Werden auf Smartphones gar nicht unterstützt (aber selten geworden)
Viele dieser Fehler sind auch in unserem Artikel über die häufigsten Website-Fehler bei Handwerkern beschrieben — die Probleme sind branchenübergreifend verbreitet.
Fazit: Mobile Optimierung ist kein Nice-to-Have
Wer heute im lokalen Bereich über Google gefunden werden will, muss mobil gut sein. Die oben genannte Checkliste hilft dir, Schritt für Schritt die häufigsten Probleme zu identifizieren und zu beheben.
Du weißt nicht, wo deine Website gerade steht? Starte jetzt unsere kostenlose SEO-Analyse und erhalte in Sekunden eine Übersicht aller technischen Probleme — inklusive mobiler Optimierung. Viele der gefundenen Probleme lassen sich ohne Programmierkenntnisse direkt in deinem CMS (WordPress, Wix, Jimdo) beheben.
Wenn du tiefer in die technischen Meta-Tags oder strukturierte Daten einsteigen möchtest, findest du dazu weitere Anleitungen auf unserem Blog.