Stefan.Waidele.info

Nachdem wir unsere mobile Website nun entworfen haben, wollen wir sie dann auch erstellen. Google selbst empfiehlt nach Begriffen wie “mobile Website erstellen” oder “mobile Website entwerfen” zu googlen, was dann auch schnell eine noch ziemlich kurze Liste von Seiten ergibt, welche sich auf diese hochoffiziellen Suchbegriffe gestürzt haben – und zu denen meine hoffentlich auch bald gehört

Da ich jedoch auch einen echten Beitrag leisten will schlage ich hiermit bessere Suchbegriffe vor, und zwar die Namen tatsächlichen Auszeichnungssprachen die verwendet werden sollten: XHTML, WML und CHTML

XHTML

XHTML ist der XML-Nachfolger des altbekannten HTML und wird schon auf einigen (vielen?) Webseiten verwendet. Aus den vielen Links am Ende des Wikipedia-Eintrags ist sicher der Validation-Service hervorzuheben, mit dem man das Resultat seiner Mühen überprüfen kann.

WML

WML ist ein Teil des WAP-Protokolls, mit dem Ursprünglich Webseiten auf Handys angezeigt werden konnten. Ich finde es fraglich, ob in einer Zeit in der immer mehr “richtige Webbrowser” auf Mobiltelefonen laufen, diese Auszeichnungssprache noch sinnvoll ist.

CHTML

CHTML ist eine Teilmenge des herkömmlichen HTMLs, was die Portierung alter Webseiten erleichtern sollte. Da es jedoch auf HTML und nicht XHTML basiert, würde ich nicht raten, diese Auszeichnungssprache neu zu lernen.

Fazit

Wer mobile Webseiten erstellen will, der sollte XHTML lernen/vertiefen und seine regulären Internetseiten so designen, dass sie ohne Änderungen (außer einem anderen Stylesheet) auch bei kleinen Auflösungen schön aussehen.

Das neue Angeboot von Google könnte aber auch weniger mit den Anforderungen an Webseiten zu tun haben. Es könnte ja auch sein, dass hier früher oder später Positionsinformationen (oder einfach die Tatsache, dass der Beworbene mobil surft) bei der Auswahl der Anzeigen in Betracht gezogen wird. Außerdem ist Google ja in den USA dabei, für Mobilfunkfrequenzen mitzusteigern. Es bleibt also spannend, was die Entwicklung beim Suchmaschienengiganten anbelangt.

Wer immer noch nicht genug von Googles Adsense hat, der kann die Werbung jetzt auch auf Mobile Webseiten pappen. Google unterstützt dies durch Ihr neues Angebot “AdSense für mobile Seiten“.

Bevor wir jedoch eine mobile Website erstellen, sollte diese jedoch gut geplant werden. Auch wenn Handy-Displays immer größer werden, und PDAs sich immer mehr zum surfen eignen: Das Browserfenster ist sehr viel kleiner als auf dem Desktop. Die Regeln für das Design sollten sich also eher an den Webseiten von vor 10 Jahren orientieren.

Eine Webpage, die für mobile Geräte optimiert ist sollte meiner Meinung nach folgende Kriterien erfüllen:

• Liquid Design – also nicht auf eine bestimmte Größe des Browserfensters angewiesen sein
• Kleine Grafiken – die nicht unnötig viel Platz auf dem kleinen Display einnehmen. (Größenangabe in % oder em, siehe oben)
• Hohe Informationsdichte – das bedeutet hier, dass die wichtigen Informationen auf den ersten 3-4 Zeilen untergebracht werden sollten. Denn der Rest könnte schon unter dem “Fold” sein.
• (Auch) lange Seiten mit viel Text – das Handy oder der PDA könnte so zum tragbaren E-Book werden. Diese müssten dann aber als Text und nicht als PDF vorliegen, damit der Bildschirm voll genutzt werden kann. (siehe oben, Liquid Design)

Und genau in der hohen Informationsdichte sehe ich das Hauptproblem des neuen Google-Angebots: Je kleiner der Bildschirm, desto mehr nervt die eingeblendete Werbung. Hoffen wir also, dass die Anzeigen auch in Ihrer Größe optimiert sind.

Moderne Webtechniken wie CSS sind in diesem Umfeld noch wichtiger als auf dem Desktop. Doch darum kümmern wir uns im nächsten Beitrag.

Habe ich noch Punkte vergessen, die Ihr für mobile Websites wichtig findet? Die Kommentar-Bar ist geöffnet

Update 2011: Hier sind einige (forgeschrittenere) Tips für Mobile Webseiten.