Články
Spíte dobře? Připravili jsme pro Vás články, které Vám nedají spát.Mobilní verze webu rychle a kvalitně
17. 7. 2009 | Martin Cajthaml
Do konce letošního roku bude podle odhadů 4x více mobilů s přístupem na internet než osobních počítačů. Významně roste i počet takto připojených uživatelů, a proto se firmám začíná vyplácet investovat do mobilní verze svých stránek. Jak ji ale s minimálními náklady vytvořit? Řešení je dokonce několik…
Martin Cajthaml
IT ManagerJaké jsou možnosti?
- Automatické generování mobilní verze. Na internetu existuje několik služeb (Wirenode
, mobiSiteGalore
či nástroj pro převod stránek od Googlu
), které z vašeho webu vytvoří verzi optimalizovanou pro mobily. Ačkoli tyto nástroje znají různé typy telefonů a snaží se jim výsledek přizpůsobit, nejsou zdaleka ideální. Kromě grafiky je totiž často nutné optimalizovat i samotný obsah a zobrazovat uživatelům méně informací než obvykle.
- Úprava standardních (X)HTML stránek. Pomocí CSS lze pro některé mobily (zvláště ty s prohlížečem založeným na jádře WebKit) definovat jiný vzhled webu. Můžete tak například zjednodušit rozložení stránky nebo skrýt její méně důležité části. Výsledek této úpravy bývá překvapivě dobrý a přitom vám stačí odborník na (X)HTML/CSS.
- Samostatný web pro mobilní telefony. Náročné, ale zároveň velmi přínosné řešení, kde navíc využijete všechna doporučení popsaná dále v článku.
Jak se rozhodnout?
Prozkoumejte statistiky návštěvnosti svých stránek a pokud nemáte téměř žádné mobilní uživatele, doporučuji první z výše uvedených možností. V případě, že je u vás počet těchto návštěvníků vysoký a stále roste, měli byste přikročit k vytvoření plnohodnotné mobilní verze.
Několik doporučení pro tvorbu mobilního webu
Drtivá většina současných telefonů umožňuje přístup k internetu přes GPRS/EDGE a pouze malá část přes 3G sítě. Je tedy jasné, že stránky by měly být datově co nejmenší. Rychlost přenosu u EDGE je v praxi okolo 150 kbit/s (20 kb/s), a proto rovnou zapomeňte na velké obrázky o velikosti 100 kb. Každý takový soubor prodlouží načítání webu o 5 vteřin. Mobilní připojení sužuje také delší doba odezvy. Snažte se obrázky, CSS, JavaScript a všechno ostatní vměstnat do co nejmenšího počtu souborů. Více obrázků můžete mít například v jednom velkém a podle potřeby jej pozicovat kaskádovými styly. Problémem všech mobilních telefonů je nepohodlné psaní textů. Nenuťte uživatele psát, pokud to není nezbytné. Místo vyžadování uživatelského jména a hesla při každé návštěvě stránky raději použijte automatické přihlášení. Moje poslední doporučení se týká optimalizace pro vyhledávače. Ze statistik, které nabízí pohled na chování mobilních uživatelů, totiž vyplývá, že téměř nikoho nezajímají výsledky na druhé nebo další stránce vyhledávání. SEO je tak pro firmy, které chtějí být na poli mobilního internetu vidět, nutnou součástí marketingových aktivit.
Mnoho dalších rad najdete v dokumentu Mobile Web Application Best Practices
od skupiny W3C.
Těžší, než jste čekali?
Náročnost tvorby mobilní verze závisí na technickém pozadí webu. Pokud jsou stránky postaveny na MVC architektuře, máte téměř vyhráno. Rozsah práce je v tomto případě řádově menší než při realizaci kompletního webu. Přípravu mobilní verze vám může zkomplikovat například nelogická struktura nebo příliš mnoho odkazů. Měli byste proto hned ze začátku svůj současný web podrobit důkladné revizi a v ideálním případě dosáhnout shodné struktury stránek v obou verzích. Právě to umožní další úsporu nákladů a navíc odpadne nutnost měnit cokoli jiného než prezentační vrstvu.
Optimalizace pro konkrétní mobily
Podle celosvětových statistik je zdrojem poloviny všech mobilních přístupů Apple iPhone následovaný telefony se systémem Symbian (převážně mobily Nokia) nebo Android (Google G1
).
Je poměrně jednoduché rozpoznat model telefonu, se kterým uživatel navštíví vaše stránky. Podle typu mobilu pak můžete web libovolně upravovat nebo mu přidávat nadstandardní funkce. Například pro iPhone lze nastavit, jaká akce se provede při jeho otočení či poklepání prstem na displej.
Testování mobilní verze
Nejen grafikům a vývojářům přijdou vhod různé nástroje pro simulaci zobrazení stránek na mobilních zařízeních. Jedním z nich je třeba webová služba DeviceAnywhere
, kde máte možnost vybrat si kromě konkrétního přístroje také zemi a operátora, přes kterého se naváže připojení k internetu. Tuto funkci ale využijí zřejmě jen ti, kteří to myslí s mobilní verzí svých stránek opravdu vážně.
Pár slov závěrem
Osobně používám internet v mobilu přibližně rok a těší mě, že čím dál více webů myslí i na své mobilní uživatele. Hlavně u velkých hráčů (Google
, Facebook
či Seznam
) jsou alternativní verze stránek skutečně promyšlené. Doufejme tedy, že tento trend bude nadále pokračovat a časem se stane tvorba mobilních webů stejným standardem, jakým jsou dnes například tiskové styly.
Chcete uveřejnit náš článek?
Máte zájem některý z našich článků publikovat ve Vašem časopise, webu či kdekoliv jinde? Neváhejte nás kontaktovat!
Zažádat o svolení

Vaše názory