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]

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!