Leider unterstützen viele für Desktops programmierte Webseiten immer noch nicht die kleinen Bildschirme der Millionen neuer Smartphones. Unschönes Scrollen beim Suchen von Inhalten oder gar fehlerhafte Darstellung der Inhalte ist üblich. Ich möchte einige Tipps geben, um zu einer mobilen Webseite zu kommen.
Veraltete Geräte, die noch mit der WAP-Technologie arbeiten, sollte man bei der Konvertierung vernachlässigen. Über die Webseiten Statistiken kann man herausfinden, von welchen mobilen Geräten die eigene Webseite aufgerufen wird.
Die einfachste Möglichkeit ist es, handelsübliche Konvertierungs-Programme zu nutzen, die beim Aufruf durch ein Smartphone oder Tablet-PC den Content automatisch in das passende Format umstellen oder den RSS-Feed der originalen Webseite nutzen.
Wesentlich ist es, ein Konvertierungs-Programm zu finden, dass die Inhalte auf die unterschiedliche Größe und Auflösung der mobilen Geräte automatisch anpasst. Manche Bildschirme schaffen 1024 x 768 Pixel andere lediglich 320 x 480 Pixel. Was auf der mobilen Webseite gezeigt werden soll, kann in der Regel individuell konfiguriert werden. Die originale Webseite, die mit der Konvertierungs-Software formatiert wird, sollte auf absolute Seiten- und Tabellenwerte vermeiden, um prozentuale Größenänderungen zu zulassen. So werden größere Elemente auf der Webseite für die Darstellung auf mobilen Geräten automatisch verkleinert. Eingebettete Objekten wie Bilder müssen jedoch eine absolute Höhe und Breite besitzen, so dass beides in gleichem Verhältnis für die Darstellung im mobilen Webbrowser verkleinert werden kann.
Design Kunststücke oder Flimmer sind nicht gefragt, es geht um die Darstellung der Inhalte!
Notwendig für Konvertierungs-Programme ist es, dass die originale Webseite lediglich aus JavaScript, CSS und HTML 4 Programmcode besteht. Microsoft ActiveX-Controls haben in einer Webseite heute nichts mehr verloren. Grundsätzlich wird mittels JavaScript das mobile Gerät identifiziert und das dazu passende CSS Stylesheet geladen.
Die Verwendung von Adobe Flash würde ich vermeiden, da Apple Adobe Flash auf seinen mobilen Geräten nicht zulässt. Zur Darstellung von Bewegtbildern sollte der neue Standard HTML 5 genutzt werden.
Lesern, denen die speziell für mobile Geräte aufbereitete Webseite nicht gefällt, sollten durch einen Button auf der mobilen Webseite die Möglichkeit haben, sich die für den Desktop optimierte Seite anzeigen zu lassen.
Als Beispiel für die Konvertierung einer Desktop Webseite in eine mobile Webseite mag für das bekannte Content-Management-System WordPress das Plugin WPtouch dienen. Auch für andere Content-Management-Systeme sind entsprechende Plugins verfügbar.
Beispiel der mobilen Webseite: http://mobiles-internet.buemo.net
Eine individuelle Programmierung kommt auf jeden Fall viel teurer und ist aufwendig in der Pflege.
ausgestattet ist, den Zugang zur mobilen Version von «Mobiles Internet»
Das könnte Sie auch interessieren: