Kurz erklärt
Eine Website mit Responsive Design passt sich automatisch an den Bildschirm an, auf dem sie gerade angezeigt wird. Es gibt nur eine Website, aber sie ordnet Inhalte je nach Platz neu an: am Monitor nebeneinander, am Smartphone untereinander.
Woran erkennt man eine responsive Website?
- Kein Zoomen nötig: Texte sind auch am Handy ohne Vergrößern lesbar.
- Kein seitliches Scrollen: Alles passt in die Breite des Bildschirms.
- Gut bedienbar mit dem Finger: Buttons und Links sind groß genug und nicht zu eng beieinander.
- Angepasste Navigation: Auf kleinen Bildschirmen wird das Menü z. B. zu einem aufklappbaren Menü.
Warum ist das wichtig?
Der Großteil der Besucher kommt heute mit dem Smartphone. Ist eine Website dort umständlich zu bedienen, springen sie schnell wieder ab. Außerdem bewertet Google Websites vorrangig anhand ihrer Mobilversion. Wer dort schwächelt, wird schlechter gefunden.
Mehr als nur „passt irgendwie“
Viele Baukästen und Templates werben mit „responsive“, doch oft wird die Desktop-Ansicht am Handy nur zusammengeschoben. Gutes Responsive Design bedeutet, jede Bildschirmgröße bewusst zu gestalten und auf echten Geräten zu testen.