Responsive Design

Eine Gestaltung, bei der sich eine Website automatisch an die Bildschirmgröße von Smartphone, Tablet und Desktop anpasst.

Auch bekannt als: Responsives Webdesign, mobilfreundliches Design, Mobile Optimierung

Responsive Design bedeutet, dass sich das Layout einer Website automatisch an das Gerät anpasst, auf dem sie angezeigt wird. Auf dem Smartphone stehen Inhalte etwa untereinander, auf dem Monitor nebeneinander – ohne dass es zwei getrennte Seiten braucht.

Technisch geschieht das über CSS, das je nach Bildschirmbreite unterschiedliche Regeln anwendet. Responsive Design ist heute Standard: Der Großteil der Besucher kommt mobil, und Google bewertet vorrangig die mobile Version einer Seite (Mobile-First-Indexierung). Eine Website, die am Handy nicht gut funktioniert, verliert Besucher und Rankings.

Siehe auch