Responsive Design

Responsive Design, einfach erklärt

Responsive Design (auf Deutsch etwa: anpassungsfähiges Design) sorgt dafür, dass dieselbe Website auf dem Smartphone, dem Tablet und dem Computer gut lesbar und bedienbar ist. Es gibt keine getrennte Handy-Seite. Die Inhalte ordnen sich je nach Breite des Bildschirms neu an. Für Besucher ist das unsichtbar, wenn es gut gemacht ist: Sie lesen einfach, ohne zoomen zu müssen.

Technisch geschieht das mit flexiblen Layouts und Regeln, die ab bestimmten Bildschirmbreiten greifen. Auf dem Handy steht ein Text in einer Spalte, Menüs klappen zusammen und Schaltflächen sind groß genug für den Daumen. Auf dem Computer verteilen sich dieselben Inhalte auf mehrere Spalten. Dazu meldet der Browser die Breite des Bildschirms, und die Seite wählt die passende Anordnung.

Google empfiehlt responsives Design ausdrücklich, weil unter einer Adresse derselbe Inhalt für alle Geräte ausgeliefert wird. Das ist für Betreiber am einfachsten zu pflegen. Außerdem nutzt Google für Suche und Bewertung die mobile Version einer Seite. Eine Seite, die am Handy schlecht funktioniert, verliert also Besucher und wird von der Suche genau in dieser schlechten Version beurteilt.

Prüfen Sie die Seite nicht nur am Computer, sondern auf einem echten Smartphone. Typische Fehler sind zu kleine Schrift, Schaltflächen, die zu dicht beieinander liegen, Tabellen, die über den Rand laufen, und Bilder, die in voller Größe geladen werden und die Seite verlangsamen. Auch das Querformat und kleinere Bildschirme älterer Geräte gehören zur Prüfung.