Responsives Design

Warum ist responsives Webdesign wichtig?

Die Zahl der Nutzer, die sich über ein mobiles Endgerät mit dem Web verbinden, steigt stetig an. Im Jahr 2015 überstieg die Zahl der mobilen Nutzer erstmalig die der Desktopnutzer. Ein klares Zeichen dafür, dass die Anpassung an verschiedene Endgeräte unverzichtbar geworden ist.

Eine Webseite ohne responsives Webdesign erfordert zum Beispiel am Smartphone eine Bedienung mit zwei Fingern. Der Benutzer muss immer wieder zoomen und scrollen, um einen Überblick über die Webseite zu erlangen. Das Menü lässt sich nur schwer finden und Texte sind nicht leicht zu lesen.

Diese Unannehmlichkeiten fallen durch responsives Design weg. Die Darstellung ist nun mobilfreundlich und ermöglicht eine einfache und angenehme Interaktion mit der Seite.

Einige Beispiele für angepasste Elemente sind:

• Schriftgrößen
• Die Breite der angezeigten Ansicht der Webseite
• Räume zwischen Schaltflächen und weiterführenden Links
• Die Darstellung von Bildern
• Das Interagieren – also zum Beispiel das Ausfüllen bestimmter Felder – mit der Webseite

Stößt ein Nutzer auf eine nicht angepasste Webseite, wird er diese schnell wieder verlassen, da sie im Vergleich zu anderen wenig ansprechend wirkt. Es ist also wichtig, dass auch Sie die Nutzung Ihrer Webseite durch responsives Webdesign möglichst angenehm gestalten.

Natürlich bedeutet dies für Sie mehr Arbeit, da verschiedene Endgeräte auch verschiedene Ansprüche haben. Doch wie Statistiken zeigen, lohnen sich diese Umstände in jedem Fall. Wer Nutzer für seine Webseite begeistern möchte, muss eine hohe Benutzerfreundlichkeit garantieren können.

Webseiten "mobile first" entwerfen

Klassischerweise waren Webseiten stets für Ansicht am Computerbildschirm optimiert. Mit dem Aufkommen mobiler Endgeräte und deren zunehmender Benutzung wurden nun diese Seiten nach und nach „responsiviert“. Dieses Vorgehen führt aber zu einigen Nachteilen:

• Der CSS-Code wird aufgebläht, da viel Desktop-Code für die Mobilversionen überschrieben werden muss.
• Die Performance der Seite leidet auf mobilen Geräten, da diese unnötigerweise immer erst den übergeordneten Desktop-Code verarbeiten müssen.
• Die mobile Variante der Seite sieht oft aus wie ein ungeliebtes Kind, das man irgendwie hinten dran gehangen hat.

Beim Mobile-First-Ansatz wird daher der Prozess umgedreht. Man beginnt damit, die Inhalte und das Layout der Webseite zunächst für mobile Endgeräte aufzubauen. Dadurch kann der CSS-Code entschlackt werden. Man erhält so mit weniger Programmieraufwand das gleiche visuelle Ergebnis,  verbessert gleichzeitig die Performance der Seite und erleichtert auch spätere Anpassungen an neue Entwicklungen. Da man die Seite primär für die Darstellung auf z.B. dem Smartphone entworfen hat, ist zusätzlich auch direkt maximale Funktionalität auf Mobilgeräten sichergestellt.

Aber auch die Desktop-Version profitiert von diesem Vorgehen: Denn bei Mobile First handelt es sich im Grunde nicht um einen design- sondern um einen contentbasierten Ansatz: Es kommen nur noch die wichtigsten Inhalte auf der Seite vor und nur wesentliche Dinge werden dargestellt.

Mittlerweile ist Mobile First zum Standard bei der Erstellung von Webseiten geworden. Und spätestens nachdem Google seit März 2021 komplett auf die Mobile-First-Indexierung umgestellt hat führt an diesem Ansatz eigentlich kein Weg mehr vorbei.

Responsives Webdesign und Googles Mobile-First-Indexierung

Google indexiert nur noch die Informationen, die in der mobilen Version einer Webseite zur Verfügung stehen. Verfügt Ihr Seite über ein responsives Design, haben Sie hier keine Probleme zu befürchten, da es inhaltlich keine Unterschiede zwischen der Desktop- und der Mobilvariante gibt.

Aber nicht nur das spricht für ein responsives Design. Google bewertet bereits seit 2015 auch die Mobilfreundlichkeit („Mobile Friendliness“) einer Webseite als Rankingfaktor, sodass responsives Webdesign gleich zwei Dinge für eine gelungene Suchmaschinenoptimierung sicherstellt:

• Alle relevanten Inhalte Ihrer Webseite stehen für die Google-Suche zur Verfügung.
• Die Positionierung Ihrer Webseite in den Suchergebnissen wird durch eine hohe Mobilfreundlichkeit verbessert.

Sie möchten Ihre Webseite fit für die Mobile-First-Indexierung machen?

ACANTARA hilft Ihnen gerne dabei! Wir unterstützen Sie bei der Umstellung Ihrer Seite auf ein responsives Design. Wir beraten Sie auch gerne dazu, was Sie sonst noch machen können, um Ihre Seite auf die Erfordernisse der Google-Suche zu optimieren.

Werfen Sie auch gerne einen Blick auf unsere anderen Leistungen und natürlich können Sie sich jederzeit mit Fragen an uns wenden. Nutzen Sie dafür einfach unser Kontaktformular oder rufen Sie uns direkt unter +49 (0) 211 601 67 90 an.