10 errors a evitar en la versió mòbil de la teva botiga online (1)
Laia Ordoñez
-
Tens clar que la versió mòbil de la teva botiga online és imprescindible però... tens igual de clars els errors a evitar? Aquesta llista et treurà de dubtes.
-
-
-
Segur que tens clar que la teva botiga online ha de tenir obligatòriament una versió mòbil. I és que en els últims temps els dispositius mòbils han guanyat moltíssima penetració de mercat. I no només això: després d'una fase de resistència inicial, els usuaris cada cop els utilitzen més per comprar online.
Dit d'una altra manera: els teus clients estan tot el dia al mòbil o a la tablet comprant des de qualsevol lloc. I per aquest motiu la versió mòbil de la teva botiga online hauria de ser impecable i facilitar la compra també des de qualsevol lloc.
Però què vol dir "ser impecable"?
La versió mòbil de la teva botiga online pot fer-te el pes, pot estar ben dissenyada en aparença, i a tu pot semblar-te totalment impecable. Però és possible que cometi alguns errors dels que no te n'adonis a primera vista.
Errors que sens dubte els teus usuaris notaran i que poden influir decisivament en una conversió. O pitjor encara: en la teva reputació online o en la percepció que tenen de la teva marca.
A continuació repassem els principals errors a evitar a l'hora de crear la versió mòbil de la teva botiga online. Amb aquesta llista podràs fer un checklist complet de la teva versió mòbil i corregir qualsevol paràmetre que es desviï d’allò òptim. -
Però... per què optimitzar la teva botiga online per a mòbils?
-
Des del mòbil sovint resulta complicat visualitzar correctament els llocs webs que han estat pensats per veure des d'un ordinador. Sol resultar difícil interactuar amb aquests sites des del mòbil o llegir el seu contingut, i s'obliga als usuaris a fer zoom-in a la pantalla simplement per poder interactuar amb el site.
Això sol suposar incomoditat d'ús i portar a l'abandonament de la pàgina.
Segons el mateix Google, el 94% dels usuaris d’smartphones busca informació des del seu telèfon, i aproximadament el 77% de les cerques des del mòbil es fan des de casa o des de la feina, és a dir, en llocs en què habitualment es té accés a un ordinador.
Amb aquestes dades queda clar que l'ús del mòbil està totalment instaurat en la nostra societat i que ja no podem pensar només en les versions per ordinadors. Cada cop prenen més rellevància les versions mòbils de tots els sites. -
-
-
Errors a evitar en la versió mòbil de la teva botiga online
-
#1 - No permetre el rastreig de JavaScript, CSS i arxius d'imatge
-
Si el JavaScript, el CSS i els arxius d'imatge estan bloquejats, els bots de Google no els poden rastrejar, i per tant no els poden indexar bé. Això implica que els algoritmes de Google no indexaran bé el contingut del site, cosa que afectarà sense cap mena de dubte al posicionament de la teva pàgina en els resultats de cerca.
-
COM EVITAR AQUEST ERROR: La millor eina de què disposes per detectar bloquejos indesitjats de JavaScript, CSS i arxius d'imatge és l'eina Explorar com Google de Google Search Console. Amb aquesta eina pots rastrejar la teva pròpia pàgina com fan els bots de Google. I gràcies a això podràs detectar si algun arxiu o codi està bloquejat i no es rastreja correctament.
Un cop comprovat això, no està de més provar si la teva web està ben optimitzada per mòbils amb aquesta eina gratuïta de Google.
-
#2 - Contingut no disponible o que no pot reproduir-se
-
Si tens contingut en la teva versió mòbil que necessita Flash per reproduir-se o que està restringit per alguna llicència, els teus usuaris no podran veure aquest contingut i no gaudiran d'una experiència completa del teu site. En el seu lloc, els apareixerà un missatge d'error. És un dels errors a evitar més importants en la versió mòbil de la teva botiga online.
-
-
-
COM EVITAR AQUEST ERROR: En comptes d'apostar per reproductors propis o per l'ús de tecnologia Flash, aposta per l'ús de l'HTML5. Aquesta tecnologia és totalment compatible amb els dispositius mòbils. I a més Google et proporciona una eina per facilitar l'ús d'aquest estàndard en les teves animacions i continguts multimèdia.
-
#3 - Redireccionaments no ben realitzats
-
A Mobile, si tens URLs específiques per a mòbil, has de redirigir els usuaris de mòbils que visiten les URL per ordinador a la seva URL per a mòbils equivalent.
Un redireccionament no ben realitzat implicaria redirigir una URL per ordinador a una altra URL per a mòbil que no fos el seu equivalent. Per exemple, una URL de pàgina de categoria per ordinador redirigida a l'URL mòbil corresponent a la home del site i no a aquesta mateixa pàgina de categoria.
També pot passar que aquestes redireccions només es produeixin amb usuaris de determinats sistemes operatius i no amb d'altres. Per exemple, és possible que una URL per ordinador redirigeixi a una URL mòbil equivalent només si l'usuari hi accedeix a través d'Android però no des d’iOS. -
COM EVITAR AQUEST ERROR: Fent servir Google Search Console pots obtenir alertes al teu correu per part de Google en cas que es detecti alguna redirecció errònia. També tu pots revisar els errors de redireccionament en aquesta secció.
A més d'això, pots configurar el servidor perquè automàticament redirigeixi als usuaris mòbils a les URLs per a mòbils equivalents.
I tingues en compte també que, en cas que no tinguis una URL mòbil equivalent a una URL per ordinador, és millor enviar l'usuari a l’URL per ordinador que a una URL mòbil que no tingui res a veure-hi.
-
#4 - Cos de lletra massa petit
-
-
-
Un error clàssic a l'hora de crear la versió mòbil de la teva botiga online és utilitzar una tipografia massa petita.
Cal tenir en compte que els usuaris mòbils estan llegint en dispositius amb pantalles molt petites, i és important que les tipografies siguin grans i fàcilment llegibles.
Perquè la mida de font es consideri correcta, ha de permetre ser llegida sense necessitat d'ampliar la pantalla amb els dits. -
COM EVITAR AQUEST ERROR: El millor és saber d'entrada quines són les mides de font que permetran que els teus usuaris llegeixin el contingut. Aquí tens les guidelines principals per utilitzar mides de font que es puguin llegir.
-
#5 - Elements tàctils massa propers entre si
-
Igual que les tipografies, és important que els elements tàctils que formen part del disseny del teu site siguin prou grans i espaiats entre si com per permetre interactuar amb ells sense clicar alhora elements que estiguin pròxims.
-
COM EVITAR AQUEST ERROR: Aplica 2 estratègies:
- Fer que els botons tàctils siguin prou grans com per permetre la interacció amb un dit.
- No col·locar aquests botons tàctils massa pròxims entre si.
També en aquest cas disposes d'unes guidelines súper útils. -
Aquests són 5 dels errors més comuns a l'hora de crear la versió mòbil de la teva botiga online. En el proper post de la sèrie, repassarem la resta d'errors, que no són pocs: 5 més! No t'ho perdis si vols dominar el món del Mobile. Ja saps: el futur ja és aquí.
-
Llegeix la sèrie completa aquí:
Imatges | Fotolia.