Preusmjerite mobilne uređaje na mobilni sadržaj ili dizajne
Već godinama stručnjaci kažu da se promet prometa na web stranicama posjetitelja na mobilnim uređajima dramatično povećava. Zbog toga su mnoge tvrtke pametno počele prihvaćati mobilnu strategiju za njihovu prisutnost na mreži, stvarajući iskustva koja su prikladna za telefon i druge mobilne uređaje.
Nakon što ste proveli vrijeme naučiti kako dizajnirati web stranice za mobilne telefone i implementirati svoju strategiju, također ćete željeti osigurati da posjetitelji vaše web-lokacije mogu vidjeti te nacrte. Postoji mnogo načina na koje to možete i neki rade bolje od drugih. Evo kako možete pogledati metodu kojom možete implementirati mobilnu podršku na svojim web stranicama - zajedno s preporukom u blizini krajnje točke za najbolju metodu za postizanje toga na današnjem webu!
Pružite vezu na verziju drugog mjesta
To je daleko najlakši način za obradu korisnika mobilnih telefona. Umjesto da se brinu ako mogu ili ne mogu vidjeti vaše stranice, jednostavno stavite vezu negdje pri vrhu stranice koja ukazuje na zasebnu mobilnu verziju web-lokacije. Zatim čitatelji mogu sami odabrati hoće li vidjeti mobilnu verziju ili nastaviti s "normalnom" verzijom.
Prednost ovog rješenja je da je lako implementirati. To zahtijeva da stvorite optimiziranu verziju za mobilni uređaj, a zatim dodajte vezu negdje pri vrhu normalnih stranica web mjesta.
Nedostaci su:
- Morate održavati zasebnu verziju web mjesta za mobilne korisnike. Budući da vaša web lokacija postaje veća, možda ćete zaboraviti zadržati tu drugu verziju i vaše web lokacije mogu pasti iz sinkronizacije.
- Izrađujete li i treću verziju za tablete? Što je s četvrtom verzijom za odjeću? Ovaj koncept inačica specifičnih za uređaj može vrlo brzo izbaciti kontrolu.
- Na vrhu stranice morate staviti ružnu vezu koju neobjavljeni čitatelji mogu vidjeti (i eventualno kliknuti).
U konačnici, ovaj pristup je zastarjel, koji vjerojatno neće biti dio moderne mobilne strategije. Ponekad se koristi kao zaustavni jaz, dok se bolje rješenje razvija, ali je u ovom trenutku zapravo kratkoročni pojas.
Koristite JavaScript
U varijanti gore navedenog pristupa, neki razvojni programeri koriste neku vrstu skripte za otkrivanje preglednika kako bi otkrili je li korisnik na mobilnom uređaju, a zatim ih preusmjerio na tu zasebnu mobilnu web-lokaciju. Problem s otkrivanjem preglednika i mobilnim uređajima jest da postoje tamo tisuće mobilnih uređaja. Da biste ih pokušali otkriti jednim JavaScriptom, sve stranice možete pretvoriti u noćnu moru za preuzimanje - i još uvijek imate mnoge iste nedostatke kao i gore navedeni pristup.
Upotrebljavajte CSS & # 64; medijski ručni uređaj
CSS naredba @media handheld izgleda kao da bi bio idealan način prikazivanja CSS stilova samo za ručne uređaje - poput mobitela. To se čini idealnim rješenjem za prikazivanje stranica za mobilne uređaje. Napišite jednu web stranicu i zatim stvorite dva stila. Prvi za vrstu medija "zaslona" stilizira vašu stranicu za monitore i zaslone računala. Druga osoba za "ručni" stilizira vašu stranicu za male uređaje poput onih mobilnih telefona. Zvuči jednostavno, ali zapravo ne radi u praksi.
Najveća prednost ove metode je da ne morate održavati dvije verzije svoje web stranice. Vi samo održavate onu, a list stilova definira kako treba izgledati - što je zapravo približavanje krajnjeg rješenja koju želimo.
Problem s ovom metodom je taj da mnogi telefoni ne podržavaju vrstu ručnog medija - umjesto toga prikazuju svoje stranice s vrstom zaslona. I mnogi starije mobitele i ručna računala uopće ne podržavaju CSS. Na kraju, ova metoda nije pouzdana, pa se stoga rijetko koristi za isporuku mobilnih verzija web stranice.
Koristite PHP, JSP, ASP da otkrijete User-Agent
To je puno bolji način preusmjeravanja korisnika mobilne na mobilnu verziju web-lokacije jer se ne oslanja na jezik skriptiranja ili CSS koji mobilni uređaj ne upotrebljava. Umjesto toga, upotrebljava jezik na strani poslužitelja (PHP, ASP, JSP, ColdFusion i sl.) Kako bi pogledao korisnika i zatim promijenio HTTP zahtjev da pokaže na mobilnu stranicu ako je to mobilni uređaj.
Jednostavan PHP kod za to će izgledati 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 = "mobitel";
}
ako (isset ($ DEVICE_TYPE) i $ DEVICE_TYPE == "MOBILE") {
$ mjesto = 'mobitel / index.php';
zaglavlje ("Lokacija:". $ lokacija);
Izlaz;
}
?>
Problem je ovdje da postoji puno i puno drugih potencijalnih korisničkih agenata koje koriste mobilni uređaji. Ova će skripta uhvatiti i preusmjeriti ih puno, ali ne sve ni na koji način. I više se dodaju cijelo vrijeme.
Osim toga, kao i kod ostalih gore navedenih rješenja, morat ćete zadržati zasebnu mobilnu web-lokaciju za te čitatelje! Ovaj nedostatak upravljanja dva (ili više!) Web mjesta dovoljan je razlog za traženje boljih rješenja.
Koristite WURFL
Ako ste i dalje odlučili preusmjeriti korisnike mobilnih uređaja na zasebnu web-lokaciju, onda je WURFL (Wireless Universal Resource File) dobro rješenje. To je XML datoteka (i sada DB datoteka) i razne DBI biblioteke koje ne sadrže samo ažurirane podatke o bežičnim korisničkim podacima, već i koje značajke i mogućnosti onih korisnika agenata podržavaju.
Da biste upotrebljavali WURFL, preuzimate XML datoteku konfiguracije, a zatim odaberite jezik i implementirate API na svojoj web stranici. Postoje alati za korištenje WURFL s Java, PHP, Perl, Ruby, Python, Net, XSLT i C + +.
Prednost korištenja WURFL-a je da puno ljudi ažurira i dodaje konfiguracijsku datoteku cijelo vrijeme. Dakle, dok je datoteka koju upotrebljavate gotovo nedovoljno skoro prije nego što ga preuzmete, šanse su da ako ga jednom mjesečno preuzmete, imat ćete sve mobilne preglednike čije se čitatelje obično koriste bez ikakvih problemi. Snažan je, naravno, da morate stalno preuzeti i ažurirati ovo - sve tako da korisnike možete usmjeriti na drugu web stranicu i nedostatke koji stvaraju.
Najbolja rješenja su responzivni dizajn
Dakle, ako održavanje različitih mjesta za različite uređaje nije odgovor, što je? Odgovorni web dizajn .
Odgovarajući dizajn je mjesto gdje ćete koristiti CSS medijske upite za definiranje stilova za uređaje različitih širina. Odgovarajući dizajn omogućuje stvaranje jedne web stranice za mobilne i ne-mobilne korisnike. Zatim ne morate brinuti o sadržaju koji će se prikazivati na mobilnoj web-lokaciji ili ne zaboravite prenijeti najnovije izmjene na mobilnu web-lokaciju. Osim toga, nakon što napišete CSS, ne morate ništa preuzeti.
Odgovarajući dizajn možda neće funkcionirati savršeno na izuzetno starim uređajima i preglednicima (od kojih su većina u vrlo maloj upotrebi danas i ne bi trebali biti briga za vas), već zato što je dodatak (dodavanje stilova na sadržaj, a ne uzimanje sadržaja daleko) ti čitatelji i dalje će moći čitati vašu web stranicu, jednostavno neće izgledati idealno na njihovom starom uređaju ili pregledniku.