Els anys 2016 i 2017 van estar plens de la notícia, els dispositius mòbils superaven als ordinadors en la navegació per la xarxa. Des de diferents països, les eines d'anàlisi van trobar com les connexions s'havien incrementat, i es va poder comprovar en les gràfiques. Això ha originat la necessitat d'optimitzar el disseny web i adaptar-lo als dispositius mòbils. A més, des de fa uns anys, Google ha actualitzat la seva algoritme per donar prioritat en els seus cercadors a les webs amb dissenys responsive (Multidispositius).
En aquest article trobaràs les claus i consells per adaptar el teu web i optimitzar-la per a dispositius mòbils. Aconseguiràs arribar a un públic més gran i cada vegada més creixent, millorant el teu posicionament i tràfic de visites. Recorda que encara que ofereixes el mateix, una pantalla petita no pot emmagatzemar tot el visible des d'una web ni té un processador tan potent. La prioritat, accessibilitat i rapidesa estaran presents en tot el procés.
Les pantalles dels dispositius mòbils són petites
El primer que cal adaptar de les webs és el disseny cap als dispositius mòbils, que tenen les pantalles més petites. Fa anys, quan emergien els smartphones, era típic entrar a webs que no estaven adaptades. I fins i tot l'usuari, assumint que aquest problema existia (perquè era bastant freqüent), podia intentar navegar (amb frustració) si el contingut era realment del seu interès. Actualment no, l'usuari el primer que farà des del seu dispositiu mòbil és entrar, i si la web se li mostra mal estructurada l'abandonarà, perquè hi ha moltes altres ben habilitades.
De la mateixa manera que el contingut, la usabilitat dels botons. Posa èmfasi també en la seva visibilitat, i facilitar l'clic en ells. No tenir avui dia una web adaptada a mòbils, dóna una imatge de marca francament dolenta i despreocupada.
Que la web tingui una càrrega àgil i ràpida
La velocitat de càrrega des d'un mòbil no és la mateixa que per a un ordinador. D'això dependrà el SEO, el nivell de satisfacció de l'usuari, la visibilitat, etc. Els usuaris són cada vegada més impacients, i això és degut a que si hi ha qualsevol error en carregar una web, la primera impressió és que alguna cosa falla. Usualment totes les webs tendeixen a carregar-ràpid. ¿I per què és tan important la velocitat de càrrega? Perquè està comprovat que un 53% dels usuaris abandonen la web si passats 3 segons aquesta encara no s'ha carregat. Ni parlem de les webs que triguen a 6 o fins i tot 8 segons, on pràcticament la majoria de trànsit es perd.
Triar un disseny web que estigui optimitzat per a mòbils, et permetrà agilitzar i adaptar contingut com vídeos o imatges. D'aquesta manera, la càrrega de la pàgina serà més ràpida, sense perdre usuaris. Un dels connector (en cas que facis servir WordPress) més usats i que recomano és el Connector mòbil de WPtouch. Crea de forma automàtica i independent una versió web adaptada per a mòbils, sense tocar ni perjudicar la vostra versió per a ordinadors. El tema inicial serà diferent a què puguis tenir, però en la seva versió de pagament, es poden triar entre diferents temes. Així mateix, és una millor solució a no tenir la teva web adaptada.
Si no, sempre pots optar per un connector que t'ajudi a millorar el temps de càrrega. Per al cas de WordPress, podem trobar al connector AMP. Si no tens WordPress, tens el AMP desenvolupat per Google. Accelerar la navegació també et farà guanyar posició en el cercador.
El comportament dels usuaris és diferent
Connectar-se des del telèfon mòbil implica una forma diferent de relacionar-se, fins i tot des d'una web. Hi ha coses que hauràs adaptar per fer més accessible als visitants com els botons de crida a l'acció. Una persona a l'entrar, hauria de tenir accés ràpid a saber on es troba cada cosa, i no a navegar sense trobar ni veure alguna cosa que li / et pugui interessar.
Millora l'accessibilitat i interactivitat amb el que ofereixes
En sintonia amb el paràgraf anterior, un usuari interactua de forma diferent des del seu mòbil. Moltes opcions que pots donar per assegudes des d'una versió per a ordinador, no ho són per a un Smartphone. Un dels exemples que em ve al cap és el d'oferir el teu número de telèfon. Si un usuari vol fer-te una trucada per realitzar una compra, dubte o qualsevol consulta, s'ha de facilitar l'accés de telèfon. I encara que a l'ordinador, que el teu telèfon aparegui a sobre (sobreimprès) d'una imatge pot quedar molt bé, és molt frustrant des del mòbil fer clic i que no passi res.
De la mateixa manera, si facilites una adreça física perquè situïn teu negoci, crear un desplegable amb un mapa per trobar-te millora l'experiència d'usuari. A la fi i al el cap, cal tenir en compte el que les persones poden esperar de tu. Complir les expectatives dels teus usuaris sempre és bona idea.
De la mateixa manera, qualsevol altre tipus d'accés, contacte, has de facilitar-ho. Recorda que es visualitza tot des d'un telèfon mòbil.
Comprova que la teva web és mobile-friendly
Utilitza eines per comprovar si la teva web està optimitzada correctament per a la versió mòbil. Google té a disposició eines per a l'anàlisi web, i no podien faltar per analitzar la teva web adaptada per a mòbil.
- optimització. entrant en Prova d’amistat mòbil, Podrem esbrinar si la nostra web funciona correctament des d'un dispositiu mòbil. En cas que hi hagi errors, el panell de l'esquerra t'indicarà quins han estat, perquè els puguis solucionar fàcilment.
- Velocitat de Càrrega. La PageSpeed Insights és una altra eina de Google i destinada com el seu nom indica a comprovar que tingui una bona velocitat de càrrega.
Prova la versió mòbil per tu mateix
Evidentment, no podria faltar aquesta opció perquè el teu mateix puguis valorar si els canvis que estàs realitzant van per bon camí. No oblidis que si li ensenyes el web a algun familiar o amic, demanar-li la seva més sincera opinió. Compara la teva web amb altres i comprova si estàs fent les coses correctes.
A la fin, no es tracta tant que tot estigui perfecte i impol·lut, tret que tinguis un web d'alta gamma i puguis dedicar-hi més despeses. Però per tu mateix acabaràs comprovant que amb el fet de comprimir imatges, no sobresaturar amb plugins, i prioritzar contingut, pots guanyar un extra de velocitat.