Website auf dem Handy: Worauf es wirklich ankommt

Warum das Handy zuerst zählt

Ein typischer Moment: Jemand steht vor der verschlossenen Praxistür, im Auto vor der Werkstatt oder zu Hause vor dem tropfenden Wasserhahn – und sucht auf dem Smartphone. In dieser Situation will niemand zoomen, scrollen und suchen. Er will anrufen, die Adresse finden oder kurz prüfen, ob Sie das Richtige anbieten.

Auch Google schaut zuerst aufs Handy: Laut Google Search Central wird die mobile Version der Inhalte, erfasst mit einem Smartphone-Crawler, für Indexierung und Ranking verwendet. Inhalte, die nur in der Desktop-Version stehen, zählen damit im Zweifel weniger. Eine Website, die am großen Bildschirm gut aussieht, auf dem Handy aber hakt, verschenkt also doppelt.

Prüfen Sie deshalb regelmäßig, wie Ihre Seite auf einem durchschnittlichen Smartphone wirkt – nicht nur auf dem neuesten Modell.

Klick-zum-Anrufen und Kontaktwege

Der wichtigste Knopf auf einer mobilen Website kleiner Betriebe ist oft der Anruf-Knopf. Darauf kommt es an:

• Antippbare Nummer: Die Telefonnummer muss als Anruf-Link hinterlegt sein, damit ein Fingertipp den Anruf startet. Eine Nummer als Bild oder als normaler Text zwingt Kunden zum Abtippen.
• Immer erreichbar: Oben auf jeder Seite oder als fester Knopf am unteren Bildschirmrand – ohne das Menü öffnen zu müssen.
• Weitere Wege: Route zur Adresse (Link zu einer Kartenanwendung), E-Mail-Link, Kontaktformular. WhatsApp nur, wenn Sie den Kanal auch betreuen und datenschutzrechtlich geklärt haben.
• Erreichbarkeit nennen: „Telefon Mo–Fr 7–17 Uhr“ direkt neben dem Knopf verhindert Frust.

Ein Beispiel: Eine Kinderarztpraxis zeigt oben „Anrufen“, „Anfahrt“ und „Sprechzeiten“ als drei große Knöpfe. Mehr braucht der erste Bildschirm für die meisten Eltern nicht.

Lesbarkeit und Bedienung mit dem Daumen

Auf dem kleinen Bildschirm entscheiden Details:

• Schriftgröße: Fließtext so groß, dass man ihn ohne Zoomen bequem liest. Kurze Absätze, klare Zwischenüberschriften.
• Kontrast: Dunkle Schrift auf hellem Grund. Hellgrau auf Weiß ist in der Sonne unlesbar.
• Schaltflächen groß genug: web.dev empfiehlt Tippflächen von etwa 48 × 48 Pixeln (geräteunabhängig) und rund 8 Pixel Abstand dazwischen, damit man nicht versehentlich das Falsche trifft.
• Kein seitliches Scrollen: Tabellen, Bilder und Texte müssen in die Bildschirmbreite passen.
• Störende Einblendungen vermeiden: Ein Pop-up, das den ganzen Bildschirm verdeckt und dessen Schließen-Kreuz winzig ist, vertreibt Besucher. Auch das Cookie-Banner sollte schlicht und schnell zu bedienen sein.
• Formulare kurz halten: Auf dem Handy tippt niemand gern. Passende Feldtypen (Tastatur für Telefonnummern und E-Mail) helfen.

Gute Lesbarkeit hilft übrigens allen – auch älteren Kunden und Menschen mit Sehschwäche.

Core Web Vitals einfach erklärt

Google misst die Nutzererfahrung mit drei Kennzahlen, den Core Web Vitals. Gemessen wird bei echten Besuchern, bewertet wird der Wert, den 75 Prozent der Seitenaufrufe erreichen – getrennt nach Handy und Computer.

Dazwischen liegt jeweils der Bereich „Verbesserung nötig“. INP hat die frühere Kennzahl FID abgelöst und betrachtet alle Interaktionen während eines Besuchs, nicht nur die erste.

In Alltagssprache: LCP ist „Wie schnell sehe ich etwas?“, INP ist „Passiert etwas, wenn ich tippe?“ und CLS ist „Springt mir der Knopf weg, kurz bevor ich draufdrücke?“. Gerade Letzteres kennt jeder: Man will „Anrufen“ tippen, ein Bild lädt nach, und man landet woanders.

So testen Sie Ihre Website selbst

1. Eigenes Handy: Website im mobilen Netz öffnen, nicht im WLAN. Rufen Sie testweise an, öffnen Sie die Route, schicken Sie das Formular ab.
2. PageSpeed Insights: Adresse eingeben und die Auswertung für Mobilgeräte ansehen. Oben stehen – falls genug Besucherdaten vorhanden sind – die echten Werte der Core Web Vitals aus den letzten 28 Tagen. Darunter folgt ein Labortest mit konkreten Verbesserungsvorschlägen.
3. Fremde Person: Lassen Sie jemanden ohne Vorwissen eine Aufgabe lösen, zum Beispiel „Finde heraus, ob die Werkstatt Klimaanlagen wartet, und ruf an“.

Bei kleinen Websites fehlen oft echte Besucherdaten. Dann zeigt PageSpeed Insights nur den Labortest. Dessen Ergebnis kann von Durchlauf zu Durchlauf schwanken – wichtiger als die genaue Zahl ist, ob die Hinweise auf große Bilder, blockierende Skripte oder verrutschende Elemente zutreffen.

Inhalte für den kleinen Bildschirm planen

Eine mobile Website ist nicht einfach die verkleinerte Desktop-Version. Auf dem Handy steht alles untereinander – die Reihenfolge entscheidet also, was Besucher zuerst sehen. Planen Sie deshalb bewusst:

1. Oben: Was Sie tun, wo, und der Anruf-Knopf.
2. Danach: Die wichtigsten Leistungen als kurze Liste mit Links.
3. Dann: Vertrauen – echte Fotos, Kundenstimmen, Qualifikationen.
4. Unten: Öffnungszeiten, Adresse, Kontaktformular.

Achten Sie darauf, dass auf dem Handy keine wichtigen Inhalte fehlen, die am Computer sichtbar sind. Manche Vorlagen blenden auf kleinen Bildschirmen ganze Bereiche aus. Da Google die mobile Version für Indexierung und Ranking nutzt, sollten Texte, Überschriften und Bildbeschreibungen dort vollständig vorhanden sein.

Auch Menüs verdienen einen zweiten Blick: Mehr als sechs bis sieben Hauptpunkte sind auf dem Handy unübersichtlich. Fassen Sie zusammen, was zusammengehört.

Die häufigsten Ursachen – und was hilft

• Riesige Bilder: Ein Titelbild direkt aus der Kamera mit mehreren Megabyte bremst jedes Handy. Bilder verkleinern, komprimieren, moderne Formate wie WebP oder AVIF nutzen.
• Zu viele Zusatzprogramme: Slider, Chat-Fenster, eingebettete Karten und Social-Media-Feeds laden jeweils eigenen Code. Fragen Sie bei jedem: Brauchen Kunden das wirklich?
• Fehlende Größenangaben: Bilder und eingebettete Elemente ohne festen Platz lassen den Inhalt beim Laden springen.
• Veraltetes Baukasten-Design: Manche ältere Vorlagen sind nicht für Smartphones gebaut. Dann hilft oft nur ein Neuaufbau.

Wie Sie konkret bei der Ladezeit vorgehen, lesen Sie im Ratgeber „Langsame Website? So finden und beheben Sie die Ursachen“. Wenn Sie sehen möchten, wie Ihre Website auf dem Handy aussehen könnte: Wir bauen einen kostenlosen Vorab-Entwurf aus den Inhalten, die schon öffentlich sind.

Häufige Fragen

Allgemeine Information, keine Rechts- oder Steuerberatung. Stand 2026-10.