Experten sagen seit Jahren, dass der Traffic auf Websites von Besuchern auf mobilen Geräten dramatisch zunimmt. Aus diesem Grund haben viele Unternehmen intelligent damit begonnen, eine mobile Strategie für ihre Online-Präsenz zu entwickeln und Erlebnisse zu schaffen, die für Telefone und andere mobile Geräte geeignet sind.
Sobald Sie die Zeit damit verbracht haben, zu lernen, wie man Webseiten für Mobiltelefone gestalten, und bei der Umsetzung Ihrer Strategie sollten Sie auch sicherstellen, dass die Besucher Ihrer Website diese Designs sehen können. Es gibt viele Möglichkeiten, dies zu tun, und einige funktionieren besser als andere. Sehen Sie sich hier die Methode an, mit der Sie mobilen Support auf Ihren Websites implementieren können - zusammen mit einer Empfehlung gegen Ende, wie dies im heutigen Web am besten erreicht werden kann.
Einen Link zu einer anderen Site-Version bereitstellen
Dies ist bei weitem die einfachste Methode, um mit Handybenutzern umzugehen. Anstatt sich Sorgen zu machen, ob sie Ihre Seiten sehen können oder nicht, fügen Sie einfach einen Link oben auf der Seite ein, der auf eine separate mobile Version Ihrer Website verweist. Dann können die Leser selbst auswählen, ob sie die mobile Version sehen oder mit der "normalen" Version fortfahren möchten.
Der Vorteil dieser Lösung ist, dass sie einfach zu implementieren ist. Es erfordert, dass Sie eine optimierte Version für Mobilgeräte erstellen und dann irgendwo oben auf den normalen Seiten der Website einen Link hinzufügen.
Die Nachteile sind:
- Sie müssen eine separate Version der Site für mobile Benutzer verwalten. Wenn Ihre Website größer wird, vergessen Sie möglicherweise, diese zweite Version beizubehalten, und Ihre Websites 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 Tragfähig? Dieses Konzept der gerätespezifischen Versionen kann sehr schnell außer Kontrolle geraten.
- Sie müssen oben auf der Seite einen hässlichen Link platzieren, den nicht-mobile Leser sehen (und möglicherweise anklicken).
Letztendlich ist dieser Ansatz ein veralteter Ansatz, der wahrscheinlich nicht Teil einer modernen Mobilstrategie ist. Es wird manchmal als Notlösung verwendet, während eine bessere Lösung entwickelt wird, aber es ist an dieser Stelle wirklich ein kurzfristiges Pflaster.
JavaScript verwenden
In einer Variation des oben genannten Ansatzes verwenden einige Entwickler eine Art Browsererkennung Skript, um zu erkennen, ob sich der Kunde auf einem Mobilgerät befindet, und leitet ihn dann auf dieses separate Mobilgerät um Seite? ˅. Das Problem mit Browser Erkennung und mobile Geräte ist, dass es Tausende von mobilen Geräten gibt. Der Versuch, sie alle mit einem JavaScript zu erkennen, könnte alle Ihre Seiten in einen Download-Albtraum verwandeln - und Sie unterliegen immer noch vielen der gleichen Nachteile wie der oben erwähnte Ansatz.
CSS @media Handheld verwenden
Der CSS-Befehl @media handheld scheint eine ideale Anzeigemöglichkeit zu sein CSS Stile nur für Handheld-Geräte – wie 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 Medientyp "Bildschirm" gestaltet Ihre Seite für Monitore und Computerbildschirme. Der zweite für den "Handheld" gestaltet 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 besteht darin, dass Sie nicht zwei Versionen Ihrer Website pflegen müssen. Sie behalten nur das eine bei, und das Stylesheet definiert, wie es aussehen soll – was eigentlich der gewünschten Endlösung näher kommt.
Ein Problem bei dieser Methode besteht darin, dass viele Telefone den Medientyp nicht unterstützen – sie zeigen ihre Seiten stattdessen mit dem Bildschirmmedientyp an. Und viele ältere Mobiltelefone und Handhelds unterstützen CSS überhaupt nicht. Letztendlich ist diese Methode unzuverlässig und wird daher selten verwendet, um mobile Versionen einer Website bereitzustellen.
Verwenden Sie PHP, JSP, ASP, um den User-Agent zu erkennen
Dies ist eine viel bessere Möglichkeit, mobile Benutzer zu einem mobile Version der Website, da sie nicht auf eine Skriptsprache oder CSS angewiesen ist, die das Mobilgerät nicht verwendet. Stattdessen verwendet es eine serverseitige Sprache (PHP, ASP, JSP, ColdFusion usw.), um den User-Agent zu betrachten und dann die HTTP-Anfrage um auf eine mobile Seite zu verweisen, wenn es sich um ein mobiles Gerät handelt.
Ein einfacher PHP-Code dafür würde so aussehen:
Das Problem dabei ist, dass es viele, viele andere potenzielle User-Agents gibt, die von mobilen Geräten verwendet werden. Dieses Skript wird viele von ihnen abfangen und umleiten, aber nicht alle. Und es kommen ständig weitere hinzu.
Außerdem müssen Sie, wie bei den anderen oben genannten Lösungen, für diese Leser immer noch eine separate mobile Website unterhalten! Dieser Nachteil, zwei (oder mehr!) Websites verwalten zu müssen, ist Grund genug, nach einer besseren Lösung zu suchen.
Verwenden Sie WURFL
Wenn Sie immer noch entschlossen sind, Ihre mobilen Benutzer auf eine separate Website umzuleiten, dann WURFL (Wireless Universal Resource File) ist eine gute Lösung. Dies ist eine XML-Datei (und jetzt eine DB-Datei) und verschiedene DBI-Bibliotheken, die nicht nur aktuelle drahtlose Benutzeragentendaten enthalten, sondern auch welche Funktionen und Fähigkeiten diese Benutzeragenten unterstützen.
Um WURFL zu verwenden, laden Sie die XML-Konfigurationsdatei herunter, wählen dann Ihre Sprache 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 die Konfigurationsdatei ständig aktualisieren und hinzufügen. Die von Ihnen verwendete Datei ist zwar fast veraltet, bevor Sie sie heruntergeladen haben, aber die Wahrscheinlichkeit ist groß, dass Sie Laden Sie es etwa einmal im Monat herunter, Sie haben alle mobilen Browser, die Ihre Leser normalerweise verwenden, ohne Probleme. Der Nachteil ist natürlich, dass Sie diese ständig herunterladen und aktualisieren müssen - alles, um Benutzer auf eine zweite Website und die daraus resultierenden Nachteile zu leiten.
Die beste Lösung ist Responsive Design
Wenn also die Verwaltung unterschiedlicher Websites für verschiedene Geräte nicht die Lösung ist, was dann? Sich anpassendes Webdesign.
Beim Responsive Design verwenden Sie CSS-Medienabfragen, um Stile für Geräte unterschiedlicher Breite zu definieren. Responsive Design ermöglicht es Ihnen, eine Webseite sowohl für mobile als auch für nicht mobile Benutzer zu erstellen. Dann müssen Sie sich keine Gedanken darüber machen, welche Inhalte auf der mobilen Website angezeigt werden sollen, oder daran denken, die neuesten Änderungen auf Ihre mobile Website zu übertragen. Außerdem müssen Sie, sobald Sie das CSS geschrieben haben, nichts Neues herunterladen.
Responsive Design funktioniert möglicherweise nicht perfekt auf extrem alten Geräten und Browsern (von denen die meisten heute sehr wenig genutzt werden und für Sie keine große Sorge sein sollten), aber weil es so ist Additiv (Hinzufügen von Stilen zum Inhalt, anstatt Inhalt wegzunehmen) können diese Leser Ihre Website immer noch lesen, sie sieht auf ihrem alten Gerät einfach nicht ideal aus oder Browser.