Presmerujte mobilné zariadenia na mobilný obsah alebo návrhy
Už niekoľko rokov experti hovoria, že návštevnosť webových stránok návštevníkov v mobilných zariadeniach sa dramaticky zvyšuje. Z tohto dôvodu mnohé firmy inteligentne začali prijímať mobilnú stratégiu pre svoju prítomnosť na internete a vytvárať skúsenosti, ktoré sú vhodné pre telefón a iné mobilné zariadenia.
Akonáhle ste strávili čas naučiť, ako navrhnúť webové stránky pre mobilné telefóny a implementovať svoju stratégiu, budete sa tiež chcieť uistiť, že návštevníci vašich stránok môžu vidieť tieto návrhy. Existuje mnoho spôsobov, ako to urobiť a niektorí pracujú lepšie ako ostatní. Tu je pohľad na metódu, ktorú môžete použiť na implementáciu podpory pre mobilné zariadenia na svojich webových stránkach - spolu s odporúčaním na konci, čo je najlepší spôsob, ako to dosiahnuť na dnešnej webovej stránke!
Poskytnite odkaz na inú verziu lokality
To je zďaleka najjednoduchšia metóda na spracovanie používateľov mobilných telefónov. Namiesto toho, aby ste sa obávajú, či môžu alebo nemôžu vidieť vaše stránky, jednoducho umiestnite odkaz niekde v hornej časti stránky, ktorý odkazuje na samostatnú mobilnú verziu vašej stránky. Čitatelia si potom môžu vybrať, či chcú vidieť mobilnú verziu alebo pokračovať v "normálnej" verzii.
Prínosom tohto riešenia je, že je ľahké ho implementovať. Vyžaduje vytvoriť optimalizovanú verziu pre mobilné zariadenia a potom pridať odkaz niekde v hornej časti normálnych stránok stránok.
Nevýhody sú:
- Musíte udržiavať samostatnú verziu webu pre mobilných používateľov. Pri zvyšovaní počtu vašich stránok môžete zabudnúť na zachovanie druhej verzie a vaše stránky by mohli vypadnúť zo synchronizácie.
- Tiež vytvoríte tretiu verziu pre tablety? Ako asi štvrtá verzia pre nosenie? Tento koncept verzií špecifických pre zariadenie môže veľmi rýchlo uniknúť kontrole.
- V hornej časti stránky musíte umiestniť ošklivý odkaz, ktorý môžu čítačky bez mobilného zariadenia vidieť (a možno aj kliknúť na).
Tento prístup je nakoniec zastaraný a je nepravdepodobné, že by bol súčasťou modernej mobilnej stratégie. Niekedy sa používa ako oprava medzery, zatiaľ čo sa vyvíja lepšie riešenie, ale v tomto bode je to naozaj krátkodobá pomoc.
Použite jazyk JavaScript
Vo variantách vyššie uvedeného prístupu niektorý vývojár používa nejaký typ detekčného skriptu prehliadača na zistenie, či je zákazník na mobilnom zariadení a potom ho presmeruje na túto samostatnú mobilnú lokalitu. Problém s detekciou prehliadača a mobilnými zariadeniami je, že tam sú tisíce mobilných zariadení. Pokúsiť sa ich zistiť všetkými pomocou jedného kódu JavaScript by mohlo zmeniť všetky vaše stránky na sťahovanie nočnej mory - a stále ste vystavení mnohým rovnakým nevýhodám ako vyššie uvedený prístup.
Použite prehrávač médií CSS & # 64;
Príkaz CSS @media handheld sa zdá byť ideálnym spôsobom, ako zobraziť štýly CSS len pre vreckové zariadenia - napríklad mobilné telefóny. Zdá sa to ideálne riešenie pre zobrazovanie stránok pre mobilné zariadenia. Napíšete jednu webovú stránku a potom vytvoríte dva šablóny štýlov. Prvým pre typ média "obrazovky" je štýl vašej stránky pre monitory a obrazovky počítača. Druhá možnosť pre "ručné" štýly vašej stránky pre malé zariadenia, ako sú tie mobilné telefóny. Znie to jednoducho, ale v praxi nefunguje.
Najväčšou výhodou tejto metódy je, že nemusíte udržiavať dve verzie svojich webových stránok. Jednoducho ju udržujte a štýl štýlu definuje, ako by mala vyzerať - čo sa vlastne približuje ku konečnému riešeniu, ktoré chceme.
Problém s touto metódou spočíva v tom, že mnohé telefóny nepodporujú typ ručného média - namiesto toho zobrazujú svoje stránky s typom obrazovky. A mnoho starších mobilných telefónov a handheldov nepodporuje CSS vôbec. Nakoniec je táto metóda nespoľahlivá a z tohto dôvodu sa zriedka používa na poskytovanie mobilných verzií webových stránok.
Použite PHP, JSP, ASP na detekciu User-Agent
Je to oveľa lepší spôsob presmerovania mobilných používateľov na mobilnú verziu stránky, pretože sa nespolieha na skriptovací jazyk alebo CSS, ktoré mobilné zariadenie nepoužíva. Namiesto toho používa jazyk stránky na strane servera (PHP, ASP, JSP, ColdFusion atď.), Aby sa pozrel na používateľského agenta a potom zmenil žiadosť HTTP na mobilnú stránku, ak je to mobilné zariadenie.
Jednoduchý kód PHP, ktorý by to urobil, bude vyzerať takto:
stristr ($ ua, "Windows CE") alebo
stristr ($ ua, "AvantGo") alebo
stristr ($ ua, "Mazingo") alebo
stristr ($ ua, "Mobile") alebo
stristr ($ ua, "T68") alebo
stristr ($ ua, "Syncalot") alebo
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}
ak (isset ($ DEVICE_TYPE) a $ DEVICE_TYPE == "MOBILE") {
$ Location = 'mobile / index.php';
hlavička ('Poloha:'. $ umiestnenie);
VÝCHOD;
}
?>
Problém je v tom, že existuje veľa ďalších potenciálnych užívateľských agentov, ktoré používajú mobilné zariadenia. Tento skript zachyti a presmeruje veľa z nich, ale nie všetci akýmikoľvek prostriedkami. A ďalšie sú pridané po celú dobu.
Navyše, rovnako ako v prípade ostatných riešení uvedených vyššie, budete musieť pre tieto čitateľa aj naďalej udržiavať samostatný mobilný web! Táto nevýhoda, že musíte spravovať dve (alebo viac!) Webové stránky, je dostatočným dôvodom na nájdenie lepšieho riešenia.
Použite WURFL
Ak ste stále odhodlaní presmerovať mobilných používateľov na samostatnú lokalitu, potom je WURFL (bezdrôtový univerzálny zdroj) správnym riešením. Jedná sa o súbor XML (a teraz súbor DB) a rôzne DBI knižnice, ktoré obsahujú nielen aktuálne dáta bezdrôtových používateľských agentov, ale aj tie vlastnosti a schopnosti podporované týmito používateľskými agentmi.
Ak chcete použiť program WURFL, stiahnete konfiguračný súbor XML a potom vyberiete svoj jazyk a implementujete rozhranie API na svoj web. K dispozícii sú nástroje na použitie WURFL s jazykmi Java, PHP, Perl, Ruby, Python, Net, XSLT a C ++.
Výhodou použitia WURFL je, že veľa ľudí sa aktualizuje a pridáva do konfiguračného súboru po celú dobu. Takže zatiaľ čo súbor, ktorý používate, je zastaraný skoro pred dokončením jeho sťahovania, je pravdepodobné, že ak ho stiahnete raz za mesiac, budete mať všetky mobilné prehliadače, ktoré vaše čitatelia obvykle používajú bez akýchkoľvek problémy. Nevýhodou je, samozrejme, že musíte neustále stahovať a aktualizovať to všetko, aby ste mohli nasmerovať používateľov na druhú webovú stránku a nevýhody, ktoré vytvárajú.
Najlepšie riešenie je reaktívny dizajn
Takže ak udržiavanie rôznych lokalít pre rôzne zariadenia nie je odpoveďou, čo je? Zodpovedný dizajn webu .
Odpovedajúci dizajn je miesto, kde používate dotazy médií CSS na definovanie štýlov pre zariadenia rôznych šírok. Odpovedajúci dizajn vám umožňuje vytvoriť jednu webovú stránku pre mobilných i nemobilných používateľov. Potom sa nemusíte obávať, aký obsah sa má zobrazovať na mobilnom webe, alebo nezabudnite previesť najnovšie zmeny na mobilné stránky. Akonáhle budete mať CSS napísaný, nemusíte sťahovať nič nové.
Odpovedajúci dizajn nemusí fungovať dokonale na extrémne starých zariadeniach a prehliadačoch (väčšina z nich je dnes veľmi malá a nemala by sa na vás starať), ale preto, že je to aditívna (pridávanie štýlov na obsah skôr ako obsah ďaleko) tieto čitatelia budú môcť naďalej čítať vaše webové stránky, jednoducho to nebude vyzerať ideálne na svojom starom zariadení alebo prehliadači.