Preusmerite mobilne uređaje na mobilni sadržaj ili dizajn
Već godinama stručnjaci kažu da se saobraćaj na sajtove posetilaca mobilnih uređaja dramatično povećava. Zbog toga su mnoge kompanije pametno počele da prihvate mobilnu strategiju za svoje prisustvo na mreži, stvarajući iskustva koja su pogodna za telefon i druge mobilne uređaje.
Jednom kada ste proveli vrijeme kako biste naučili kako dizajnirati web stranice za mobilne telefone i implementirati svoju strategiju, takođe ćete želeti da se uverite da posjetioci vašeg sajta mogu videti te dizajne. Postoji mnogo načina da to učinite, a neki bolje funkcionišu od drugih. Evo pogleda na metod koji možete koristiti za implementaciju mobilne podrške na vašim veb lokacijama - zajedno sa preporukom blizu kraja za koji je najbolji način za postizanje ovoga na današnjem Webu!
Obezbedite vezu sa drugom verzijom sajta
Ovo je daleko najlakši način za rukovanje korisnicima mobilnih telefona. Umjesto da brinete da li mogu ili ne mogu videti vaše stranice, jednostavno postavite link negdje u vrhu stranice koja ukazuje na zasebnu mobilnu verziju vaše stranice. Tada čitaoci mogu sami da izaberu da li žele da vide verziju za mobilni telefon ili da nastavi sa "normalnom" verzijom.
Prednost ovog rešenja je da je lako implementirati. Zahteva od vas da napravite optimizovanu verziju za mobilne uređaje, a zatim dodate vezu negde blizu vrha normalnih stranica stranica.
Nedostaci su:
- Morate održavati zasebnu verziju sajta za korisnike mobilnih uređaja. Kako se vaša stranica povećava, možda ćete zaboraviti da održite tu drugu verziju, a sajtovi mogu nestati iz sinhronizacije.
- Da li pravite i treću verziju tableta? Šta mislite o četvrtoj verziji za nosive materijale? Ovaj koncept specifičnih verzija uređaja može vrlo brzo spiralo van kontrole.
- Morate staviti ružnu vezu na vrhu stranice koju ne-mobilni čitaoci mogu videti (i možda kliknuti na).
Na kraju, ovaj pristup je zastareo i verovatno nije deo moderne mobilne strategije. Ponekad se koristi kao fix-gap popravak dok se razvija bolje rješenje, ali u ovom trenutku to je kratkoročna pomoć.
Koristite JavaScript
U varijanti pomenutog pristupa, neki programer koristi neku vrstu skripte za otkrivanje pregledača kako bi otkrio da li je korisnik na mobilnom uređaju i onda ih preusmerava na tu odvojenu lokaciju za mobilne uređaje. Problem sa otkrivanjem pretraživača i mobilnim uređajima jeste to što tamo postoje hiljade mobilnih uređaja. Da bi pokušali da ih sve otkrijete sa jednim JavaScriptom, sve vaše stranice pretvorile u noćnu moru za preuzimanje - i još uvek ste podložni mnogim istim nedostacima kao gore pomenuti pristup.
Koristite ručne medije za CSS
CSS naredba @media handheld čini se da bi to bio idealan način prikazivanja CSS stilova samo za ručne uređaje - kao što su mobilni telefoni. Ovo izgleda kao idealno rešenje za prikaz stranica za mobilne uređaje. Napišete jednu Web stranicu, a zatim kreirate dva stila. Prvi za tip ekrana "ekrana" oblikuje vašu stranicu za monitore i ekrane računara. Druga za "ručnu" stilu vašu stranicu za male uređaje kao što su ti mobilni telefoni. Zvuči lako, ali stvarno ne funkcioniše u praksi.
Najveća prednost ove metode je da ne morate da održavate dve verzije vaše web stranice. Jednostavno ga održavate, a stilski stil definiše kako bi trebalo da izgleda - što se zapravo bliži krajnjem rešenju koje želimo.
Problem sa ovom metodom je taj što mnogi telefoni ne podržavaju ručni tip medija - oni prikazuju svoje stranice umesto tipa ekrana. I mnogi stariji mobilni telefoni i dlanovi uopšte ne podržavaju CSS. Na kraju, ova metoda je nepouzdana i stoga se retko koristi za pružanje mobilnih verzija web stranice.
Koristite PHP, JSP, ASP da biste otkrili User-Agent
Ovo je mnogo bolji način da se mobilni korisnici preusmeravaju na mobilnu verziju sajta, jer se ne oslanja na jezik skripti ili CSS koji mobilni uređaj ne koristi. Umesto toga, on koristi jezik na serveru (PHP, ASP, JSP, ColdFusion, itd.) Da bi pogledao agent-a, a zatim promijenio HTTP zahtjev da bi pokazao na stranicu za mobilne uređaje ako je mobilni uređaj.
Jednostavan PHP kod za to bi izgledao ovako:
stristr ($ ua, "Windows CE") ili
stristr ($ ua, "AvantGo") ili
stristr ($ ua, "Mazingo") ili
stristr ($ ua, "mobilni") ili
stristr ($ ua, "T68") ili
stristr ($ ua, "Syncalot") ili
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILNO";
}
ako (isset ($ DEVICE_TYPE) i $ DEVICE_TYPE == "MOBILE") {
$ location = 'mobile / index.php';
header ('Lokacija:'. $ lokacija);
Izlaz;
}
?>
Problem je u tome što ima puno i puno drugih potencijalnih korisničkih agenata koje koriste mobilni uređaji. Ova skripta će uhvatiti i preusmjeriti mnoge od njih, ali ne sve na bilo koji način. I više se dodaju stalno.
Plus, kao i sa drugim gore navedenim rješenjima, moraćete i dalje imati odvojeno mjesto za mobilne uređaje za ove čitaoce! Ovaj nedostatak da upravljate dvema (ili više!) Web stranicama dovoljno je razloga da potražite bolje rješenje.
Koristite WURFL
Ako ste i dalje odlučni da preusmerite svoje mobilne korisnike na zasebnu lokaciju, onda je WURFL (Wireless Universal Resource File) dobro rešenje. Ovo je XML datoteka (a sada DB datoteka) i različitih DBI biblioteka koje ne sadrže samo ažurirane podatke o bežičnim korisničkim agensima, već i koje karakteristike i mogućnosti podržavaju ti korisnički agenti.
Da biste koristili WURFL, preuzmite XML konfiguracionu datoteku, a zatim izaberite svoj jezik i implementirajte API na vašoj web lokaciji. Postoje alati za korištenje WURFL-a sa Java, PHP, Perl, Ruby, Python, Net, XSLT i C ++.
Korist od korišćenja WURFL-a je da postoji puno ljudi koji ažuriraju i dodaju u konfiguracionu datoteku stalno. Dakle, dok je datoteka koja koristite zastarela gotovo pre nego što ste je završili preuzimanjem, šanse su da ako ih preuzmete jednom mesečno ili tako, imate sve mobilne pregledače koje vaši čitaoci obično koriste bez bilo kakvih problemi. Naravno, uostalom, morate stalno da preuzimate i ažurirate ovo - sve da biste usmjerili korisnike na drugu web stranicu i nedostatke koji stvaraju.
Najbolje rešenje je odgovoran dizajn
Prema tome, ako održavanje različitih lokacija za različite uređaje nije odgovor, šta je? Odgovarajući web dizajn .
Odgovarajući dizajn je kada koristite CSS medijske upite da definišete stilove za uređaje različitih širina. Odgovarajući dizajn omogućava vam da kreirate jednu Web stranicu za korisnike mobilnih i ne-mobilnih uređaja. Onda ne morate da brinete o sadržaju koji će se prikazati na mobilnoj lokaciji ili se sećate da ste preneli najnovije izmene na vašoj lokaciji za mobilne uređaje. Pored toga, jednom kada ste napisali CSS, ne morate da preuzimate bilo šta novo.
Odgovarajući dizajn možda neće raditi savršeno na izuzetno starim uređajima i pregledačima (od kojih se većina danas veoma mala i ne bi trebala biti briga za vas), ali zato što je dodatak (dodavanjem stilova na sadržaj, a ne uzimanjem sadržaja daleko), ovi čitaoci će i dalje moći da čitaju vašu web stranicu, jednostavno neće izgledati idealno na svom starom uređaju ili pretraživaču.