Zum Hauptinhalt springen

Responsive Website

Responsivität ist ein zentrales Element des Webdesign. Sie stellt sicher, dass alle Inhalte einer Website auf jedem Endgerät korrekt und gut lesbar dargestellt werden. Sie sorgt für ein optimales Nutzungserlebnis bei Usern und wird daher von allen Suchmaschinen bevorzugt.

Was ist eine responsive Website?

Als „responsive Website“ bezeichnet man Internetseiten, die sich der Größe und Auflösung von den Endgeräten anpassen. Dadurch sind Logos, Bilder und Grafiken stets gut zu erkennen sowie Texte und Überschriften leicht zu lesen.

Technische Umsetzung von Responsivität

Responsivität von Websites wird technisch durch verschiedene Einstellungen hergestellt. Die Basis bildet ein flexibles Layout. Dieses passt seine Struktur dem jeweiligen Endgerät an. So werden definierte Bereiche und Objekte auf einem Computer nebeneinander, auf dem Smartphone hingegen untereinander angezeigt. Dabei werden die verschiedenen Elemente auch automatisch auf die passende Größte skaliert, um in diesen Strukturen zu bleiben. Außerdem werden die Schrift für Headlines und Texte für die verschiedenen Bildschirmgrößen der Endgeräte definiert.
Hinzu kommen dynamische Bedienoptionen, wie beispielsweise Navigationsbuttons an einer Slideshow, die auf dem Computer notwendig sind, um Inhalte anzusehen. Auf dem Smartphone oder Tablet hingegen, lassen sich diese Elemente dann mit dem Finger „sliden“ und bestimmte Buttons entfallen.

Warum muss eine Website responsiv sein?

Jede Website sollte heute responsiv und dafür optimiert sein. Zum einen greifen die meisten User per Smartphone auf Internetangebote zu. Sie brauchen daher eine Website, die für ihre Nutzung geeignet ist. Andernfalls verlassen sie die Internetseite sofort und kehren in der Regel nicht zurück.
Zum anderen bevorzugen Suchmaschinen, allen voran Google, responsive Websites. Auch Suchmaschinen werden heute vorwiegend mit dem Smartphone bedient. Die Suchergebnisse, also die empfohlenen Internetseiten sollten dazu passen. Stellt Google fest, dass eine Website nicht responsiv ist, wird auf diese in der Regel nicht verwiesen.