Preusmerite mobilne naprave na mobilne vsebine ali modele
Strokovnjaki že več let pravijo, da se promet na spletnih straneh obiskovalcev mobilnih naprav dramatično povečuje. Zaradi tega so mnoga podjetja pametno začela sprejemati mobilno strategijo za svojo spletno prisotnost in ustvarjati izkušnje, ki so primerne za telefon in druge mobilne naprave.
Ko boste preživeli čas, kako se učiti, kako oblikovati spletne strani za mobilne telefone in izvajati svojo strategijo, se boste tudi prepričali, da bodo obiskovalci vašega spletnega mesta videli te modele. Obstaja veliko načinov, kako to lahko storite in nekateri delajo bolje kot drugi. Tukaj si oglejte metodo, ki jo lahko uporabite za izvajanje mobilne podpore na svojih spletnih mestih - skupaj s priporočilom blizu konca, za kaj je najboljša metoda za dosego tega na današnjem spletu!
Navedite povezavo z drugo različico spletnega mesta
To je daleč najlažji način za uporabo mobilnih uporabnikov. Namesto da bi skrbeli, ali lahko vaše strani vidijo ali ne vidijo, preprosto postavite povezavo nekje blizu vrha strani, ki kaže na ločeno mobilno različico vašega spletnega mesta. Nato bralci lahko sami izberejo, ali želijo videti mobilno različico ali nadaljevati z "običajno" različico.
Korist te rešitve je, da ga je enostavno izvajati. Zahteva, da ustvarite optimizirano različico za mobilne naprave in nato dodate povezavo nekje blizu vrha običajnih strani spletnega mesta.
Pomanjkljivosti so:
- Za mobilne uporabnike morate imeti ločeno različico spletnega mesta. Ker se vaša spletna stran poveča, ste morda pozabili obdržati to drugo različico in vaša spletna mesta ne bi mogla sinhronizirati.
- Ali ustvarite tudi tretjo različico za tablične računalnike? Kaj pa četrta različica za nosljive predmete? Ta koncept različic, značilnih za naprave, lahko zelo hitro izvleče iz nadzora.
- Na vrhu strani morate postaviti grdo povezavo, ki jo bralci, ki niso mobilni, lahko vidijo (in morda kliknite na).
Konec koncev je ta pristop zastarela, ki verjetno ne bo del moderne mobilne strategije. Včasih se uporablja kot popravilo zaustavljanja, medtem ko se razvija boljša rešitev, vendar je na tej točki res kratkoročna pomoč.
Uporabite JavaScript
V različici zgoraj navedenega pristopa nekateri razvijalci uporabljajo določeno vrsto zaznavanja brskalnika, da bi ugotovili, ali je stranka na mobilni napravi in jih nato preusmeri na to ločeno spletno mesto za mobilne naprave. Težava pri odkrivanju brskalnika in mobilnih napravah je, da obstajajo na tisoče mobilnih naprav. Če jih želite poskusiti odkriti z enim samim JavaScriptom, lahko vse vaše strani pretvorijo v nočno moro, ki se prenaša - in še vedno veljajo številne iste pomanjkljivosti kot zgoraj omenjeni pristop.
Uporabite prenosni medij CSS
CSS ukaz @media dlančnik se zdi, da bi bil idealen način za prikaz stilov CSS samo za ročne naprave - kot so mobilni telefoni. To se zdi idealna rešitev za prikazovanje strani za mobilne naprave. Napišete eno spletno stran in nato ustvarite dve slogi. Prva za vrsto medijskega zaslona je vaša stran za monitorje in računalniške zaslone. Druga za "ročne" sloge svojo stran za majhne naprave, kot so ti mobilni telefoni. Sliši se preprosto, vendar dejansko ne deluje v praksi.
Največja prednost te metode je, da vam ni treba vzdrževati dveh različic spletnega mesta. Samo ohranite eno, v slogovnem listu pa je definirano, kako naj izgleda - kar se dejansko približa končni rešitvi, ki jo želimo.
Težava s to metodo je, da mnogi telefoni ne podpirajo ročnega tipa medija - namesto tega prikazujejo svoje strani s pomočjo vrste zaslona. In mnogi starejši mobilni telefoni in dlančniki sploh ne podpirajo CSS. Na koncu je ta metoda nezanesljiva in se zato redko uporablja za zagotavljanje mobilnih različic spletnega mesta.
Uporabite PHP, JSP, ASP za odkrivanje uporabniškega posrednika
To je veliko boljši način za preusmeritev uporabnikov mobilnih naprav v mobilno različico spletnega mesta, ker se ne zanaša na skriptni jezik ali CSS, ki ga mobilna naprava ne uporablja. Namesto tega uporablja jezik na strežniku (PHP, ASP, JSP, ColdFusion itd.), Da si ogleda uporabniški posrednik in nato spremeni zahtevo HTTP, da bi kazala na stran za mobilne naprave, če gre za mobilno napravo.
Preprosta PHP koda, ki bi to naredila, bi bila videti takole:
stristr ($ ua, "Windows CE") ali
stristr ($ ua, "AvantGo") ali
stristr ($ ua, "Mazingo") ali
stristr ($ ua, "mobilni") ali
stristr ($ ua, "T68") ali
stristr ($ ua, "Syncalot") ali
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILNO";
}
če (isset ($ DEVICE_TYPE) in $ DEVICE_TYPE == "MOBILE") {
$ location = 'mobile / index.php';
glava ('Lokacija:'. $ lokacija);
izstop;
}
?>
Težava je v tem, da obstaja veliko in veliko drugih potencialnih uporabnikov, ki jih uporabljajo mobilne naprave. Ta scenarij bo ulovil in preusmeril veliko od njih, vendar ne vse na noben način. In še več se doda ves čas.
Plus, tako kot pri drugih zgoraj navedenih rešitvah, boste za te bralce še vedno morali imeti ločeno spletno mesto za mobilne naprave! Ta pomanjkljivost pri upravljanju dveh (ali več!) Spletnih mest je dovolj vzrok za iskanje boljše rešitve.
Uporabite WURFL
Če ste še vedno odločeni, da boste svoje mobilne uporabnike preusmerili na ločeno spletno mesto, potem je WURFL (Wireless Universal File Resource) dobra rešitev. To je datoteka XML (in zdaj datoteka DB) in različne knjižnice DBI, ki vsebujejo ne le posodobljene podatke o brezžičnem uporabniškem posredniku, temveč tudi, katere funkcije in zmogljivosti podpirajo ti uporabniški agenti.
Če želite uporabljati WURFL, prenesete konfiguracijsko datoteko XML, nato pa izberite svoj jezik in API na svojem spletnem mestu. Obstajajo orodja za uporabo WURFL z Java, PHP, Perl, Ruby, Python, Net, XSLT in C + +.
Korist uporabe WURFL-a je, da je veliko ljudi, ki posodabljajo in dodajajo v konfiguracijsko datoteko ves čas. Torej, medtem ko je datoteka, ki jo uporabljate, zastarela že preden ste jo že prenesli, verjetno je, da če ga prenesete enkrat na mesec, boste imeli vse brskalnike, ki jih bralci običajno uporabljajo brez kakršnih koli težave. Seveda je seveda, da morate nenehno prenesti in posodabljati to, tako da lahko uporabnike usmerite na drugo spletno stran in pomanjkljivosti, ki jih ustvarjajo.
Najboljša rešitev je odzivna oblika
Torej, če vzdrževanje različnih mest za različne naprave ni odgovor, kaj je? Odzivno spletno oblikovanje .
Odzivna oblika je, če uporabljate medijske poizvedbe CSS, da določite sloge za naprave različnih širin. Odzivna oblika vam omogoča, da ustvarite eno spletno stran za mobilne in ne-mobilne uporabnike. Nato vam ni treba skrbeti, kakšno vsebino je treba prikazati na spletnem mestu za mobilne naprave, ali ne pozabite prenesti najnovejših sprememb na spletnem mestu za mobilne naprave. Poleg tega, ko imate zapisano CSS, vam ni treba prenesti nič novega.
Odzivna zasnova morda ne bo popolnoma delovala na izjemno starih napravah in brskalnikih (večina jih je danes v zelo majhni rabi in ne bi smela biti zaskrbljujoče za vas), temveč zato, ker je dodatek (dodajanje slogov na vsebino, namesto vsebine stran), bodo ti bralci še vedno lahko prebrali vašo spletno stran, ne bodo videti kot idealni na njihovi stari napravi ali brskalniku.