Responsive Design

19. Sept. 2023
2 Min. Lesezeit

Aktualisiert: 15. Juli

https://video.wixstatic.com/video/b352f8_b8fdae0fcf334ec786612a6934cdc29b/1080p/mp4/file.mp4

Responsive Design heißt: Deine Webseite passt sich an das Gerät an, auf dem sie geöffnet wird. Handy, Tablet, Laptop – überall lesbar, überall bedienbar.

Die Frage ist längst nicht mehr, ob Deine Seite mobil funktionieren muss. Sondern ob sie es tut.

Warum mobil zuerst kommt

Der Großteil der Zugriffe kommt heute vom Handy – bei lokalen Suchen fast alles. Jemand steht in der Stadt, sucht „Elektriker in der Nähe" und ruft aus dem Ergebnis heraus an.

Deshalb hat sich die Reihenfolge gedreht: Früher wurde für den Desktop gebaut und die Handyansicht hinterhergeschoben. Heute plant man mobil zuerst – der schwierigere Fall zwingt zu Klarheit.

Was Google dazu sagt

Google bewertet Seiten anhand ihrer mobilen Version. Nicht ergänzend – ausschließlich. Was auf dem Handy nicht funktioniert, ist auch am Desktop schlecht platziert.

Kriterium	Wirkung
Mobile Bedienbarkeit	Direkter Rankingfaktor
Ladezeit auf dem Handy	Rankingfaktor und Absprungrate
Lesbare Schriftgrößen	Wer zoomen muss, geht
Klickbare Elemente	Zu enge Buttons kosten Anfragen

Woran Du ein Problem erkennst

Du brauchst kein Analysetool. Nimm Dein Handy und öffne Deine Seite:

Musst Du zoomen? Dann ist die Schrift zu klein.
Musst Du seitlich schieben? Dann bricht das Layout.
Triffst Du die Buttons? Zu eng nebeneinander heißt: Fehlklicks statt Anfragen.
Wie lange lädt sie? Über drei Sekunden im Mobilfunknetz ist zu langsam.
Findest Du die Nummer sofort? Wenn nicht, findet sie auch Dein Kunde nicht.

Wenn Dich Deine eigene Seite auf dem Handy nervt, nervt sie Deine Kunden auch.

Was mobil anders sein muss

Weniger auf einmal – was am Desktop nebeneinander passt, muss mobil untereinander funktionieren.
Größere Klickflächen – ein Finger ist ungenauer als ein Mauszeiger.
Kürzere Texte – niemand liest lange Absätze in der Bahn.
Kontakt immer erreichbar – Anruf-Button, der mitläuft, nicht im Fußbereich versteckt.

Häufige Fragen zu Responsive Design

Brauche ich eine eigene mobile Webseite?

Nein. Getrennte Handy-Seiten waren vor Jahren üblich und sind heute überholt – doppelte Pflege, doppelte Fehlerquellen. Eine responsive Seite passt sich selbst an, das ist Standard.

Ist meine Wix- oder WordPress-Seite automatisch responsive?

Meistens grundsätzlich ja, aber automatisch heißt nicht gut. Gerade wenn Elemente frei platziert wurden, verrutscht mobil einiges. Prüfen musst Du selbst – am eigenen Handy.

Was kostet es, eine Seite responsive zu machen?

Bei einer neueren Seite ist es meist Nacharbeit an Layout und Ladezeit. Bei einer alten, die technisch nicht dafür gebaut wurde, kann ein Neubau günstiger sein als das Flicken.

Wie teste ich meine Seite richtig?

Am echten Handy, im Mobilfunknetz, nicht im WLAN – so surfen Deine Kunden. Der Browser-Vorschaumodus zeigt Layout-Probleme, aber nicht die wahre Ladezeit.

Reicht es, wenn die Seite auf dem Handy irgendwie angezeigt wird?

Nein. Angezeigt werden reicht nicht – sie muss bedienbar sein. Wer zoomt, schiebt und danebentippt, fragt nicht an, sondern geht zum nächsten Ergebnis.