Webtechnik

Tipp: Mobile Version der Webseite bereitstellen

29.6.2012 von Bodo Ehrlichmann

Eine eigene in der Darstellung angepasste Version der Webseite ist sehr aufwändig - aber effektiv. Wir zeigen Ihnen, wie Sie eine spezielle mobile Version Ihrer Webseite bereitstellen können.

ca. 0:50 Min
Ratgeber
Wikipedia - Mobiles Internet
Wikipedia - Mobiles Internet
© Hersteller/Archiv

Sie können dem Besucher auf der Webseite ganz einfach die Möglichkeit geben, über einen Button oder Link auf die mobile Version umzuschalten oder den Anwender direkt auf die alternative Variante weiterleiten.

Die Abfrage, mit welchem Gerät der Benutzer auf Ihre Webseite zugreift, funktioniert recht einfach über eine Abfrage in PHP. Mit einer Browser-Weiche leiten Sie den Besucher direkt auf die optimierte Version weiter:

<??$browser = get_browser(null, true);?if
($browser["ismobiledevice"] == true) {?echo "mobile Inhalte";?} else
{?echo "normale Inhalte";?}??>

Sie können weitere Versionen für diverse Browser hinterlegen.

Tipp: Spezielle XHTML-Version verwenden

Die Anforderungen, die das mobile Internet verlangt, können Sie abdecken, indem Sie die extra dafür weiterentwickelte XHTML-Variante XHTML MP (MP steht für Mobile Profile) verwenden. In diesem Profil können Sie wie gewohnt die Elemente von XHTM-Basic und zusätzlich weitere Bestandteile zur Textauszeichnung verwenden. Auch für Formulare und Eingabe- und Abfragefelder stellt dieser Standard spezielle Elemente bereit. Kennzeichnen Sie Ihre Datei als XHTMLMP-Dokument mit folgendem Doctype im Header der Seite:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"?" http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

Mehr lesen

Chronologische Liste und Netflix-Links

Marvel-Filme- und -Serien: Das ist die richtige Reihenfolge

Neuerscheinungen in der Übersicht

Netflix: Neue Filme und Serien

Vorschau auf Film- und Serien-Highlights

Amazon Prime Video: Neuheiten

Weiter zur Startseite  

Mehr zum Thema

Wordpress 3.4.1 erschienen

Sicherheitsupdate

Wordpress 3.4.1 erschienen

Rund 2 Wochen nach Veröffentlichung der Version 3.4 hat Worpress ein Update auf 3.4.1 nachgeschoben. Es behebt kleinere Fehler und ein mögliches…

CSS für mobile Webseite

Webtechnik

Tipp: CSS-Datei für mobile Webseiten einbinden

CSS-Dateien steuern das Aussehen einer Internetseite. Wir zeigen Ihnen, wie Sie diese Anweisungen speziell für mobile Endgeräte anpassen.

Mobile Webseite Skalierung

Webtechnik

Tipp: META-Tags für mobile Webseiten

Für die mobile Version einer Webseite gibt es spezielle META-Angaben. Wir sagen Ihnen, mit welchen Tags Sie Auflösung und Skalierung Ihrer Webseite…

Magix Xara Designer Pro X

Software

Magix Xara Designer Pro X - Foto, Druck und Web

Magix kombiniert unter dem Namen Xara Designer Pro X die beiden Programme Foto & Grafik Designer und Web Designer Premium. Damit liefert das Paket die…

Wordpress: Wir helfen bei der Installation und Anpassung von Themes.

Themes installieren & anpassen

WordPress-Themes - der große Ratgeber mit Tipps und Tricks

Themes sind Baukästen für jedes WordPress-Blog. Sie bestehen vor allem aus Templates und Stylesheets, die das Gerüst bieten für individualisierte…