Experten sagen seit Jahren, dass der Traffic auf Webseiten von Besuchern auf mobilen Geräten dramatisch zugenommen hat. Aus diesem Grund haben viele Unternehmen eine mobile Strategie für ihre Online-Präsenz eingeführt, um Erfahrungen zu schaffen, die für Telefone und andere mobile Geräte geeignet sind.
Nachdem Sie sich mit der Gestaltung von Webseiten für Mobiltelefone und der Umsetzung Ihrer Strategie vertraut gemacht haben, möchten Sie auch sicherstellen, dass die Besucher Ihrer Website diese Entwürfe sehen können. Es gibt viele Möglichkeiten, dies zu tun, und einige funktionieren besser als andere. Sehen Sie sich die Methode an, mit der Sie die mobile Unterstützung auf Ihren Websites implementieren können. Am Ende wird eine Empfehlung für die beste Methode angezeigt, um dies zu erreichen.
Stellen Sie einen Link zu einer anderen Site-Version bereit
Dies ist bei weitem die einfachste Methode, um mit Handybenutzern umzugehen. Anstatt sich zu sorgen, ob sie Ihre Seiten sehen oder nicht sehen können, fügen Sie einfach oben auf der Seite einen Link ein, der auf eine separate mobile Version Ihrer Website verweist. Die Leser können dann selbst auswählen, ob sie die mobile Version sehen möchten oder mit der "normalen" Version fortfahren möchten.
Der Vorteil dieser Lösung ist die einfache Implementierung. Sie müssen eine optimierte Version für Handys erstellen und dann oben auf den normalen Seiten eine Verknüpfung hinzufügen.
Die Nachteile sind:
- Sie müssen eine separate Version der Website für mobile Benutzer verwalten. Wenn Ihre Site größer wird, können Sie vergessen, die zweite Version beizubehalten und Ihre Sites könnten nicht mehr synchron sein.
- Erstellen Sie auch eine dritte Version für Tablets? Wie wäre es mit einer vierten Version für Wearables? Dieses Konzept gerätespezifischer Versionen kann sehr schnell außer Kontrolle geraten.
- Sie müssen oben auf der Seite einen hässlichen Link setzen, den Nicht-mobile Leser sehen können (und möglicherweise auf klicken).
Letztendlich ist dieser Ansatz veraltet und es ist unwahrscheinlich, dass er Teil einer modernen Mobilstrategie ist. Es wird manchmal als Stop-Gap-Fix verwendet, während eine bessere Lösung entwickelt wird, aber an diesem Punkt ist es wirklich eine kurzfristige Bandhilfe.
Verwenden Sie JavaScript
Bei einer Variation des oben genannten Ansatzes verwenden einige Entwickler ein Browser-Erkennungsskript, um zu ermitteln, ob sich der Kunde auf einem mobilen Gerät befindet, und diese dann an diesen separaten mobilen Standort umzuleiten. Das Problem bei der Browsererkennung und mobilen Geräten besteht darin, dass es Tausende von mobilen Geräten gibt. Wenn Sie versuchen, sie alle mit einem JavaScript zu finden, können alle Ihre Seiten in einen Alptraum zum Herunterladen umgewandelt werden - und Sie haben immer noch die gleichen Nachteile wie der oben erwähnte Ansatz.
Verwenden Sie CSS @media Handheld
Der CSS-Befehl @media Handheld scheint ein idealer Weg zu sein, um CSS-Stile nur für Handheld-Geräte anzuzeigen - wie z. B. Mobiltelefone. Dies scheint eine ideale Lösung für die Anzeige von Seiten für mobile Geräte zu sein. Sie schreiben eine Webseite und erstellen dann zwei Stylesheets. Der erste für den "Bildschirm" Medientyp formatiert Ihre Seite für Monitore und Computerbildschirme. Die zweite für den "Handheld" formatiert Ihre Seite für kleine Geräte wie diese Mobiltelefone. Klingt einfach, funktioniert aber in der Praxis nicht wirklich.
Der größte Vorteil dieser Methode ist, dass Sie nicht zwei Versionen Ihrer Website verwalten müssen. Sie pflegen nur die eine, und das Stylesheet definiert, wie es aussehen soll - was tatsächlich der Endlösung näher kommt, die wir wollen.
Ein Problem bei dieser Methode ist, dass viele Telefone den Medientyp nicht unterstützen - sie zeigen stattdessen ihre Seiten mit dem Bildschirmmedientyp an. Und viele ältere Handys und Handhelds unterstützen kein CSS. Letztendlich ist diese Methode unzuverlässig und wird daher selten für die Bereitstellung mobiler Versionen einer Website verwendet.
Verwenden Sie PHP, JSP, ASP, um den User-Agent zu ermitteln
Dies ist eine viel bessere Möglichkeit, mobile Benutzer auf eine mobile Version der Website umzuleiten, da sie nicht auf eine Skriptsprache oder CSS angewiesen ist, die das mobile Gerät nicht verwendet. Stattdessen verwendet es eine serverseitige Sprache (PHP, ASP, JSP, ColdFusion usw.), um den Benutzeragenten anzuzeigen und die HTTP-Anforderung zu ändern, sodass er auf eine mobile Seite verweist, wenn es sich um ein mobiles Gerät handelt.
Ein einfacher PHP-Code dazu würde folgendermaßen aussehen:
stristr ($ ua, "Windows CE") oderstristr ($ ua, "AvantGo") oderstristr ($ ua, "Mazingo") oderstristr ($ ua, "Mobile") oderstristr ($ ua, "T68") oderstristr ($ ua, "Syncalot") oderstristr ($ ua, "Blazer")) {$ DEVICE_TYPE = "MOBILE";}if (isset ($ DEVICE_TYPE) und $ DEVICE_TYPE == "MOBILE") {$ location = 'mobile / index.php';header ('location:'. $ location);Ausfahrt;}?>
Das Problem hier ist, dass es viele andere potenzielle Benutzeragenten gibt, die von mobilen Geräten verwendet werden. Dieses Skript wird viele davon fangen und umleiten, jedoch nicht alle. Und immer mehr werden hinzugefügt.
Wie bei den anderen Lösungen oben müssen Sie außerdem eine separate mobile Website für diese Leser einrichten! Dieser Nachteil der Verwaltung von zwei (oder mehr!) Websites ist Grund genug, nach einer besseren Lösung zu suchen.
Verwenden Sie WURFL
Wenn Sie weiterhin entschlossen sind, Ihre mobilen Benutzer zu einer separaten Site umzuleiten, ist WURFL (Wireless Universal Resource File) eine gute Lösung. Hierbei handelt es sich um eine XML-Datei (und jetzt eine DB-Datei) und verschiedene DBI-Bibliotheken, die nicht nur aktuelle Daten zu Wireless-Benutzeragenten enthalten, sondern auch, welche Funktionen und Funktionen diese Benutzeragenten unterstützen.
Um WURFL zu verwenden, laden Sie die XML-Konfigurationsdatei herunter, wählen Ihre Sprache aus und implementieren die API auf Ihrer Website. Es gibt Tools für die Verwendung von WURFL mit Java, PHP, Perl, Ruby, Python, Net, XSLT und C ++.
Der Vorteil der Verwendung von WURFL besteht darin, dass viele Leute ständig aktualisiert und zur Konfigurationsdatei hinzugefügt werden. Die Datei, die Sie verwenden, ist fast vor dem Download veraltet. Wenn Sie sie einmal im Monat herunterladen, werden Sie wahrscheinlich alle mobilen Browser verwenden, die Ihre Leser normalerweise ohne verwenden Probleme. Der Nachteil ist natürlich, dass Sie diese Datei ständig herunterladen und aktualisieren müssen - alles, damit Sie Benutzer zu einer zweiten Website und den damit verbundenen Nachteilen führen können.
Die beste Lösung ist Responsive Design
Wenn also die Verwaltung verschiedener Standorte für verschiedene Geräte nicht die Antwort ist, was ist das? Sich anpassendes Webdesign.
Beim Responsive Design verwenden Sie CSS-Medienabfragen zum Definieren von Stilen für Geräte mit unterschiedlichen Breiten. Mit Responsive Design können Sie eine Webseite für mobile und nicht mobile Benutzer erstellen. Dann müssen Sie sich keine Gedanken darüber machen, welche Inhalte auf der mobilen Website angezeigt werden sollen, oder die letzten Änderungen auf Ihre mobile Website übertragen. Sobald Sie das CSS geschrieben haben, müssen Sie nichts Neues herunterladen.
Responsive Design funktioniert auf extrem alten Geräten und Browsern möglicherweise nicht einwandfrei (die meisten davon werden heutzutage nur in sehr geringem Umfang verwendet und sollten Sie nicht beunruhigen), sondern weil sie additiv ist (das Hinzufügen von Stilen zu den Inhalten statt das Aufnehmen von Inhalten entfernt) Diese Leser können Ihre Website trotzdem noch lesen, auf ihrem alten Gerät oder Browser ist dies jedoch nicht ideal.
