Webdesign Responsive – Optimierung für mobile Geräte

Immer wieder werden wir gefragt, ob es denn wichtig sei, eine mobile Version der Website oder des Online-Shops anzubieten.

Und natürlich die grosse Frage, wie diese Optimierung überhaupt umgesetzt wird.

Webdesign Responsive / Mobile Version

Bis zu 50% der Besucher eines Online-Shops oder einer Website, surfen heute mit einem mobilen Gerät.
Die Optimierung einer Website oder eines Online-Shops für mobile Geräte (Smartphones / Tablets) ist also heute wichtiger denn je!

Allerdings gibt es 2 Möglichkeiten zur Optimierung:

1.) Webdesign Responsive

Das Webdesign Responsive passt sich der jeweiligen Bildschirmauflösung immer automatisch an.
Die Inhalte wie Texte und Bilder werden also immer 1:1 übernommen, ausser Elemente, also „DIV’s“ werden für die PC- oder mobile Version deaktiviert.

Die Optimierung findet aber nicht im PHP-Code oder in der Datenbank, sondern im CSS (Stylesheet) statt.

Einziger Nachteil ist jedoch, dass ein Wechsel von der mobilen- zur PC-Version nicht möglich ist, da es fix an die Bildschirmauflösung gebunden ist.

2.) Ein einzelnes mobiles Layout

Eine weitere Möglichkeit ist, dass nebst der PC-Version noch ein Layout für mobile Geräte realisiert wird.
Dabei wird also klassisch die Website ein 2. Mal erstellt und im Design für mobile Geräte speziell angepasst.

Ein Vorteil dabei ist, dass ein Wechsel zwischen der mobilen- und der PC-Version jederzeit möglich ist.
Ein Nachteil ist jedoch die doppelte Arbeit, denn das Layout / Webdesign wird als einzelne Website sozusagen betrachtet.

Zusätzlich kommt noch hinzu, dass in dieser Version über die .htaccess gearbeitet werden sollte, um das hin- und her bei den Layouts zu ermöglichen.

 

 

Google und mobile Version (Responsive)

Google erkennt automatisch, ob eine Website oder ein Online-Shop optimiert wurde für mobile Geräte.
Bevorzugt wird heute mit „Responsive“ gearbeitet, wobei es für Online-Shops oder Medienseiten auch häufig noch klassisch mit dem separaten Layout realisiert wird.

Google betrachtet aber vor allem den Code, sobald dieser also sauber und hochwertig realisiert wurde, spielt es keinen grossen Unterschied, welche Variante gewählt wird.

Wenn man jedoch die technische Entwicklung beachtet, wird gestützt immer stärker auf Webdesign-Responsive gearbeitet.

 

 

 


Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.