Od lat eksperci twierdzą, że ruch na stronach internetowych użytkowników korzystających z urządzeń mobilnych gwałtownie rośnie. Z tego powodu wiele firm mądrze zaczęło stosować strategię mobilną dla swojej obecności w Internecie, tworząc doświadczenia dostosowane do telefonów i innych urządzeń mobilnych.
Po spędzeniu czasu na nauce projektowanie stron internetowych na telefony komórkowei wdrażając swoją strategię, zadbaj również o to, aby użytkownicy Twojej witryny mogli zobaczyć te projekty. Można to zrobić na wiele sposobów i niektóre działają lepiej niż inne. Oto spojrzenie na metodę, której możesz użyć do wdrożenia obsługi urządzeń mobilnych w swoich witrynach – wraz z pod koniec zaleceniem, jaka jest najlepsza metoda na osiągnięcie tego w dzisiejszym internecie.
Podaj link do innej wersji witryny
Jest to zdecydowanie najłatwiejsza metoda obsługi użytkowników telefonów komórkowych. Zamiast martwić się, czy widzą lub nie mogą zobaczyć Twoich stron, po prostu umieść link gdzieś w górnej części strony, który wskazuje na oddzielną mobilną wersję Twojej witryny. Następnie czytelnicy mogą samodzielnie wybrać, czy chcą zobaczyć wersję mobilną, czy kontynuować „normalną” wersję.
Zaletą tego rozwiązania jest łatwość wdrożenia. Wymaga utworzenia zoptymalizowanej wersji dla urządzeń mobilnych, a następnie dodania linku gdzieś u góry normalnych stron witryny.
Wady to:
- Musisz utrzymywać osobną wersję serwisu dla użytkowników mobilnych. W miarę powiększania się witryny możesz zapomnieć o utrzymaniu drugiej wersji, a Twoje witryny mogą stracić synchronizację.
- Czy tworzycie też trzecią wersję na tablety? Co powiesz na czwartą wersję? urządzenia do noszenia? Ta koncepcja wersji dla konkretnych urządzeń może bardzo szybko wymknąć się spod kontroli.
- Musisz umieścić brzydki link na górze strony, który czytelnicy niemobilni mogą zobaczyć (i ewentualnie kliknąć).
Ostatecznie to podejście jest przestarzałe i prawdopodobnie nie będzie częścią nowoczesnej strategii mobilnej. Czasami jest używany jako środek zastępczy, gdy opracowywane jest lepsze rozwiązanie, ale w tym momencie jest to tak naprawdę krótkoterminowa pomoc.
Użyj JavaScript
W odmianie powyższego podejścia niektórzy programiści stosują pewien rodzaj wykrywania przeglądarki skrypt wykrywający, czy klient korzysta z urządzenia mobilnego, a następnie przekierowujący go na ten oddzielny telefon komórkowy teren. Problem z przeglądarka wykrywania i urządzeń mobilnych jest to, że istnieją tysiące urządzeń mobilnych. Próba wykrycia ich wszystkich za pomocą jednego JavaScriptu może zmienić wszystkie Twoje strony w koszmar pobierania - i nadal masz wiele takich samych wad, jak wyżej wymienione podejście.
Użyj CSS @media Handheld
Polecenie CSS @media handheld wydaje się być idealnym sposobem na wyświetlenie CSS style tylko dla urządzeń przenośnych — takich jak telefony komórkowe. Wydaje się, że to idealne rozwiązanie do wyświetlania stron na urządzenia mobilne. Piszesz jedną stronę internetową, a następnie tworzysz dwa arkusze stylów. Pierwszy dla typu nośnika „ekran” stylizuje Twoją stronę na monitory i ekrany komputerowe. Drugi dla urządzeń przenośnych stylizuje twoją stronę na małe urządzenia, takie jak te telefony komórkowe. Brzmi prosto, ale w praktyce tak naprawdę nie działa.
Największą zaletą tej metody jest to, że nie musisz utrzymywać dwóch wersji swojej witryny. Po prostu utrzymujesz jedną, a arkusz stylów definiuje, jak powinien wyglądać — co w rzeczywistości zbliża się do końcowego rozwiązania, którego chcemy.
Problem z tą metodą polega na tym, że wiele telefonów nie obsługuje typu multimediów — zamiast tego wyświetlają swoje strony z typem multimediów ekranowych. Wiele starszych telefonów komórkowych i urządzeń przenośnych w ogóle nie obsługuje CSS. Ostatecznie ta metoda jest zawodna i dlatego rzadko jest używana do dostarczania mobilnych wersji strony internetowej.
Użyj PHP, JSP, ASP, aby wykryć klienta użytkownika
Jest to znacznie lepszy sposób na przekierowanie użytkowników mobilnych do wersja mobilna witryny, ponieważ nie opiera się na języku skryptowym ani CSS, z których nie korzysta urządzenie mobilne. Zamiast tego używa języka po stronie serwera (PHP, ASP, JSP, ColdFusion itp.), aby spojrzeć na klienta użytkownika, a następnie zmienić żądanie HTTP aby wskazać stronę mobilną, jeśli jest to urządzenie mobilne.
Prosty kod PHP, który to zrobi, będzie wyglądał tak:
Problem polega na tym, że istnieje wiele innych potencjalnych klientów użytkownika, z których korzystają urządzenia mobilne. Ten skrypt wyłapie i przekieruje wiele z nich, ale nie wszystkie w jakikolwiek sposób. I cały czas dodawane są kolejne.
Dodatkowo, podobnie jak w przypadku innych powyższych rozwiązań, nadal będziesz musiał utrzymywać oddzielną witrynę mobilną dla tych czytelników! Ta wada polegająca na konieczności zarządzania dwiema (lub więcej!) witrynami jest wystarczającym powodem, aby poszukać lepszego rozwiązania.
Użyj WURFL
Jeśli nadal chcesz przekierować użytkowników mobilnych do osobnej witryny, to WURFL (Wireless Universal Resource File) to dobre rozwiązanie. Jest to plik XML (a teraz plik DB) i różne biblioteki DBI, które nie tylko zawierają aktualne dane bezprzewodowych klientów użytkownika, ale także funkcje i możliwości obsługiwane przez te klienty.
Aby korzystać z WURFL, pobierz plik konfiguracyjny XML, a następnie wybierz swój język i zaimplementuj API na swojej stronie internetowej. Istnieją narzędzia do korzystania z WURFL z Java, PHP, Perl, Ruby, Python, Net, XSLTi C++.
Zaletą korzystania z WURFL jest to, że wiele osób przez cały czas aktualizuje i dodaje do pliku konfiguracyjnego. Tak więc chociaż plik, którego używasz, jest nieaktualny prawie przed zakończeniem pobierania, istnieje prawdopodobieństwo, że jeśli pobierz go mniej więcej raz w miesiącu, będziesz mieć wszystkie przeglądarki mobilne, których zwykle używają Twoi czytelnicy bez żadnych problemy. Minusem jest oczywiście to, że trzeba to stale pobierać i aktualizować – wszystko po to, aby skierować użytkowników do drugiej strony internetowej i powstałych wad.
Najlepszym rozwiązaniem jest responsywny projekt
Więc jeśli utrzymywanie różnych witryn dla różnych urządzeń nie jest odpowiedzią, co to jest? Responsywne projektowanie stron internetowych.
Projektowanie responsywne to miejsce, w którym używasz zapytań o media CSS do definiowania stylów dla urządzeń o różnych szerokościach. Responsywny design pozwala na stworzenie jednej strony WWW zarówno dla użytkowników mobilnych, jak i niemobilnych. Dzięki temu nie musisz się martwić, jakie treści wyświetlać w witrynie mobilnej ani pamiętać o przeniesieniu najnowszych zmian do witryny mobilnej. Dodatkowo, po napisaniu CSS, nie musisz pobierać niczego nowego.
Responsywny projekt może nie działać idealnie na bardzo starych urządzeniach i przeglądarkach (z których większość jest obecnie bardzo mało używana i nie powinna być dla Ciebie dużym zmartwieniem), ale ponieważ jest dodatek (dodawanie stylów do treści, a nie usuwanie treści) ci czytelnicy nadal będą mogli czytać Twoją witrynę, po prostu nie będzie wyglądać idealnie na ich starym urządzeniu lub przeglądarka.