Die meisten Menschen öffnen Ihre Website heute am Smartphone. Funktioniert sie dort nicht sauber – winzige Schrift, verrutschte Buttons, langes Zoomen –, sind die Besucher schneller wieder weg, als Sie „Anfrage“ sagen können. Und Google stuft Seiten, die auf dem Handy schlecht laufen, schlechter ein. Die Lösung heißt responsives Design: eine Website, die sich automatisch an jeden Bildschirm anpasst.
Das Wichtigste in Kürze:
- Über die Hälfte der Besucher – oft deutlich mehr – kommt über das Handy.
- Eine nicht mobil-taugliche Seite verliert Anfragen und wird bei Google schlechter platziert.
- Responsives Design löst das: ein Auftritt, der auf Handy, Tablet und PC gut aussieht.
- Der beste Test kostet nichts: Rufen Sie Ihre Seite auf dem eigenen Handy auf.
Inhalt
Warum die mobile Ansicht entscheidet
Wer unterwegs einen Handwerker, ein Restaurant oder einen Dienstleister sucht, tut das am Handy – schnell, oft mit konkreter Absicht. Landet dieser Mensch auf einer Seite, die er erst zurechtzoomen muss, ist er meist sofort wieder weg und beim nächsten Treffer. Ein kleiner Bildschirm verzeiht keine Website, die nur für den großen PC-Monitor gebaut wurde. Genau hier entscheidet sich, ob aus einem Besucher ein Anruf wird.
Responsives Design: eine Seite für alle Geräte
Responsives Design bedeutet: Es gibt nicht zwei getrennte Websites (eine fürs Handy, eine für den PC), sondern eine einzige, die sich automatisch anpasst. Auf dem Handy rutschen die Inhalte untereinander, Menü und Buttons werden größer und fingertauglich, Bilder passen sich der Breite an. Der große Vorteil: Sie pflegen Ihre Inhalte nur an einer Stelle – nichts muss doppelt gemacht werden.
Absprünge vermeiden: was mobil wirklich zählt
- Große, gut lesbare Schrift – ohne Zoomen.
- Fingertaugliche Buttons mit genug Abstand, damit man nicht danebentippt.
- Telefonnummer zum Antippen, die direkt den Anruf startet.
- Schnelle Ladezeit – mobil oft mit schwächerem Empfang.
Mein Tipp: Bedienen Sie Ihre Website einmal nur mit dem Daumen, einhändig, wie im Alltag. Kommen Sie überall hin, ohne zu zoomen, und ist die Telefonnummer mit einem Tipp erreichbar? Bei einem Kunden war die Nummer nur ein Bild – man konnte sie nicht antippen. Nach der Umstellung auf einen echten Anruf-Link kamen spürbar mehr Anrufe direkt vom Handy.
Jens Schulz, Trafmo
Formulare fürs Handy einfach machen
Tippen auf dem Handy ist mühsam – jedes unnötige Feld kostet Anfragen. Fragen Sie nur ab, was Sie wirklich brauchen. Ein technischer, aber wichtiger Punkt: Felder sollten dem Handy sagen, welche Tastatur passt. Beim Telefonfeld erscheint dann das Zahlenfeld, beim E-Mail-Feld die Tastatur mit dem @-Zeichen. Das klingt klein, macht das Ausfüllen aber deutlich angenehmer – und angenehm heißt: mehr abgeschickte Anfragen.
Noch komfortabler wird es, wenn die Felder richtig benannt sind: Dann bietet das Handy an, bereits gespeicherte Daten mit einem Tipp automatisch einzutragen. Dahinter stecken feste Feld-Kennungen (das sogenannte autocomplete-Attribut), an denen der Browser erkennt, was ins Feld gehört:
| Feld | Kennung (autocomplete) | Was automatisch eingetragen wird |
|---|---|---|
| Name | name | Vor- und Nachname |
| Vorname / Nachname | given-name / family-name | Vorname bzw. Nachname einzeln |
email | E-Mail-Adresse | |
| Telefon | tel | Telefonnummer |
| Firma | organization | Firmenname |
| Straße & Nr. | street-address | Anschrift |
| PLZ | postal-code | Postleitzahl |
| Ort | address-level2 | Wohnort |
Ihr Webdesigner hinterlegt diese Kennungen einmal im Formular – für Ihre Besucher fühlt es sich dann an, als fülle sich das Formular fast von selbst aus. Genau solche kleinen Erleichterungen entscheiden am Handy darüber, ob eine Anfrage abgeschickt oder abgebrochen wird.
Warum Google mobile Seiten bevorzugt
Google bewertet Websites überwiegend danach, wie gut sie auf dem Handy funktionieren. Seiten, die dort sauber laufen, bekommen tendenziell bessere Platzierungen. Der Grund ist einfach: Wenn Besucher schnell finden, was sie suchen, und nicht sofort abspringen, wertet Google das als gutes Zeichen. Eine mobil-taugliche Seite zahlt also doppelt ein – bei den Besuchern und bei der Sichtbarkeit in der Suche.
Lohnt sich der Aufwand?
Eine neue oder umgebaute Website kostet zunächst Geld. Der Aufwand rechnet sich aber meist schnell: weniger Absprünge, mehr Anfragen, nur eine Seite zu pflegen und eine bessere Position bei Google. Wenn Ihre aktuelle Seite auf dem Handy hakt, ist das selten „nice to have“, sondern der Punkt, an dem die meisten Anfragen verloren gehen. Häufige Fehler rund um die Handy-Ansicht finden Sie auch im Beitrag Die häufigsten Webdesign-Fehler.
Funktioniert Ihre Seite auf dem Handy?
Wir schauen uns Ihre Website auf dem Smartphone an und sagen ehrlich, wo Anfragen verloren gehen – und was sich am schnellsten lohnt. Kostenlos und unverbindlich.
Häufige Fragen
Woran erkenne ich, ob meine Website mobil-tauglich ist?
Rufen Sie sie auf Ihrem Handy auf: Ist die Schrift ohne Zoomen lesbar, sitzen die Buttons richtig, lässt sich die Telefonnummer antippen und lädt die Seite zügig? Wenn Sie zoomen oder seitlich schieben müssen, ist sie es nicht.
Was ist responsives Design?
Eine Website, die sich automatisch an die Bildschirmgröße anpasst – Handy, Tablet, PC. Es gibt nur einen Auftritt, der überall gut aussieht, statt getrennter Seiten für verschiedene Geräte.
Brauche ich eine eigene App fürs Handy?
Für die meisten lokalen Unternehmen nein. Eine gut gemachte, mobil-taugliche Website reicht völlig und ist deutlich günstiger als eine eigene App – die Besucher müssen nichts installieren.
Wirkt sich die Handy-Ansicht wirklich auf Google aus?
Ja. Google bewertet Seiten überwiegend nach ihrer mobilen Version. Läuft die Seite auf dem Handy schlecht, kann das die Platzierung spürbar kosten.
Kann man eine bestehende Website nachträglich mobil-tauglich machen?
Oft ja. Je nach Alter und Technik der Seite reicht eine Anpassung, manchmal ist ein Neuaufbau sinnvoller. Was in Ihrem Fall günstiger ist, lässt sich schnell einschätzen.