La optimització web per a dispositius mòbils és vital avui dia per poder oferir a lusuari una bona experiència de navegació a través del seu Tablet o Smartphone. Ja no hi ha alternativa: amb la creixent penetració d'aquests dispositius a la nostra vida diària és pràcticament obligatori tenir una pàgina web que s'adapti al format dels dispositius mòbils per aconseguir millorar el nostre posicionament en línia i incrementar les vendes.
Per què és important optimitzar una web per a mòbils?
Com ja hem apuntat, els usuaris es connecten cada cop més sovint des de dispositius mòbils (smartphones i tauletes), per la qual cosa és indispensable comptar amb una web ben optimitzada per a cada format. Aquest aspecte esdevé encara més crític en el cas d'aquelles empreses que tinguin una presència física (botigues especialitzades, restaurants…). A més daixò, la navegació web en dispositius mòbils té algunes particularitats. La navegació ha de ser més visual i simplificada. La connexió mòbil 3G i 4G és més lenta que l'ADSL, per la qual cosa cal que la web contingui elements menys pesants. Alguns elements com els menús desplegables són delicats per visualitzar-los en dispositius mòbils, per la qual cosa cal pensar en dissenys adaptats a cada format. Cal tenir en compte que no és el mateix utilitzar un ratolí que el mateix dit per navegar. Aquesta diferència dinterfície també implica canvis a nivell de codi.
Per si això fos poc, hi ha dues raons de pes més per considerar l'optimització mòbil d'una pàgina web:
Millora el posicionament orgànic:
- Sabem que Google dóna preferència en el posicionament orgànic a aquelles pàgines web que es mostren correctament en dispositius mòbils, per la qual cosa si tenim la nostra web preparada per a mòbils obtindrem un “extra” al nostre SEO, augmentant per tant la nostra visibilitat.
Millora la navegació i l'experiència d'usuari:
- L'experiència d'usuari a dispositius mòbils és vital per aconseguir conversions en forma de vendes, leads o l'objectiu que ens hàgim marcat. Està demostrat que al voltant d'un 65% dels usuaris rebutgen una web no adaptada per a mòbils, per la qual cosa l'optimització web per a mòbil té importància per no perdre aquest trànsit de clients potencials i reduir la taxa de rebot. A més, l'augment del trànsit contribueix a augmentar la nostra autoritat de cara a Google, per tant pot suposar un punt més a favor per millorar el nostre posicionament orgànic.
Quin és el problema amb els dispositius mòbils?
El quid de la qüestió es troba en la resolució de cada dispositiu, que afectarà les proporcions i la posició dels diferents elements de la web. En realitat, allò que crea conflicte és l'amplada de les diferents pantalles. La solució és recórrer a un disseny web adaptable, sensible a la resolució dels diferents dispositius, conegut com “disseny web adaptable” o adaptatiu (Responsive Web Design). A través d'un disseny responsive el que es fa és adaptar l'estructura del web a la resolució de cada dispositiu per afavorir una bona experiència d'usuari i que els nostres continguts es visualitzin de la manera que volem. A través dels estils CSS es poden implementar una sèrie d'instruccions per indicar als navegadors que mostrin una estructura determinada per a cada resolució, discriminant fins i tot si es visualitza en format panoràmic o vertical.
El principal problema és que avui dia no hi ha uns estàndards de resolucions establerts a la indústria, de manera que cada fabricant desenvolupa els seus dispositius amb una resolució diferent, complicant el disseny responsive als desenvolupadors web.
Davant l'aclaparadora quantitat de resolucions diferents existents al mercat, els desenvolupadors opten per ser pràctics i se solen moure en 3-4 “escales” de resolucions, ja que més del 90% dels dispositius les utilitzen.
Com optimitzar una web per a dispositius mòbils?
Per abordar un projecte web responsive, ens trobem amb dues situacions: si ja hi ha la web o si comencem un projecte nou de zero.
L'ideal és optar per un desenvolupament escalable i un disseny adaptatiu (responsiu) i utilitzar el mateix codi font per a tots els dispositius. Si ja comptem amb un web que no és responsiu, es pot recórrer a crear un subdomini que mostri la mateixa estructura que el domini principal però adaptat a les resolucions de cada dispositiu. Alguns desenvolupadors opten per disposar de dues webs paral·leles, una per a escriptori i una altra optimitzada per a mòbils. En general, aquesta última opció no sol ser recomanable, encara que per a certes excepcions pot interessar afegir algunes funcionalitats específiques a la versió mòbil orientades a la immediatesa de la informació (posició al mapa, conèixer horaris, ofertes, etc).
En resum, per totes les raons que hem assenyalat, dissenyar i optimitzar una pàgina web per a dispositius mòbils ja hauria de ser obligatori per a tots els projectes web. D'aquesta manera, podrem explotar al màxim tot el potencial de la nostra web i oferirem als nostres usuaris una experiència de navegació gratificant, a més de millorar el nostre posicionament i afavorir-ne les conversions.