Već godinama stručnjaci govore kako se promet posjetitelja na mobilnim uređajima na web stranicama dramatično povećava. Iz tog su razloga mnoge tvrtke pametno počele prihvaćati mobilnu strategiju za svoju internetsku prisutnost, stvarajući iskustva koja odgovaraju telefonu i drugim mobilnim uređajima.
Nakon što potrošite vrijeme učeći kako dizajnirati web stranice za mobilne telefone, i implementirajući svoju strategiju, također ćete htjeti biti sigurni da posjetitelji vaše web stranice mogu vidjeti te dizajne. Postoji mnogo načina na koje to možete učiniti, a neki rade bolje od drugih. Evo pogleda na metodu pomoću koje možete implementirati mobilnu podršku na svoje web stranice - zajedno s preporukom pri kraju koja je najbolja metoda za postizanje toga na današnjem webu.
Navedite vezu do druge verzije web mjesta
Ovo je daleko najlakši način za rukovanje korisnicima mobitela. Umjesto da se brinete mogu li ili ne mogu vidjeti vaše stranice, jednostavno stavite vezu negdje pri vrhu stranice koja upućuje na zasebnu mobilnu verziju vašeg web mjesta. Tada čitatelji mogu sami odabrati žele li vidjeti mobilnu verziju ili nastaviti s "normalnom" verzijom.
Prednost ovog rješenja je u tome što ga je jednostavno implementirati. Potrebno je stvoriti optimiziranu verziju za mobilne uređaje, a zatim dodati vezu negdje pri vrhu uobičajenih stranica web mjesta.
Nedostaci su:
- Morate održavati zasebnu verziju web mjesta za mobilne korisnike. Kako se vaša web lokacija povećava, možda ćete zaboraviti održavati tu drugu verziju i vaše web stranice mogu nestati iz sinkronizacije.
- Stvarate li i treću verziju za tablete? Može četvrta verzija za nosivi? Ovaj koncept verzija specifičnih za uređaj može vrlo brzo izmaknuti kontroli.
- Morate staviti ružnu vezu na vrh stranice koju čitatelji koji nisu mobilni mogu vidjeti (i eventualno kliknuti na nju).
U konačnici, ovaj je pristup zastario i vjerojatno neće biti dio moderne mobilne strategije. Ponekad se koristi kao rješenje za zaustavljanje dok se razvija bolje rješenje, ali u ovom trenutku to je zapravo kratkoročni flaster.
Koristite JavaScript
U varijaciji gore spomenutog pristupa, neki programeri koriste neku vrstu otkrivanja preglednika skripta za otkrivanje je li kupac na mobilnom uređaju, a zatim ga preusmjeriti na taj zasebni mobitel web mjesto. Problem s preglednik otkrivanje i mobilni uređaji je da postoje tisuće mobilnih uređaja vani. Pokušaj da ih sve otkrijete jednim JavaScriptom mogao bi pretvoriti sve vaše stranice u noćnu moru za preuzimanje - a vi još uvijek podliježete mnogim istim nedostacima kao gore spomenuti pristup.
Koristite CSS @media Handheld
Čini se da bi CSS naredba @media handheld bila idealan način prikaza CSS stilovi samo za ručne uređaje - poput mobitela. Ovo se čini idealnim rješenjem za prikaz stranica za mobilne uređaje. Napišete jednu web stranicu, a zatim izradite dva lista stilova. Prva vrsta medija za "zaslon" stilizira vašu stranicu za monitore i zaslone računala. Drugi za "ručni" stil vaše stranice za male uređaje poput onih mobilnih telefona. Zvuči lako, ali u praksi zapravo ne uspijeva.
Najveća prednost ove metode je što ne morate održavati dvije verzije svoje web stranice. Vi samo održavate jedan i stilski list definira kako to treba izgledati - što se zapravo približava krajnjem rješenju koje želimo.
Problem s ovom metodom je taj što mnogi telefoni ne podržavaju vrstu medija - umjesto toga prikazuju svoje stranice s tipom medija na zaslonu. A mnogi stariji mobiteli i ručni uređaji uopće ne podržavaju CSS. Na kraju, ova metoda je nepouzdana i stoga se rijetko koristi za isporuku mobilnih verzija web mjesta.
Upotrijebite PHP, JSP, ASP za otkrivanje korisničkog agenta
Ovo je puno bolji način za preusmjeravanje mobilnih korisnika na mobilna verzija web stranice jer se ne oslanja na skriptni jezik ili CSS koji mobilni uređaj ne koristi. Umjesto toga, koristi jezik na poslužitelju (PHP, ASP, JSP, ColdFusion, itd.) Da bi pogledao korisničkog agenta, a zatim promijenio HTTP zahtjev ukazati na mobilnu stranicu ako se radi o mobilnom uređaju.
Jednostavni PHP kôd za ovo izgledao bi ovako:
Problem je ovdje što postoji puno, puno drugih potencijalnih korisničkih agenata koje koriste mobilni uređaji. Ova skripta će ih uhvatiti i preusmjeriti, ali ne na bilo koji način. I stalno se dodaju još.
Osim toga, kao i kod ostalih gornjih rješenja, i dalje ćete morati održavati zasebno mobilno mjesto za ove čitatelje! Ovaj nedostatak upravljanja dvjema (ili više!) Web lokacija dovoljan je razlog za traženje boljeg rješenja.
Koristite WURFL
Ako ste i dalje odlučni preusmjeriti svoje mobilne korisnike na zasebno web mjesto, tada VRTLJIVO (Wireless Universal Resource File) je dobro rješenje. Ovo je XML datoteka (a sada DB datoteka) i razne DBI knjižnice koje sadrže ne samo ažurne podatke bežičnog korisničkog agenta već i koje značajke i mogućnosti ti korisnički agenti podržavaju.
Da biste koristili WURFL, preuzmite XML datoteku za konfiguraciju, a zatim odaberite svoj jezik i implementirajte API na svoje web mjesto. Postoje alati za upotrebu WURFL-a s Java, PHP, Perl, Ruby, Python, Net, XSLTi C ++.
Prednost korištenja WURFL-a je u tome što se puno ljudi stalno ažurira i dodaje u datoteku konfiguracije. Dakle, iako je datoteka koju koristite zastarjela gotovo prije nego što ste je preuzeli, šanse su da ako preuzmite ga jednom mjesečno ili tako nekako, imat ćete sve mobilne preglednike koje vaši čitatelji uobičajeno koriste bez ikakvih problema. Loša strana je, naravno, što ovo morate neprestano preuzimati i ažurirati - sve kako biste korisnike mogli usmjeriti na drugo web mjesto i nedostatke koji ga stvaraju.
Najbolje rješenje je prilagodljiv dizajn
Pa ako održavanje različitih web lokacija za različite uređaje nije odgovor, što je? Odzivni web dizajn.
Odzivni dizajn je mjesto gdje pomoću CSS medijskih upita definirate stilove za uređaje različitih širina. Prilagodljivi dizajn omogućuje vam stvaranje jedne web stranice kako za mobilne tako i za mobilne korisnike. Tada ne morate brinuti o tome koji ćete sadržaj prikazati na mobilnoj web lokaciji ili se sjetiti prenijeti najnovije promjene na svoju mobilnu web stranicu. Osim toga, nakon što napišete CSS, ne morate preuzimati ništa novo.
Responzivni dizajn možda neće raditi savršeno na izuzetno starim uređajima i preglednicima (od kojih se većina danas koristi u vrlo maloj količini i ne bi vas trebao previše brinuti), ali zato što je dodatak (dodavanje stilova sadržaju, umjesto uklanjanja sadržaja) ovi čitači i dalje će moći čitati vaše web mjesto, jednostavno neće izgledati idealno na njihovom starom uređaju ili preglednik.