Dotmobi-Sites für den Desktop-PC?
Wenn Sie Ihre Seiten für Suchmaschinen optimieren und über Links von klassischen Webseiten einen Pagerank aufbauen, werden Sie wahrscheinlich ein ähnliches Erlebnis haben wie ich:
Die mobile Webseite läuft für einige Keywords zu Hochform auf und bringt via Suchmaschine massenhaft Traffic von Desktop-PCs. Bei meiner ersten .mobi-Website führte dies teilweise dazu, daß die .mobi-Seite im Suchergebnis direkt unter der .de-Seite mit gleichem Inhalt auftaucht und kräftig Traffic mitbringt.
Was sich im ersten Moment gut anhört führt im nächsten Moment zum ersten Problem: Das vereinfachte Layout einer mobilen Website sieht im Desktop-Browser einfach nur fürchterlich aus. Um Besucher nicht zu verschrecken sollten Sie jetzt ein alternatives CSS zur Hand haben um die Darstellung an den großen Bildschirm anzupassen.
CSS-Darstellung für Desktop und Handheld steuern
Das Link-Tag im HTML sieht für die Ansteuerung des CSS für verschiedene Devices das Attribut "media" vor. Hier kann mit den Werten "screen", "all" oder "handheld" jeweils eine gesonderte CSS-Datei mit der HTML verbunden werden. Wenn der Browser diese Auswahl korrekt ausführt, kann die CSS komplett ausgetauscht werden.
Wollen Sie keinen kompletten Austausch des CSS, können sie zumindest einen Breitenbegrenzung der Webseite auf dem Desktop-PC einfügen. Setzen Sie eine Div-Box als äußeren Rahmen, die die Breite des Inhalts für media="screen" auf 500 Pixel begrenzt. Auf diese Weise wird ein kurzer Fließtext wenigstens einmal umgebrochen und verläuft nicht in einer Zeile über die komplette Breite des Desktop-Bildschirms.
Weitere Inhalte nur für den Desktop einblenden
Wenn Ihre Seite mit PHP erstellt wird oder Ihr Webserver PHP zuläßt, gibt es noch eine andere Möglichkeit die CSS-Darstellung zu steuern: Fügen Sie einfach in Abhängigkeit vom User-Agent weitere Zeilen in Ihre HTML ein.
Im globalen vordefinierten Array $_Server finden sie in $_SERVER['HTTP_USER_AGENT'] eine Identifikation für den Browser und das zugehörige Betriebssystem. Die Desktop-Betriebssysteme sind relativ einfach zu erkennen: Über die Suche nach verschiedenen Teilstrings können Windows, Macintosh und X11-Systeme recht gut gefiltert werden, der Rest ist per Definition ein Handheld.
Diese Regelung ist insbesondere dann erforderlich, wenn die Seite mit Werbung verziert werden soll. Während es schwierig ist ein geeignetes Partnerprogramm für mobiles Web zu finden, lassen sich Desktop-PCs über viele Partnerprogramme mit Werbung versorgen. Blenden Sie Adsense und Co nur ein, wenn Sie sicher sind daß es sich tatsächlich um einen Desktop-PC handelt.
nach oben