Responsive Webdesign: Bestehst du die Prüfung?

Die 75% der Internet-Suchen im Jahr 2017 werden über mobile Geräte durchgeführt. Damit ist die große Frage: Bist du wirklich bereit, diesen ganzen mobilen Traffic zu nutzen oder verlierst du ihn auf dem Weg? Responsives Design. Wir sprechen nicht von der Zukunft, sondern von der Gegenwart. Denn ein responsives Webdesign, das für Smartphones und Tablets optimiert ist, ist keine Option mehr, sondern eine Pflicht, und es reicht nicht, halbherzig zu sein.

Überprüfen wir, ob du die Prüfung bestehst?

Wenn du kein responsives Webdesign hast, verzichtest du nicht nur auf einen sehr hohen Prozentsatz an potenziellem Traffic, sondern auch deine Sichtbarkeit in den organischen Suchergebnissen wird abnehmen.

Achte auf die rasant steigenden Raten des Internetkonsums über Smartphones: 2013 suchten nur 18% der Benutzer über ihre Handys bei Google. 2017 waren es nicht weniger als drei von vier. Der Trend ist mehr als klar.

Wie erkenne ich, ob meine Website zu 100% responsiv ist?

Weißt du nicht, ob deine Website responsiv ist? Es ist sehr einfach, das zu überprüfen. In dem vorherigen Beitrag dieses Blogs haben wir dir eine Seite mit dieser Funktion empfohlen. Auch Google selbst bietet dir eine einfache Methode, um dies herauszufinden.

Du kannst es jedoch auch selbst mit einer einfachen Aktion überprüfen: Besuche deine Seite und mache das Browserfenster kleiner. Siehst du eine Scroll-Leiste und musst du sie benutzen, um den gesamten Inhalt zu sehen?

Dann tut mir leid, aber du hast keine responsiven Website. Die von Elpais.com ist es, aber die von Elmundo.es nicht, um zwei Beispiele großer spanischer Digitalzeitungen zu nennen.

Was sagt Google über responsives Webdesign?

Google, das in letzter Zeit den Benutzer ins Zentrum seiner gesamten Strategie gerückt hat, versteht, dass, wenn jemand auf eine Website zugreift, er dies von verschiedenen Geräten aus tun kann und auf jedem von ihnen immer eine Seite finden sollte, auf der die Anzeige und die Funktionen korrekt sind.

Um zu fördern, dass dies in den meisten Fällen so ist, kündigte es im Februar 2015 eine Änderung seines Algorithmus an, die am 21. April desselben Jahres in Kraft treten würde. Natürlich wurden alle Alarmglocken aktiviert 😉

Seitdem begannen Gerüchte, die sich wie ein Lauffeuer im Internet verbreiteten, wie zum Beispiel, dass, wenn du bis zu diesem Datum kein responsives Design auf deiner Website implementiert hast, diese aus den Suchergebnissen verschwinden würde.

Andere, weniger alarmierende, aber ebenso falsche Behauptungen besagten, dass Websites, die nicht für mobile Geräte optimiert sind, bestraft würden. Die Lawine wurde immer größer.

In Wirklichkeit war es nicht so, dass Websites, die kein responsives Design anbieten, bestraft wurden, sondern dass diejenigen belohnt wurden, die es tun, und zwar insbesondere in den Ergebnissen der mobilen Suchanfragen. Es scheint dasselbe zu sein, ist es aber nicht.

Google wollte das Bewusstsein für die Bedeutung der Berücksichtigung der neuen Konsummuster der Benutzer schärfen.

Die Kampagne zeigte Wirkung und die Webmaster auf der ganzen Welt machten sich daran, am „Mobile First“ (zuerst für mobile Geräte zu entwerfen) zu arbeiten, als die logischste Option, um das Responsive Design einzuführen. Das Hamburger-Menü - drei horizontale Striche, auf die man klicken kann, um die Abschnitte der Website anzuzeigen - ist heute ein „Must-have“ für mobile Versionen. Bis eine andere Mode sich durchsetzt, natürlich.

Die Vorteile über die Benutzererfahrung hinaus

Die Vorteile des responsiven Webdesigns gehen weit über die Verbesserung der Benutzererfahrung hinaus, was schon viel ist:

• Es vermeidet die Möglichkeit, duplizierte Inhalte zu haben, wie es der Fall sein kann, wenn du eine parallele Website speziell für mobile Geräte erstellst.
• Schnellere Ladezeiten aller Elemente, ein Schlüsselfaktor zur Verbesserung deiner Positionierung, was wiederum mehr Besucher bringen wird.
• Es wird die Verbreitung deiner Inhalte fördern, da alle Links vereinheitlicht sind, ohne Weiterleitungen. Die Benutzer werden es einfacher und zugänglicher finden, Inhalte zu teilen, was deinem SEO zugutekommt.
• Dein Geldbeutel und deine Zeit werden ebenfalls profitieren, da jede Aktualisierung deiner Website früher Änderungen an mehreren Stylesheets erforderte, während es jetzt nur eines gibt.
• Wenn deine Website ein Online-Shop ist, wirst du den Unterschied bemerken. Wo früher unüberwindbare Barrieren waren und du das unangenehme Gefühl hattest, auf dem Handy nicht das Gleiche zu finden wie in der Desktop-Version, wird es mit dem responsiven Design einen schönen Weg aus gelben Ziegelsteinen zu den Verkäufen geben.

Überprüfe alles von verschiedenen Geräten

Okay, du bist überzeugt und hast dein responsives Webdesign entwickelt. Das erste, was du tun solltest, bevor du es für alle sichtbar machst, ist, selbst zu überprüfen, dass alles funktioniert, wie es sollte. Versetze dich in die Lage des Benutzers, besuche deine Seite und führe die üblichen Aktionen aus. Und nicht nur von einem Handy und einem Tablet aus, versuche es von verschiedenen Modellen und in verschiedenen Browsern. Wenn es auch jemand anderes tut, der nicht zu deiner Website gehört, umso besser.

Wir betonen dies, weil es Funktionen geben kann, die auf deinem Desktop-Computer gut aussehen und perfekt funktionieren, aber dann nicht erscheinen oder nicht richtig geladen werden, wenn du über mobile oder Tablet-Navigation zugreifst.

Vergiss nicht, sowohl im Hoch- als auch im Querformat zu testen und sicherzustellen, dass die Touch-Nutzung der Funktionen bequem ist. Die Benutzer sollten nicht gezwungen sein, den Zoom zu verwenden, um einen Button oder einen Link präzise zu treffen.

Und lass uns nicht alles auf mobile Geräte konzentrieren. Obwohl es in unserem Land noch viel weniger verbreitet ist, sieht es so aus, als würde der Internetkonsum über Smart-TVs in den kommenden Jahren erheblich zunehmen.

Mit responsivem Webdesign sollte die Anpassung aller Elemente deiner Website an die riesigen Bildschirme von Smart-TVs - viele davon bereits gebogen - ebenfalls keine Probleme verursachen. Dennoch müssen wir auf Neuigkeiten achten, die auftauchen könnten, denn in der Technologie gilt: sich erneuern oder sterben.

Hast du die Prüfung bestanden? Hast du Fragen oder Kommentare? Das Kommentarfeld gehört dir 🙂