Definition
Responsive Design ist ein Webdesign-Ansatz, bei dem sich Layout, Bilder und Funktionen dynamisch an verschiedene Bildschirmgrößen anpassen.
Bedeutung für SEO
Seit Mobile-First Indexing unverzichtbar. Google bevorzugt responsive Websites, da sie auf allen Geräten funktionieren.
Kernprinzipien
- Fluid Grids: Prozentuale statt fixe Breiten
- Flexible Images:
max-width: 100% - Media Queries: CSS-Breakpoints
- Mobile-First: Von klein nach groß designen
Praxis-Tipp
- Viewport Meta Tag setzen
- Touch-freundliche Elemente (min. 48x48px)
- Lesbare Schriftgrößen (min. 16px)
- Mit Google Mobile-Friendly Test prüfen
Hinweis: Separate Mobile-URLs (m.example.com) sind veraltet - Responsive ist Standard.
Viewport Meta Tag
<meta name="viewport" content="width=device-width, initial-scale=1">