Webdesign

Ihre Firmenhomepage auf Smartphone, Tablet & Co. – Mobile Versionen von Websites mit CSS 3

[Hinweis: die Inhalte in diesem Artikel sind möglicherweise nicht mehr aktuell] Screenshot Tablet

Wichtiger denn je: die optimale Darstellung Ihrer Website auf mobilen Endgeräten.

Auf einem Smartphone oder einem Tablet wird eine nicht optimierte Seite normalerweise komplett dargestellt, im Miniaturformat, oder nur teilweise.
Man muss also erst die einzelnen Bereiche vergrößern, um den Inhalt lesen zu können. Das ist nicht unbedingt benutzerfreundlich.

Schauen Sie sich zum Vergleich meine Seiten www.klausoppermann.de und www.oppisworld.de an.
Auf diesen Websites habe ich die Stylesheets (CSS) jeweils um spezielle Angaben, sog. Media Queries ergänzt. Sobald sich die Bildschirmauflösung verändert, greift das Mobile-CSS und stellt eine optimierte Version der Website dar.

Die eigentlichen Seiteninhalte bleiben identisch, werden aber anders angeordnet. Hintergrundgrafiken werden ausgetauscht. Fotos / Videos haben die maximale Breite des Bildschirms.

Diese Variante ist für WordPress-Websites sehr gut umsetzbar.

Man kann natürlich auch spezielle Seiten erstellen (was allerdings zusätzlichen Pflegeaufwand zur Folge hat), oder Plugins verwenden (was ich möglichst vermeide, da ich dadurch keinen Einfluss auf den erzeugten Code habe).

Testen Sie, wie Ihre Seite auf verschiedenen „Ausgabegeräten“ aussieht: Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions

Gerne erstellen wir ein Angebot zur Optimierung Ihrer Homepage für Smartphone und iPhone – sprechen Sie uns an!

Deine Meinung? Jetzt kommentieren!

Ein Kommentar zu
»Ihre Firmenhomepage auf Smartphone, Tablet & Co. – Mobile Versionen von Websites mit CSS 3«


  1. […] Artikel Ihre Firmenhomepage auf Smartphone, Tablet & Co. – Mobile Versionen von Websites mit CSS 3 aus dem Jahr 2012 ist immer noch […]

Ich bin mit der Speicherung und Verarbeitung meiner Daten durch diese Website einverstanden. Du kannst deine Kommentare jederzeit wieder löschen lassen (Pflichtfeld, bitte abhaken)
Weitere Informationen bekommst du in der Datenschutzerklärung


Weitere Artikel aus dieser Kategorie