Mobile Website erstellen: Ihre vollwertige mobile Website in sechs Minuten

in Webdesign,WordPress-Homepage

Jeder fünfte Internetanwender geht inzwischen mobil ins Netz. Dieses für mich überraschende Ergebnis der ARD/ZDF Onlinestudie sollte auch Sie nachdenklich stimmen: Wie sieht Ihre Website auf einem iPhone oder einem anderen Smartphone aus? Wie auf einem iPad?

Besonders wichtig wenn Sie jüngere Zielgruppen anpeilen oder Menschen, die beruflich viel unterwegs sind

Hier dürfte der Anteil der mobilen Website-Besucher noch wesentlich höher ausfallen. Aber auch wenn Sie beispielsweise ein Restaurant betreiben, ein Café oder ein anderes Geschäft mit „Laufkundschaft“ könnte eine mobile Website für Sie interessant sein.

Die Frage: Wie machen Sie Ihre Website mobil?

Als allererstes sollten Sie einmal prüfen: Wie sieht denn Ihre momentane Website auf einem Smartphone aus? Wenn Sie selbst noch keines besitzen, fragen Sie einfach Ihre Kinder ;-). Leihen Sie sich kurz deren iPod mit Webzugang aus. Oder rufen Sie zur iPhone-Vorschau diese Website auf: testiphone.com.

Nun, wie sieht’s aus?

Bescheiden? Unlesbar? Die Seite ist nicht darstellbar? Dann wird es Zeit zu handeln. Hierzu haben Sie mehrere Möglichkeiten …

1. Zusätzliche mobile Website für Ihr Unternehmen

Ergänzen Sie Ihren bestehenden Webauftritt um eine weitere mobile Website. Zum Beispiel unter der Adresse mobil.IhreAdresse.de. Dort, auf Ihrer speziell für mobile Geräte optimierten Website, präsentieren Sie Ihre wichtigsten Angebote – als abgespeckte Variante Ihrer Haupt-Website.

2. Stellen Sie Ihre Website komplett um auf mobiles Design

Lassen Sie dazu das Design Ihrer Haupt-Website so umprogrammieren, dass sie sowohl auf Computern gut funktioniert, als auch auf mobilen Smartphones. Das hört sich zeitaufwendig und teuer an. Ist es in der Regel auch. Es sei denn, Sie haben eine WordPress-Homepage.

Hier können Sie das Design mit wenigen Klicks umstellen auf ein sogenanntes „Responsive Design“. Ihre Website erkennt dann selbstständig, von welchem Gerät aus sie aufgerufen wird und präsentiert sich im entsprechend optimalen Design.

Auf einem Computer betrachtet, sieht Ihre Website dann ganz „normal“ aus. Von einem iPhone aufgerufen zeigt sich Ihre Website automatisch im schlankeren und schnelleren Mobil-Look. Elmastudio bietet Ihnen dazu beispielsweise einige sehr gute Responsive Design-Themes für WordPress, eines davon (Yoko) sogar kostenlos.

3. Verwenden Sie einfach ein kleines Plugin

Auch hier sind WordPress-Anwender auf der Sonnenseite des Internetlebens. Denn um Ihre Webseiten auch mobil gut aussehen zu lassen, gibt es zwei sehr praktische Lösungen: das Plugin WPTouch und das WordPress-Theme Handheld von Elegantthemes.

Diese werden zusätzlich zu Ihrem bestehenden Theme eingesetzt. Beide Lösungen sind so gestrickt, dass nur dann aktiv werden, wenn der Betrachter tatsächlich Ihre Website von unterwegs aus besucht. Zeitaufwand zur Installation ca. sechs Minuten. Ich selbst habe mich für die WPTouch-Variante entschieden, die Sie in einer älteren Version (1.9) sogar kostenlos erhalten.

Das könnte Sie ebenfalls interessieren:

Ihr nächster Schritt:

Ihr nächster Schritt Nachdem Sie sich jetzt einen ersten Eindruck verschafft haben, wie Sie Internetseiten gestalten, die Kunden bringen, und einige Blog-Beiträge gelesen haben: Machen Sie den nächsten Schritt! Sagen Sie mir, wo Ihnen der Schuh drückt und was Sie mit Ihren Internetseiten in den nächsten vier Wochen erreichen wollen.

{ 4 Kommentare… unten lesen oder einen hinzufügen }

Karl grafinger Dezember 2, 2011 um 20:34

Hallo aus Bayern,
Hab genau das umgesetzt und ist eine tolle Lösung.
MfG. Karl Grafinger

Detlef Krause Dezember 3, 2011 um 22:28

Hallo Herr Grafinger,

freut mich, dass ich helfen konnte. WordPress ist schon eine tolle Sache, gell ;-)

Viele Grüße vom Texterschreibtisch

Detlef Krause

carsten Dezember 6, 2011 um 17:03

Hallo Herr Krause

grundsätzlich stimme ich Ihnen zu.
Setzte die kostenlose Variante von WPtouch auf ein. Für WordPress-Nutzer sicherlich eine sehr gute Lösung.
Allerdings muss man dabei beachten, dass WordPress längere Ladezeiten als reine HTML-Seiten hat! Am Desktop-Rechner mit W-LAN und großer Bandbreite ist das kein Problem. Jedoch sieht das im Mobilfunknetz ganz anders aus. Wer des öfteren mobil mit seinem Smartphone ins Netz geht (nicht im heimischen W-LAN-Netz!), weiss sehr wohl wovon ich hier rede, schreibe.
Zum Vergleich: meine Bramanoli-Seiten (mobil) laden bis zu 4-mal schneller als nicht optimierte oder WordPress-Seiten. Dies gilt übrigens auch für andere CMS-Systeme wie Joomla, Typo3 und Co.
In Zahlen ausgedrückt:
meine mobilen Seiten laden in durchschnittlichen 2-4 Sekunden – und das im normalen Mobilfunknetz (ohne 3G!).
WP und andere CMS-Seiten brauchen dafür ca. 10-25 Sekunden (abhängig vom CMS und den installierten Pug-ins).
Für die Aktualität der extra mobilen Seiten lassen sich RSS-Feeds (u.a. von WP) oder aber twitter-News oder Google+ – News mit einbinden.

Mobile Grüsse
Carsten Braun
http://www.bramanoli.de oder http://www.bramanoli.info

Detlef Krause Dezember 6, 2011 um 17:17

Hallo Herr Braun,

herzlichen Dank für Ihren Hinweis. Ein interessanter Aspekt, der mit zu berücksichtigen ist. Ich sehe das WordPress-Plugin als praktische Lösung, damit die Website ohne großen Aufwand sowohl am Computer, als auch mobil von Smartphones aus gut erreichbar ist. Für stärker mobil orientierte Websites braucht’s dann wahrscheinlich eine High-Speed-Variante.

Viele Grüße vom Texterschreibtisch nach Hoepfingen

Detlef Krause

Was meinen Sie dazu?