Erstellung von mobilen Webseiten - Fazit und Zusammenfassung
Update: 30.06.2013
Die vorherigen Ausführungen zeigen, dass es nicht besonders kompliziert ist,
Webseiten zu erstellen, die für mobile Geräte optimiert sind.
Hier sind nochmal die wesentlichen Punkte zusammengefasst, die zu beachten sind:
- Überlegen Sie zuerst, ob (zielgruppenorientiert) überhaupt eine Anpassung des Webauftrittes für mobile Geräte notwendig ist.
- Versuchen Sie die mobile Version abzuspecken, um das zu übertragende Datenvolumen drastisch zu verringern.
- Verwenden Sie nur flexible Maßangaben
- Binden Sie die speziellen Stylesheets für mobile Geräte nicht zusätzlich, sondern anstelle der Standard-Stylesheets ein.
- Überlegen Sie, ob Sie Ihre Webseiten nicht doch responsive gestalten wollen. Gern können Sie meine Erfahrungen bei der Umstellung nutzen, denn auch diese Website ist mittlerweile responsive.
- Falls nicht: Unterscheiden Sie serverseitig, welche Version der Webseiten ausgeliefert werden soll und überlassen Sie diese Entscheidung nicht dem Browser bzw. dem mobilen Gerät.
- Achten Sie darauf, dass den Suchmaschinen kein doppelter Content angeboten wird.
Falls Sie eine Unterscheidung auf Basis des User-Agents realisieren wollen, versuchen Sie die Liste der User-Agents für die Erkennung der mobilen Endgeräte stetig aktuell zu halten.
Als Rückfallposition kann auch zusätzlich zur automatischen Umleitung auf den Webseiten ein Link angeboten werden, über den der Besucher selbst zwischen der mobilen und herkömmlichen Variante einer Webseite umschalten kann. Merken Sie sich diese manuelle Wahl evtl. in einem Cookie, damit der Besucher nicht bei jeder Webseite wieder neu umschalten muss.
Simulatoren zum Testen von mobilen Webseiten
Um abschließend zu testen, wie die optimierten Webseiten auf den jeweiligen mobilen Geräten aussehen, muss man sich keine Palette von mobilen Geräten zulegen. Im Internet sind genügend Online-Simulatoren oder Simulatoren zum Download verfügbar. Die folgende Auflistung soll nur eine kleine Auswahl darstellen:
