Responsive Design

Responsive Design bedeutet, dass sich das Design einer Website automatisch an das jeweilige Ausgabegerät (z. B. Desktop, Tablet oder Mobiltelefon) anpasst. Bei der Adaptation an verschiedene Gerätetypen verändern sich vor allem die Anordnung und Darstellung verschiedener Elemente der Website, wie zum Beispiel Texte, Bilder oder Navigationselemente anhand vorgegebener Rangfolgen und Parameter.

Diese Website wurde responsive codiert. Dies können Sie ganz einfach prüfen:

• Entweder, indem Sie versuchen, diese Website mit zwei verschiedenen Geräten z. B. Desktop und Mobiltelefon aufzurufen und die unterschiedliche Darstellung miteinander zu vergleichen.
• Wenn Sie an einem Desktop-PC sitzen und dort das Browserfenster verkleinern, werden Sie sehen, wie sich die Elemente der Website automatisch an die neue Breite der Seite anpassen.

Responsive Webdesign gehört seit ein paar Jahren nicht nur zum guten Ton, sondern hat sich inzwischen als Webstandard etabliert.

Dies liegt vor allem daran, dass Google seit Mitte 2015 alle Websites, die sich auf Smartphones und Tablets nicht gut darstellen damit abstraft, dass sie schlechtere Rankings bei den mobilen Suchergebnissen erhalten. Und das will nun wirklich niemand.

Übrigens: Google bietet allen die Möglichkeit, ihre Website auf Mobiltauglichkeit prüfen zu lassen. Hier gehts zum Test.