Die Mobile Internetnutzung wird immer beliebter. Täglich verwenden Millionen User ihr Smartphone oder Tablett zum Surfen. Laut Statistiken benutzen Ca. 81% das Smartphone oder Tablett, um im Netz zu surfen (Stand 2017). Das Usererlebnis bei nicht mobil optimierten Seiten ist jedoch nicht besonders schön. Responsive Webdesign hat dadurch in den letzten Jahren bei WordPress Seiten mehr an Bedeutung gewonnen, denn damit können Webseiten für alle Endgeräte optimiert werden. Webseiten die heute kein Responisve Webdesign nutzen, werden es schwer haben mobile Nutzer von Ihrer Seite zu begeistern.
Hier zeigen wir Ihnen, wie Sie Ihre Seite für Responsive Webdesign anpassen um mobile Nutzer von Ihrer Seite zu überzeugen.
Responsive Webdesign –Internet angepasst für mobile Nutzer
Wie bereits erwähnt nutzen Menschen inzwischen immer öfter Smartphones oder Tablets zum Surfen im Internet.
Inzwischen gibt es eine Vielzahl an verschiedenen Endgeräten. Gerade im Bereich Tablet und Smartphone variieren dieses sehr stark, da nahezu jedes Gerät eine eigene Auflösung besitzt. Diese können sich in folgenden Punkten unterscheiden:
- Auflösung
- Bildschirmgröße
- Format (hoch oder quer)
- Eingabeart (klick oder touch)
Das Ziel des Responsive Webdesign ist den Inhalt ihrer Website auf allen Geräten übersichtlich darzustellen um eine für eine optimale Usability zu sorgen. Wenn User auf der Seite nur wenig erkennen können, oder den Inhalt erst heranzoomen müssen, ist es sehr Wahrscheinlich, dass der User die Seite schnell wieder verlässt. Dies führt übrigens auch zu einem schlechten Google SEO score, mehr hierzu finden sie im Bereit SEO.
Früher wurden für Webseiten zwei verschiedene Versionen erstellt. Eine für den Desktop und eine für mobile Endgeräte. Diese Methode ist jedoch ziemlich umständlich und längest überholt. Durch das responsive Design passt sich die Website über ein flüssiges Raster an den jeweiligen Gerätetyp mit dessen Auflösung an. Dabei werden Elemente wie zum Beispiel Bilder und Texte in Prozent definiert und nicht in Pixel. Mit CSS-Code werden sogenannte Breakpoints gesetzt, welche definieren ab welcher Größe sich das Layout ändert. So kann zum Beispiel eingestellt werden, dass zwei Bilder untereinander statt nebeneinander angezeigt werden, sobald die Breite des Displays zu gering wird. Durch Media-Queries wird das passende Layout ermittelt, welche Typ und Eigenschaften des verwendeten Endgerätes abfragen. Wer sich nun frägt, ob es den Aufwand wert ist kann eine ganz einfache Antwort erwarten: Ja. Das investierte Geld sorgt für eine wesentlich bessere Performance Ihrer Website, was sich später bei besseren Umsätzen bezahlt macht, wenn sich Ihre potentiellen Kunden auf Ihrer Website wohl fühlen.
Ein weiter Punkt, warum es wichtig ist, dass Sie Ihre Website mobil optimieren, liegt bei den Suchmaschinen. Hier kommt das Stichwort „Mobile-First“. Suchmaschinen verwenden komplexe Verfahren um die Ergebnisse von Suchanfragen optimal auszugeben. Neben Ladezeiten und Inhalten wird auch geprüft, ob die Website auf allen Geräten optimal dargestellt werden kann. Ohne responsive Design kann es also passieren, dass Ihre Seite bei den Suchergebnissen benachteiligt wird.
Responsive Webdesign mit WordPress?
Eines der am meisten genutzten Content Management Systeme (CMS) auf dem Markt ist WordPress, bei einer Marktanalyse im Februar 2021 liegt der Anteil bei ca. 64%. Ein Grund dafür könnte sein, dass WordPress viele Möglichkeiten bietet, welche die Erstellung einer responsiven Website vereinfacht. Durch die Hilfe von vorgefertigten Themes oder Plugins müssen Texte oder Bilder nicht mühsam per Code definiert werden.
Responsive Themes
Mit Hilfe von responsive Themes ist es möglich, eine bestehende Webseite auf ein responsive design umzustellen. Dies ist nicht besonders schwer, aber sehr Zeitaufwendig, da bestehende Inhalte an das neue Design angepasst werden müssen. Doch der Aufwand lohnt sich! Themes können kostenlos oder kostenpflichtig bei WordPress herunter geladen werden. Viele kostenlose Themen bieten in der Basisversion nur einen eingeschränkten Funktionsumfang an, welcher durch ein kostenpflichtiges Upgrade freigeschaltet werden kann.
Responsive Plugins
Eine weitere Möglichkeit, eine Webseite für mobile Endgeräte zu optimieren ist die Verwendung von Plugins.
Wie viel kostet Responsive Webdesign mit WordPress?
Wir haben bereits geklärt, dass es trotz des Mehraufwandes Sinn macht ein responsive Webdesign zu verwenden. Im Laufe der Jahre hat WordPress viel getan, um bestmöglich bei der Erstellung zu unterstützen. Moderne Themes sind bereits für responsive Webdesign ausgelegt und benötigen so einen ähnlichen Aufwand wie eine reguläre Website. Natürlich hängt der Aufwand auch von den individuellen Anforderungen, die an eine Website gestellt werden, ab. Eine professionelle Basis Website können Sie so zu einem Preis ab 700€ bekommen. Viele Agenturen bieten Ihnen auch günstigere Preise, jedoch wird hier häufig versucht mit versteckten Kosten den Preis nach oben zu treiben oder nur billige Standardtemplates verwendet. Bei diesen Webseiten wird lediglich Ihr Logo auf einer bestehenden Seite ausgetauscht und ein paar Texte eingefügt. Sie sollten daher bei einem Angebot darauf achten, das alle aufgeführten Kosten nachvollziehbar sind.
