Die Umsetzung einer Homepage sowohl für Desktop-PCs als auch für Smartphones und Tablets ist mit einigen Schwierigkeiten verbunden:
Flash läuft nicht auf iPhone, iPad und iPod - damit ist ein Großteil der Besucher mit Apple-Geräten nicht in der Lage, Flash-Inhalte auf Webseiten anzusehen. Somit sollte zukünftig die Nutzung von Flash möglichst unterbleiben - egal wie tolle Effekte und Dinge sich damit realisieren lassen...
Bilder sollten sich automatisch der Bildschirmgröße anpassen und die Dateigröße der Bilddateien sollte im Rahmen bleiben
Die Schrift sollte auch auf Smartphones nicht zu klein und damit lesbar bleiben, gleichzeitig auf Desktop-PCs oder Tablets nicht riesengroß sein.
Die Navigation auf dem Smartphone ist eine ganz andere als auf dem Desktop-PC
Verschachtelte Menüs und umständliche Dropdown-Listen sind für Smartphone & Co schwer nutzbar
Hoover-Effekte funktionieren auf Touchscreen-Geräten nicht wirklich, da ein Überfahren mit der Maus (wie beim Desktop-PC) bei der Fingerbedienung auf dem Touchscreen eines Handys nicht möglich ist.
Die Datenverbindungen von Smartphones und Tablets besonders in den Handynetzen sind oftmals schlechter als DSL-Verbindungen. Von daher sollten die Webseiten nicht mit ausufernden Datenmengen bestückt sein, die das Laden verzögern.
Da die Nutzung über mobile Geräte rasant zunimmt und der Desktop-PC immer weniger zum Surfen genutzt wird, sollte für eine zukünftig erfolgreiche Webseite die Optimierung für mobile Geräte absolute Priorität haben.
Jeder Schnickschnack, der hinter einer dicken DSL-Leitung ganz lustig sein mag (z.B. Hintergrundmusik, Java-Animationen, Tunnelwebseiten etc.) sollte bei Webseiten für Handys und Tablets unterbleiben!
Möglichst ein einspaltiges Layout insbesondere für Smartphones. Klassische 3-Spalten-Layouts sind insbesondere für die Nutzung mit Smartphones nicht so ideal. (Quelle: meine-erste-homepage.de)
Testen könnt ihr eure Seite dann hier:
http://de.opera.com/developer/tools/mini/
Am besten ist immer noch sich einen Dienst zu suchen, der das alles auch unterstützt und dann mit einem Banner auf diese Seite zu leiten.
Solche Baukasten Editoren die Mobile Websites unterstützen sind zum Beispiel:
1&1 DO IT YOURSELF, die auch für die Nutzung von Handys und Tablets geeignet sind.
Wapka, ein kostenloser englischer Dienst, auf dem man seine deineseite.wapka.mobi Seite erstellen kann.
Man könnte sich auch eine Dreamwaver Erweiterung installieren (Beim Baukasten funktioniert dies nicht.)
Oder ein PHP Script (Das ebenfalls im Baukasten nicht geht)
ZUSÄTZLICHE LINKS
Weitere Webseiten mit Informationen zur Optimierung von Webseiten für die Nutzung auf mobilen Geräten:
aktuell.de.selfhtml.org/artikel/css/mobile-endgeraete - Informationen bei Selfhtml zu via CSS angepassten Inhalten für mobile Geräte
www.drweb.de/magazin/webinhalte-fur-smartphones-und-pocket-pcs-aufbereiten - Informationen bei Dr. Web (Archiv) zum Thema Webinhalte für Smartphones und Pocket-PCs aufbereiten
www.homepage-faqs.de/index.php?site=hp-html-wml-wap-seiten-fuer-mobiltelefon
www.imeister.de/blog/apple-ipad/webseiten-fur-iphones-und-ipads-optimieren
klickkomplizen.de/blog/online-marketing/tipps-fur-das-optimieren-von-mobile-websites
www.startmobile.de - auf startmobile.de (gehört übrigens zu Google) geht es darum, ob Ihre Webseite bereits fit für das mobile Internet ist. Sie können Ihre bestehende Webseite einem mobilen Fitnesstest unterstellen. Sie erhalten eine mobile Vorschau Ihrer Webseite, ordnen Ihre Webseite in eine passende Kategorie ein und beantworten einige Fragen zur Webseite. Am Ende bekommen Sie einen Bericht angezeigt oder auf Wunsch auch zugemailt. Der Bericht enthält Tipps speziell zu Ihrer Webseite, aber auch Best Practices für mobile Webseiten, d.h. wichtige Tipps und Anforderungen an Webseiten bei der Anzeige auf Smartphone & Co. Unter der Rubrik Webseite erstellen finden Sie Anbieter speziell für die Erstellung mobiler Webseiten.
www.toolboks.de/professionelle-websites/webseite-fuer-ipad-optimieren.html
validator.w3.org/mobile - hier gibt es den W3C mobileOK Checker - der Checker prüft, ob Ihre Webseite für die Nutzung mit mobilen Geräten optimiert ist. Als Ergebnis erhalten Sie einen Prozentwert, in wie weit Ihre Seite schon optimiert ist und Hinweise, wo es noch Probleme gibt. meine-erste-homepage.com erreicht z.B. 0% - die von uns optimierte Webseite pflanzenmanufaktur.de erreicht immerhin 74%...
www.youtube.com/watch?v=NoHe8feMDv0 - hier gibt es ein Video-Tutorial von HTMLworld bei dem der Autor wesentliche Dinge zur Erstellung von Webseiten für Smartphones erläutert.
www.zuellich.de/tutorials/css-fuer-smartphones - CSS für Smartphones
(meine-erste-homepage.de)
MFG face-abo.de.tl
