Mobiles Makeover: So wird deine Website fit fürs Handy

Eine Website ist mobil gut, wenn ein Kunde auf dem Handy in wenigen Sekunden sieht, was du machst, und dich mit einem Tipp anrufen oder anschreiben kann. Dafür braucht es ein Layout, das sich an den Bildschirm anpasst, schnelle Ladezeiten, große Knöpfe und dieselben Inhalte wie am Rechner. Google bewertet deine Website ohnehin nach der Handyfassung.

Für deinen Betrieb ist das keine Designfrage. Wer abends auf dem Sofa einen Fliesenleger sucht oder auf der Baustelle schnell einen Elektriker braucht, hat das Handy in der Hand. Wenn deine Seite dort hakt, ruft er beim nächsten Betrieb an. Die Kurzfassung:

1. Responsives Design nutzen, damit sich die Seite jeder Bildschirmgröße anpasst.
2. Bilder verkleinern, damit die Seite schnell lädt.
3. Telefonnummer als anklickbaren Link einbauen und Knöpfe groß genug machen.
4. Auf dem Handy dieselben Inhalte zeigen wie am Rechner.
5. Die Seite selbst auf dem Handy testen, inklusive Formular.

Warum zählt für Google die Handyfassung deiner Website?

Google nutzt für Indexierung und Ranking die mobile Version deiner Inhalte, gecrawlt mit dem Smartphone-Crawler. Das nennt Google Mobile-First-Indexierung und beschreibt es in den Best Practices für mobile Websites.

Was das praktisch heißt: Was auf dem Handy fehlt, fehlt für Google. Manche Seiten blenden auf dem Handy Texte, Bewertungen oder ganze Abschnitte aus, um Platz zu sparen. Google empfiehlt ausdrücklich, auf der mobilen Website dieselben Inhalte zu zeigen wie auf der Desktop-Website. Platz sparen darfst du trotzdem, zum Beispiel mit aufklappbaren Bereichen. Löschen solltest du nichts.

Dasselbe gilt für Überschriften und strukturierte Daten. Google rät, auf beiden Fassungen dieselben klaren Überschriften und dieselben strukturierten Daten zu verwenden.

Was ist responsives Design und brauchst du es?

Responsives Design heißt: Deine Website hat einen einzigen Code, der sich je nach Bildschirm anders anordnet. Auf dem Rechner stehen drei Spalten nebeneinander, auf dem Handy untereinander. Google nennt in den Best Practices drei Wege zu einer mobilen Website und empfiehlt dabei responsives Webdesign, weil es am einfachsten umzusetzen und zu pflegen ist.

Die meisten aktuellen WordPress-Themes und Baukästen arbeiten responsiv. Trotzdem lohnt ein Blick. Ältere Seiten, die vor vielen Jahren gebaut und seitdem nur ergänzt wurden, haben oft Tabellen, feste Breiten oder eingebettete Elemente, die auf dem Handy aus dem Bild rutschen. Wenn du auf dem Handy seitlich wischen musst, um etwas zu lesen, stimmt etwas nicht.

Wie schnell muss deine Website auf dem Handy laden?

Google gibt mit den Core Web Vitals drei Richtwerte vor. Der größte sichtbare Inhalt sollte innerhalb von 2,5 Sekunden geladen sein. Die Seite sollte auf Eingaben in weniger als 200 Millisekunden reagieren. Und sie sollte beim Laden nicht springen, gemessen als Cumulative Layout Shift unter 0,1.

Die größten Bremsen auf Betriebsseiten sind fast immer dieselben:

• Fotos direkt aus der Kamera, viel zu groß für eine Website. Verkleinere sie vor dem Hochladen und nutze moderne Formate wie WebP.
• Ein Video oder ein großer Bild-Slider ganz oben, der beim Öffnen sofort lädt.
• Zu viele Plugins, die jeweils eigene Skripte mitbringen.
• Eingebettete Karten, Videos oder Social-Media-Fenster, die schon beim Laden der Seite fremde Inhalte nachladen.

Wie deine Seite abschneidet, siehst du in der Google Search Console im Bericht „Core Web Vitals“ und mit PageSpeed Insights. Schau dort auf die Werte für Mobilgeräte, nicht nur für Desktop.

Wie machst du es Besuchern auf dem Handy leicht, dich zu erreichen?

Am Ende soll aus dem Besuch eine Anfrage werden. Auf dem Handy heißt das vor allem: anrufen oder kurz schreiben, ohne Umwege.

• Die Telefonnummer ist ein anklickbarer Link. Ein Tipp, und das Telefon wählt.
• Knöpfe sind groß genug für den Daumen und haben Abstand zueinander, damit niemand aus Versehen das Falsche trifft.
• Der wichtigste Knopf ist ohne Scrollen sichtbar.
• Das Kontaktformular fragt nur ab, was du wirklich brauchst. Jedes zusätzliche Pflichtfeld ist auf dem Handy mühsamer als am Rechner.
• Kein Pop-up, das den Inhalt verdeckt, sobald die Seite geöffnet wird.

Achte auch auf die Linktexte. „Hier klicken“ ist auf dem Handy doppelt schwach: Der Text sagt nichts, und das Wort ist ein kleines Ziel für den Finger. „Termin für die Heizungswartung anfragen“ als großer Knopf ist besser.

Wie schreibst du Texte, die auf dem Handy gelesen werden?

Du musst deine Texte nicht kürzen, bis nichts mehr übrig ist. Google bewertet die Inhalte der Handyfassung, und Kunden wollen ihre Fragen beantwortet haben. Aber du musst sie lesbar machen:

• Kurze Absätze mit wenigen Sätzen, dann eine Pause.
• Zwischenüberschriften, die als Frage formuliert sind, so wie Kunden sie stellen.
• Das Wichtigste zuerst. Wer nur den ersten Absatz liest, soll wissen, was du anbietest und wo.
• Eine Schrift, die ohne Zoomen lesbar ist.

Längere Inhalte wie Ablauf, häufige Fragen oder Referenzen kannst du in aufklappbare Bereiche packen. Dann bleibt die Seite übersichtlich, und der Inhalt ist trotzdem da.

Wie testest du deine Website auf dem Handy?

Am besten mit deinem eigenen Handy und dem eines Mitarbeiters mit einem anderen Gerät. Geh die Seite durch, als wärst du ein Kunde:

1. Such bei Google nach deiner Leistung und deinem Ort und öffne deine Seite aus den Ergebnissen.
2. Prüf, ob du in den ersten Sekunden verstehst, was der Betrieb macht und wo.
3. Tipp auf die Telefonnummer. Wählt das Handy?
4. Füll das Kontaktformular aus und schick es ab. Kommt die Anfrage bei dir an?
5. Schau, ob irgendwo Text abgeschnitten ist oder du seitlich wischen musst.

Für die Technik ergänzen PageSpeed Insights und die Search Console diesen Test. Den Praxistest ersetzen sie nicht. Ein Formular, das auf dem Handy nicht abschickt, zeigt dir kein Messwert so deutlich wie ein eigener Versuch.

Häufige Fragen zur mobilen Website

Woran erkenne ich, ob meine Website mobil gut funktioniert?

Öffne sie auf deinem Handy. Musst du zoomen oder seitlich wischen, sind Knöpfe zu klein oder lädt die Seite spürbar lange, gibt es Handlungsbedarf. Die Werte für Mobilgeräte in PageSpeed Insights und der Core-Web-Vitals-Bericht in der Search Console zeigen dir die technischen Details.

Brauche ich eine eigene App statt einer mobilen Website?

Für einen Handwerksbetrieb in aller Regel nicht. Kunden, die einen Betrieb suchen, installieren dafür keine App. Eine Website, die auf dem Handy gut funktioniert, reicht.

Darf die Handyfassung weniger Inhalt haben als die Desktopfassung?

Besser nicht. Google indexiert die mobile Fassung. Inhalte, die dort fehlen, kann Google nicht berücksichtigen. Nutze lieber aufklappbare Bereiche.

Wie oft sollte ich die mobile Darstellung prüfen?

Nach jeder größeren Änderung an der Website, nach Updates von Theme oder Plugins und zusätzlich alle paar Monate. Ein kurzer Durchgang mit dem eigenen Handy reicht oft schon.

Du willst wissen, wie deine Website auf dem Handy bei Kunden ankommt?

Wir gehen deine Website mit dir auf dem Handy durch, vom Suchergebnis bis zum abgeschickten Formular, und zeigen dir, wo Besucher hängen bleiben und was du zuerst ändern solltest. Kostenloses Erstgespräch