Mobiloptimalizálás

Miért szükséges mobileszközökre optimalizálni a weboldalakat?

Az okostelefonok és tabletek (táblagépek) ára drasztikusan csökken, így ezeknek az eszközöknek a penetrációja folyamatosan nő.

A kutatások szerint ezek az eszközök nem kiváltják az asztali gépeket és laptopokat, hanem kiegészítőként működnek: bizonyos célokra, bizonyos napszakokban a mobileszközt használják:

  • helyi keresésre
  • közösségi alkalmazásokra (Facebook)
  • levelezésre

Hogyan lehet egy weboldalt mobilra optimalizálni?

Programozás szempontjából két út létezik:

  1. responsive (reszponzív) weboldal programozás, amikor az adott honlap elemei “rendeződnek át”, attól függően, milyen eszközről nézik
  2. aldomain-en megjelenő külön honlap a mobil változatnak

Mi a responsive technikával dolgozunk. Ettől függetlenül vannak olyan elemek a weboldalon, amit a mobilverzióhoz külön kell programozni.

Röviden: mobiloptimalizálást úgy készítünk, hogy a weboldalt eleve így építjük fel. Már elkészült weboldalak mobilverzióját teljes áttervezés nélkül nem lehet ezzel a módszerrel megcsinálni.

A mobiloptimalizálás követelményei

  • gyors letöltődés
  • nagy kontraszt
  • hoover effect mellőzése
  • flash mentes programozás
  • nagy gombok (érintőképernyő miatt)
  • a design hasonlósága a mobiloptimalizált és a teljes méretű verzió között
  • helyi információk előnyben részesítése
  • képek és videók optimalizálása
  • az információ megfelelő szervezése (mi jelenjen meg a képernyőkön először)

A mobiloptimalizálás már a kezdetektől jelen kell hogy legyen a tervezésben, hiszen ezek a követelmények visszahatnak a honlap teljes méretű változatára is.

A mobiloptimalizálás tesztelése: hogyan jelenik meg a weblap mobilon és tableten?

Néhány weboldal, ahol több készülék layout is tesztelhető:

TIPP:

A tesztelők nem mutatnak meg minden hibát és furcsaságot. Térjünk be az első nagy elektronikai áruházba, és a bemutató termékeken nézzük végig a weboldalt… Sok érdekességre rájövünk, miközben persze a tabletek tulajdonságait is kiismerjük…