Responsive Website – oder wie mache ich meine Seite mobil?

Funktioniert Ihre Webseite auf allen Endgeräten?

Eine selbst anpassende, sogenannte responsive Webseite ist in der heutigen Zeit der Quasi Standard und mittlerweile schon Pflichtprogramm. Auch wenn viele sagen, dass es nicht stimmt, aber Google bewertet Webseiten die auf allen Endgeräten funktionieren höher als nicht responsive Seiten. Seit neustem gibt es sogar einen Google Suchindex speziell für mobil fähige Seiten, somit kann man sich hier nicht mehr lossagen.

 

Responsive Website  –  So funktioniert es

Nicht jede Website kann unproblematisch auf einem Tablet oder Smartphone angezeigt werden. Neben der Anpassung von Bildern, Texte und Tabellen ist es wichtig geworden das komplette Layout fließend zu gestalten. Feste Werte in Tabellen sorgen dann mal schnell für einen horizontalen Scrollbalken oder werden erst gar nicht mehr angezeigt. Gleiches gilt auch für Bilder und Texte. Keiner kann sich etwas erlauben was abgeschnitten ist.

Beispiel gefällig wie eine responsive Webseite funktioniert?
Ziehen Sie doch Ihr Browser-Fenster klein und beobachten Sie die Veränderungen dieser Website. Wie Sie sehen verändern sich die Elemente der Seite in der Reihenfolge. Alles was z.B. nebeneinander gestellt war rutscht eine Zeile tiefer, Schriftgrößen verändern sich ebenfalls und die Navigation ist nur noch mit dem mittlerweile als „Burger-Menü“ bekannten Symbol (3 übereinander liegende Striche) gekennzeichnet.

Damit dies so funktioniert müssen verschiedene Faktoren stimmen:

1. Es ist wichtig HTML 5, CSS 3 und ein Framework wie z.B. Bootstrap als Hauptbestandteile eines Themes zu verwenden.
2. Das Layout darf keine festen Elemente enthalten, wenn ja müssen diese entsprechend der verschiedenen Auflösungen angepasst werden.
3. Es dürfen keine Flash-Animationen vorhanden sein, da mobile Endgeräte damit nicht klar kommen.
4. Tabellen müssen als DIV Elemente erstellt werden oder von Ihrer Größe und Beschaffenheit für mobile Geräte verwendbar sein.

Ohne diese 4 und mehr Punkte wird die Webseite nicht korrekt angezeigt werden.

 

Hier ein Beispiel zur responsiven Darstellung

Webseite Hausservice Ilnicki in verschiedenen Auflösungen und Größen

 

Muss ich meine Website umstellen?

Niemand ist verpflichtet das zu tun, aber mal ehrlich  –  Die Frage könnte auch heißen „Muss meine Webseite für meine Kunden auf jedem Endgerät erreichbar sein?“.
Fakt ist, dass Webseiten ohne mobile Darstellung bei den Kunden nicht gut ankommen. Ein Großteil des Internat-Traffic geht über mobile Netzwerke. Es werden immer mehr Menschen eine Webseite von unterwegs aufmachen, sei es mit Klick auf einen Post im sozialen Netzwerk oder aus einer E-Mail heraus.
Auch wenn eine Umstellung heißt Geld auszugeben sollten Sie hier nicht dem Rest hinterher hinken, denn auch Ihre Konkurrenz schläft nicht!

“Wer aufhört zu werben, um Geld zu sparen, kann ebenso seine Uhr anhalten, um Zeit zu sparen.”

Henry Ford

 

Wie teuer ist solch eine Umstellung?

Leider lässt sich ein Preis nie zu 100% betiteln. Dafür gibt es zu viele verschiedene Systeme und Arten eine Website zu erstellen. Kunden von Homepage-Baukasten haben hier meist den Vorteil, dass der Anbieter bereits darauf reagiert hat und die Seite bereits responsiv ist. Die Mehrzahl an selbst oder vom Profi erstellten Webseiten, wird hier wohl Zeit und ggf. auch Geld hinein stecken müssen. Je nach Aufwand können das grob geschätzt zwischen 150,00 € und 600,00 € sein.

Bei Interesse an einer Kostenschätzung verwenden Sie einfach unser Kontaktformular, wir helfen Ihnen hier gerne weiter!

 

 

Letzte Aktualisierung am: 02.04.2018

Key-Facts

Projektzeit
2 Wochen

Content Management System
WordPress

Link zur Webseite
http://www.hausservice-ilnicki.de

Zum Portfolio-Eintrag
Hausservice Ilnicki



Hosting Login
close slider

Login für unsere Webhosting Kunden

 

 

 

 

Bitte beachten Sie, dass bei Klick auf "Einloggen" eine Verbindung zu unserem Technik-Partner DomainFactory hergestellt wird. Die Datenübertragung läuft auch hier selbstverständlich verschlüsselt per SSL.