Responsive Webdesign
Auch: Responsive Design, mobilfreundliche Website, Mobile First
Responsive Webdesign bedeutet, dass sich eine Website automatisch an die Bildschirmgröße anpasst – vom Smartphone über das Tablet bis zum großen Monitor. Inhalte bleiben auf jedem Gerät lesbar und bedienbar.
Was ist Responsive Webdesign?
Statt getrennter Versionen für Desktop und Smartphone gibt es bei Responsive Webdesign eine einzige Website. Das Layout ordnet sich per CSS je nach Bildschirmbreite neu an: Spalten werden untereinander gestellt, Navigationen verwandeln sich in ein Menü, Bilder werden passend skaliert. Google empfiehlt Responsive Webdesign als einfachste und am leichtesten zu pflegende Lösung.
Warum es für SEO wichtig ist
Google nutzt für die Indexierung und das Ranking vorwiegend die mobile Version einer Website („Mobile-First-Indexierung“). Fehlen Inhalte auf dem Smartphone oder sind sie schwer bedienbar, wirkt sich das auch auf die Sichtbarkeit aus.
Checkliste
| Punkt | Worauf achten? |
|---|---|
| Viewport | Meta-Tag „viewport“ ist gesetzt |
| Schriftgrößen | Texte ohne Zoomen lesbar, Überschriften passen in die Breite |
| Bedienelemente | Buttons groß genug und mit Abstand |
| Gleiche Inhalte | Mobil dieselben Texte, Bilder und strukturierten Daten wie am Desktop |
| Ladezeit | gute Core Web Vitals auch im Mobilfunknetz |
| Kein horizontales Scrollen | Tabellen und Bilder passen sich an |
Häufige Fragen
Wie teste ich, ob meine Website responsive ist?
Mit den Entwicklertools des Browsers in verschiedenen Gerätegrößen und mit echten Geräten. PageSpeed Insights zeigt zusätzlich mobile Messwerte.
Ist jede neue Website automatisch responsive?
Die meisten modernen Themes sind es, aber eigene Inhalte wie lange Überschriften, breite Tabellen oder eingebettete Elemente müssen trotzdem geprüft werden.
Alle Revier59-Webdesign-Pakete sind responsive. Mehr zum Neustart einer Website: Relaunch-Checkliste.