Stefan Baumann, Elektriker aus Hannover, hat uns neulich seinen Website-Traffic geschickt: 340 Besucher im letzten Monat, davon 71 % über das Smartphone. Und trotzdem nur 4 Anfragen.
Das Problem war schnell gefunden. Seine Website sah auf dem Desktop ordentlich aus. Auf dem Handy? Die Telefonnummer war nicht klickbar, das Kontaktformular ließ sich kaum ausfüllen, und die Navigation war so eng, dass man ständig auf die falsche Stelle tippte.
Wenn deine Website nicht für mobile Geräte optimiert ist, verlierst du täglich Aufträge, ohne es zu merken. Die Besucher springen ab, ohne Rückmeldung. Sie rufen einfach beim nächsten Treffer an.
In diesem Beitrag zeige ich dir, warum mobile Optimierung heute keine Option mehr ist, welche 5 Fehler am häufigsten vorkommen, und mit welchen 6 konkreten Maßnahmen du deine Website fit für Smartphones und Tablets machst.
🧭 Warum die mobile Ansicht über Aufträge entscheidet
Mehr als 60 % aller Internetsuchen in Deutschland laufen heute über Smartphones. Bei lokalen Suchanfragen wie „Elektriker Hannover", „Dachdecker in der Nähe" oder „Klempner Notfall" ist der Anteil noch höher. Die Menschen suchen unterwegs, zwischen zwei Terminen, abends auf dem Sofa.
Was das für dich bedeutet: Deine Website ist für die meisten Besucher zuerst eine mobile Website. Nicht die Desktop-Version, die du vielleicht zuletzt selbst aufgerufen hast. Mobile Websites, die auf kleinen Displays funktionieren, bekommen die Anfragen. Die anderen nicht.
Um deine Website für Mobilgeräte zu optimieren, brauchst du kein eigenes technisches Wissen, aber du musst verstehen, worauf es ankommt. Die mobile Nutzung deiner Website entscheidet direkt, ob aus einem Besucher eine Anfrage wird. Wer website mobil optimiert, schöpft das volle Potenzial seines Traffics aus.
Google hat darauf bereits 2019 reagiert und auf Mobile-First-Indexierung umgestellt. Das bedeutet: Googles Algorithmus bewertet deine Website auf Basis der mobilen Version, nicht der Desktop-Ansicht. Eine Seite, die auf mobilen Endgeräten schlecht funktioniert, verliert Sichtbarkeit im Ranking. Weniger Sichtbarkeit bedeutet weniger Klicks und weniger Anfragen.
Für Handwerksbetriebe kommt noch etwas dazu: Wer vom Handy aus einen Handwerker sucht, will oft sofort handeln. Ein Tipp auf die Telefonnummer, direkt anrufen. Wenn dieser Klick nicht funktioniert, wechselt er zur nächsten Website. So einfach ist das.
🔍 Ist deine Website mobilfreundlich? So prüfst du es in 2 Minuten
Bevor du irgendetwas änderst, solltest du wissen, wo du gerade stehst. Der schnellste Weg: Nimm dein eigenes Handy, öffne deine Website und scrolle durch die Seite.
Achte dabei auf folgendes: - Musst du reinzoomen, um den Text lesen zu können? - Sind die Buttons so klein, dass du versehentlich auf die falsche Stelle tippst? - Bricht das Layout irgendwo aus dem Display heraus? - Lässt sich das Kontaktformular mit dem Daumen ausfüllen?
Praxis-Tipp: Geh direkt auf deine Kontaktseite und versuche, das Formular auf dem Handy auszufüllen. Wenn das frustrierend ist, ist es für deine Besucher genauso. Die kommen dann nicht wieder.
Zusätzlich gibt es den kostenlosen Google Mobile-Friendly Test: Die URL eingeben, Google analysiert die mobile Version und zeigt konkrete Probleme. Den Test findest du direkt in der Google Search Console unter „Nutzererfahrung".
❌ Diese 5 Fehler kosten dich täglich Anfragen
Die meisten Websites, die auf mobilen Geräten schlecht funktionieren, scheitern an denselben Stellen. Diese fünf kommen am häufigsten vor:
Zu kleiner Text und zu enge Schaltflächen
Auf dem Desktop sieht alles gut aus. Auf dem Smartphone ist der Text so klein, dass man zoomen muss. Schaltflächen liegen so eng beieinander, dass man daneben greift. Der Mindestabstand zwischen klickbaren Elementen sollte ungefähr einer Fingerkuppe entsprechen: rund 44×44 Pixel. Darunter wird es frustrierend.
Bilder nicht komprimiert: Ladezeit zu lang
Große, unkomprimierte Bilder sind auf dem Desktop kein Problem. Auf mobile Endgeräte wie Smartphones und Tablets übertragen dauert das zu lang, besonders bei schlechtem Mobilfunksignal. Wenn deine Website länger als 3 Sekunden braucht, verlässt ein großer Teil der Besucher die Seite, bevor sie überhaupt etwas gesehen hat. Bilder im WebP-Format reduzieren die Dateigröße oft um 60–80 % ohne sichtbaren Qualitätsverlust.
Navigation nicht mobil bedienbar
Ein klassisches Desktop-Menü mit 8 Punkten ist auf kleinen Bildschirmen kaum nutzbar. Auf dem Handy braucht es ein vereinfachtes Menü, typischerweise ein aufklappbares Hamburger-Menü mit den wichtigsten Punkten. Alles andere kostet den Besucher Zeit und Nerven.
Layout bricht auf kleinen Displays
Zweispaltige Layouts, nebeneinander stehende Bilder, fixe Breiten: All das bricht auf kleine Displays auseinander. Inhalte überlagern sich, Texte verschwinden, Bilder werden abgeschnitten. Das sieht unprofessionell aus und macht das Scrollen zur Qual.
Kontaktformular funktioniert am Handy nicht
Das ist der teuerste Fehler. Wenn das Formular auf dem Smartphone nicht korrekt angezeigt wird, Felder aus dem Display ragen oder die Tastatur alles verdeckt, bekommst du keine Anfragen. Auch nicht von Besuchern, die echtes Interesse hatten.
Wichtig: Google bewertet mobiloptimierte Seiten im Ranking besser als nicht-optimierte. Wer in der Region nicht auf Seite 1 erscheint, schaut zuerst, wie die eigene Seite auf dem Handy aussieht.
Wenn du wissen willst, was auf deiner Website grundsätzlich nicht stimmt, hilft auch ein Blick auf die häufigsten Website-Fehler bei Dachdeckern. Viele davon betreffen genauso Elektriker, Maler oder Sanitärbetriebe.
🌐 Optimierung für Mobilgeräte: Responsive Webdesign erklärt
Wenn du dich mit dem Thema beschäftigst, begegnet dir schnell der Begriff „Responsive Design". Was steckt dahinter?
Eine responsive Website passt ihr Layout automatisch an die Bildschirmgröße des jeweiligen Geräts an. Auf einem großen Desktop-Monitor sieht sie anders aus als auf einem Tablet, und auf dem Smartphone wieder anders. Die Inhalte bleiben gleich, aber Anordnung, Schriftgrößen und Abstände passen sich an unterschiedliche Bildschirmgrößen an.
Früher gab es oft eine separate mobile Website unter einer eigenen URL (oft m.deinefirma.de) neben der Desktop-Version. Das ist heute veraltet. Zwei getrennte Versionen bedeuten doppelten Pflegeaufwand, und Suchmaschinen bevorzugen eine einzige URL für alle Geräte.
Faustregel: Eine responsive Website passt sich automatisch an: Desktop, Tablet, Smartphone. Kein doppelter Pflegeaufwand, kein Chaos mit zwei Versionen. Eine mobile Webseite und eine Desktop-Version in einem.
Technisch wird Responsive Webdesign über CSS-Medienabfragen (CSS3) umgesetzt. Der Code erkennt, wie breit der Bildschirm gerade ist, und passt die Darstellung entsprechend an. Moderne Website-Systeme wie WordPress, TYPO3 oder Webflow machen das automatisch, wenn du ein aktuelles Theme verwendest. Ältere Websites, die vor 2015 gebaut wurden, müssen oft komplett neu aufgesetzt werden.
⚡ Website mobil optimieren: 6 Maßnahmen, die wirklich helfen
Jetzt zum praktischen Teil. Diese sechs Maßnahmen bringen am meisten, wenn deine Website auf Mobilgeräten noch nicht optimal läuft:
1. Responsives Design einsetzen oder eine neue Website erstellen
Wenn deine Website auf einer aktuellen Plattform läuft, ist Responsive Design oft schon eingebaut. Du musst eventuell nur das richtige Template wählen oder aktivieren. Bei älteren Websites, die ursprünglich nur für Desktop-Computer gebaut wurden, ist eine neue Website erstellen oft sinnvoller als mühsames Nachrüsten.
2. Bilder komprimieren und richtig ausliefern
Nutze das WebP-Format statt JPG oder PNG: gleiche Qualität, deutlich kleinere Dateigröße. Tools wie Squoosh oder das Plugin ShortPixel für WordPress erledigen das automatisch. Lade Bilder außerdem nur in der Größe hoch, in der sie angezeigt werden. Ein Bild mit 3.000 Pixeln Breite, das auf dem Smartphone in 400 Pixeln dargestellt wird, ist reine Datenverschwendung und kostet Ladezeit.
3. Buttons und Kontaktelemente fingertauglich machen
Telefonnummer im Header, Kontaktformular, „Jetzt anfragen"-Button: Alles muss groß genug sein, um mit dem Daumen treffsicher getippt zu werden. Ob auf dem iPhone, iPad oder Android-Gerät: Mindestgröße 44×44 Pixel, mit ausreichend Abstand zu anderen Elementen. Die Telefonnummer muss als klickbarer Link hinterlegt sein, damit sie direkt den Anruf startet.
4. Navigation vereinfachen und leicht navigieren
Begrenze dein Mobilmenü auf die 5 wichtigsten Punkte: Startseite, Leistungen, Referenzen, Über uns, Kontakt. Die Navigation ihrer Website muss auf dem Handy sofort verständlich sein. Der Besucher soll schnell navigieren können, ohne lange zu scrollen. Eine schlanke, mobile Nutzung der Navigation erhöht die Anfragen-Rate messbar.
5. Schriftgrößen erhöhen
Der Standard für Fließtext auf kleinen Displays ist 16 Pixel. Alles darunter zwingt den Nutzer zum Zoomen. Überschriften sollten deutlich größer sein, mindestens 22–26 Pixel, damit die Struktur auch auf kleinen Displays sofort erkennbar ist. Lesbarkeit ist keine Kleinigkeit: Wer scrollen und quetschen muss, liest nicht.
6. Ladezeit messen und verbessern
Nutze Google PageSpeed Insights oder GTmetrix: beide kostenlos, beide zeigen genau, was deine Seite langsam macht. Ziel ist, dass die Website schnell geladen wird, unter 3 Sekunden auf dem Mobilgerät. Das größte Stellrad ist fast immer der Content, also Bilder und Videos. Hohe Ladezeiten durch unkomprimierte Bilder und nicht optimierte Skripte sind die häufigste Ursache.
Praxis-Beispiel: Ein Sanitärbetrieb aus dem Rhein-Main-Gebiet hatte eine Ladezeit von über 7 Sekunden auf dem Smartphone, wegen unkomprimierter Fotos direkt von der Digitalkamera. Nach der Bildoptimierung war die Seite in 2,4 Sekunden schnell geladen. Die Absprungrate auf der Startseite sank danach deutlich.
Für einen vollständigen Überblick, was eine Handwerker-Website heute leisten muss, lohnt sich auch dieser Beitrag: 7 Elemente, die jede Handwerker-Website braucht.
📊 Was eine mobiloptimierte Website konkret bringt
Kurz gesagt: mehr Anfragen aus demselben Traffic.
Wer deine Website besucht, hat in der Regel schon Interesse. Das Problem ist nicht fehlendes Interesse. Es ist eine Website, die dieses Interesse nicht in eine Anfrage umwandelt. Mobile Optimierung schließt genau diese Lücke.
Das bedeutet konkret: - Weniger Besucher springen sofort wieder ab - Die Telefonnummer wird öfter geklickt - Das Kontaktformular wird öfter ausgefüllt - Google bewertet deine Seite besser, also mehr Sichtbarkeit und mehr organischer Traffic
Für lokale Handwerksbetriebe kommt ein weiterer Punkt dazu: Viele Wettbewerber in deiner Region haben diese Optimierungen noch nicht gemacht. Eine mobiloptimierte Website ist heute noch ein echtes Unterscheidungsmerkmal. Das Fenster wird kleiner, je mehr Betriebe nachziehen.
Wenn du eine neue Website oder einen professionellen Relaunch planst, schau dir an, was eine Handwerker-Website bei uns leisten kann.
Hinweis: Mobile-First-Indexierung ist seit 2023 für alle Websites weltweit aktiv. Google crawlt und bewertet deine Seite ausschließlich auf Basis der mobilen Version, nicht der Desktop-Ansicht. Wer das ignoriert, verliert langfristig Ranking und organische Sichtbarkeit.
✅ Fazit
Eine Website, die auf dem Handy schlecht funktioniert, kostet dich täglich Anfragen. Nicht weil die Besucher kein Interesse haben, sondern weil sie abspringen, bevor sie dich kontaktieren.
Mobile Optimierung ist kein Monats-Projekt. Mit den richtigen Maßnahmen: responsives Design, komprimierte Bilder, größere Schaltflächen, einfache Navigation, ist der Unterschied schnell spürbar. Und Google dankt es dir mit besseren Rankings.
Wenn du wissen willst, wo deine Website gerade steht und was sich am meisten lohnt: Wir schauen uns das kostenlos an und zeigen dir konkrete nächste Schritte.
