Mobile Hotel Website - richtig gemacht

Um das zu untermauern, ein paar Daten eines Hotels in Klagenfurt:

Prozent der Besucher mit mobile Browser auf der Hotelwebsite

Apr 2010 1,1%
Sep 2010 2,3%
Nov 2010 3,7%
Jan 2011 4,3%
Mai 2011 4,6%
Juni 2011 8,5%

Endgeräte
iPhone 53%
iPad 25%
Andorid 15%
Symbian 4%
Blackberry 1,3%

Anfang Juni 2011 ist der Anteil massiv nach oben gegangen (bis 16% ). In dem Zeitraum war das GTI Treffens in Kärnten. Zu dieser Zeit waren viele mobile, technisch affine Menschen mit ihren iPhones und Android Smartphones im Gebiet. Viele brauchten spontan ein Hotelzimmer.

Es zeigt auf jeden Fall wie stark die mobile Nutzung um Events ansteigt. Auch in Ihrer Region wird es das eine oder andere Event geben. Da sind Ihre potenziellen Gäste in der Region - auf der Suche nach einem Zimmer. Ermöglichen Sie eine einfache Orientierung und direkte Buchung. Sind Sie darauf vorbereitet?

Gefunden werden

Ihre traditionelle Hotelwebsite funktioniert recht gut, zieht genug Besucher an und trägt wesentlich zu Ihren Direktbuchungen bei. Sie sind wahrscheinlich im Google Ranking weit vorne. Sie haben einen Google Places Eintrag. Dann finden Ihre potenziellen Gäste Ihren Betrieb auch von unterwegs, sei es im Zug, im Auto oder auch am Fahrrad. Man bedenke auch, dass es in einigen Städten wie in Wien eine Initiative für freies WLAN an öffentlichen Plätzen gibt. Somit sind teure Datenroaming Gebühren für Ihre ausländische Gäste bald kein großes Thema mehr.

Mobile Suchseiten

Google hat neuerdings die Website Screenshot Galerie für mobile Suche eingerichtet. Es werden wie in einer kleinen Slideshow die Suchresultate der Websites präsentiert. Hier ist eine für die mobile Nutzung optimierter erster Eindruck sehr wichtig: Aufgeräumt und auf die Bildschirmbreite von 320 Pixel optimiert.

Was soll eine mobile Hotelwebsite können?

In der mobilen Nutzung, hauptsächlich durch iPhones und Android Smartphones sind meist nur sehr wenige aber konkrete Fragen zu beantworten. Das aber soll sehr flott gehen:

• Karte: Wo genau liegt das Hotel - Verlinkung mit Google Maps / Places Profil - so kann man auch die Routensuche verwenden.
• Telefonnummer vom Hotel - einfach zu erreichen und mit einer anklickbaren Telefonnummer hinterlegt
• die wesentlichen Bilder Ihres Betriebs, aufbereitet für die Darstellung am iPhone oder Smartphone (weniger ist mehr)
• ein mobil optimiertes Buchungsformular
• Information über Ihre aktuelle Verfügbarkeit - die nächsten drei Tage oder Woche
• Halten Sie Ihre Beschreibungstexte kurz.

Der Call to Action ist das Wichtigste

Was sollen Ihre Kunden auf der mobilen Webseite machen?

• Anrufen und buchen
• Online buchen

Diese Punkte müssen besonders einfach zu erreichen sein.

Kein Schnickschnack

Vermeiden Sie bei der Erstellung der mobilen Webseiten all zu viele technisch interessant klingende Dinge zu implementieren. Nur weil "SMS Booking", "Hotelprospekt über Bluetoothbrunnen" oder QR Codes vielleicht "cool" klingen, so sind diese Punkte noch lange nicht sinnvoll. Alleine das Wesentliche auf dem kleinem Display überschaulich unterzubringen, ist keine leichte Aufgabe.

Technische Tipps für Ihre mobile Website

Viel Fokus beim Bauen der mobilen Site liegt auf dem schnellen Laden der Inhalte. Es müssen Kompromisse zwischen Inhalten und Dateigrösse gefunden werden.

• No Flash - eigentlich selbstverständlich, denn das iPhone unterstützt es nicht.
• Mini Javascript Frameworks, die für mobile Websites optimiert sind, verwenden. Mein Favorit: zepto.js von @thomasfuchs.
  Von Monolithen wie jQuery + jQuery Touch sollte man eher Abstand nehmen - Hauptsächlich weil die jQuery Dateien eher gross sind. Da ist viel Code drin, um mit IE (Internet Explorer) und Konsorten umzugehen. Die werden für mobile Seiten nicht benötigt. jQuery Touch sitzt dann noch oben drauf.
• optimiertes mobiles CSS (Style Sheet) mit Base64 encoded inline Images oder Sprites - fragen Sie einfach Ihren Webdesigner ob er das kennt. Mein Tool of Choice: "jammit". Die geniale Funktion dabei ist es dass man die kleinen Bilder, die man für Navigations Elemente verwendet, einfach in einen Ordner mit dem Namen "embed" speichert und so ins CSS einbindet. Wenn die PNG oder JPEG Dateien unter 25k gross sind, werden Sie in base64 encoded image urls in die kompilierte CSS Datei geschrieben. Das spart etliche Ladezugriffe für die eingebundenen Bilddateien.
• Nachladen der Inhalte per Ajax oder preloaden der gesamten Seiten und einblenden der Seiteninhalte. Das mache ich mit Zeptojs und serverseitiger Anpassungen am CMS damit die Seiteninhalte auch ohne Layout generiert werden können.
• Wenn das CMS (Content Management System - So wie Wordpress, Joomla, Drupal) ihrer bestehenden Hotel-Website zum Großteil für die Inhalte der mobilen Website verwendet werden kann, so ist das ideal. Für diesen Zweck habe ich eine Funktion für das CMS (Radiant) geschrieben. Man kann damit den Content für die mobile Website einfach ausklammern oder explizit inkludieren.

Aufregende Zeiten

Es gab noch nie so viele Umbrüche des technisch Machbaren. Es geht rasant voran. Das mobile Web zeigt uns wieder die Einfachheit, die viele schon vergessen hatten. Nutzen Sie die Chancen die sich gerade eröffnen, Ihre Kunden werden die mobilen Seiten der Hotels in Ihrer Region auf jeden Fall verwenden.

Seien Sie mit dabei! Wir helfen Ihnen!