Responsive Webdesign
Responsive Webdesign bedeutet, dass sich eine Website automatisch an jede Bildschirmgröße anpasst — vom Smartphone über das Tablet bis zum großen Monitor —, ohne dass Inhalte abgeschnitten werden oder gezoomt werden muss.
Layouts, Bilder, Schriftgrößen und Navigation ordnen sich je nach Bildschirm neu an. Heute wird meist „mobile first“ gestaltet: zuerst für das Smartphone, dann für größere Bildschirme.
Google bewertet Websites überwiegend anhand ihrer mobilen Darstellung. Eine Seite, die auf dem Handy schlecht funktioniert, verliert damit sowohl Besucher als auch Sichtbarkeit.
Neben dem Layout zählen auf kleinen Bildschirmen auch ausreichend große Tippflächen, kurze Ladezeiten und Formulare, die sich mit dem Daumen bequem ausfüllen lassen.
Worauf du achten solltest
- Zuerst für das Smartphone gestalten, dann für größere Bildschirme erweitern.
- Auf echten Geräten testen, nicht nur im verkleinerten Browserfenster.
- Tippflächen ausreichend groß und mit genügend Abstand gestalten.
- Bilder je nach Bildschirm in passender Größe ausliefern.
- Tabellen und breite Inhalte so aufbereiten, dass die Seite nicht seitlich verrutscht.
Typische Fehler
- Die Desktop-Seite wird einfach verkleinert — Texte und Buttons sind auf dem Handy zu klein.
- Wichtige Inhalte werden mobil ausgeblendet.
- Pop-ups und Banner verdecken auf kleinen Bildschirmen den Inhalt.
Häufige Fragen
Es ist ein Anfang, garantiert aber keine gute mobile Bedienung. Entscheidend ist, ob Inhalte, Formulare und Ladezeiten auf dem Smartphone wirklich funktionieren — das zeigt nur ein Test auf echten Geräten.
Auf mehreren echten Smartphones durchklicken: Ist alles lesbar, sind Buttons gut zu treffen, lässt sich das Formular bequem ausfüllen, lädt die Seite zügig? Ergänzend helfen PageSpeed Insights und die Search Console.