10 errors a evitar en la versió mòbil de la teva botiga online (2)
Laia Ordoñez
-
Segona part del nostre repàs als 10 errors a evitar en la versió mòbil de la teva botiga onljne. Pren-ne nota i... que no se’t passin!
-
-
-
No hi ha dubte que el mòbil s'està consolidant com una de les finestres de compra online més importants. Fa uns dies, repassàvem els motius pels quals és necessari optimitzar per a mòbils qualsevol botiga online. I, a la vegada, vam iniciar un repàs sobre els principals errors a evitar en la versió mòbil de la teva botiga online.
Fa uns dies vam veure 5 errors i avui en veurem 5 més. Converteix aquest parell de posts en el teu checklist particular quan optimitzis la teva botiga online per a mòbils, i així t'asseguraràs que no passes res per alt. -
#6 - Errors 404 al mòbil
-
De vegades, els usuaris d'ordinador accedeixen a una URL sense problema, però si un usuari mòbil accedeix a la mateixa URL, apareix un error 404.
Això es pot evitar oferint a l'usuari mòbil una URL alternativa però equivalent a la de la versió per ordinadors, si es disposa d'ella. I no està de més que t'asseguris que la pàgina optimitzada per a mòbils no és una pàgina d'error. -
COM EVITAR AQUEST ERROR: Si fas servir l'Informe d'Errors de Rastreig de Google Search Console podràs identificar qualsevol error 404 en la versió mòbil. També pots configurar el teu servidor perquè automàticament redirigeixi als usuaris mòbils a la URL correcta. Si no tens una URL mòbil equivalent a la URL per ordinador, és preferible que dirigeixis als teus usuaris mòbils a la URL per ordinador que a una pàgina d'error 404.
-
#7 - Evita els intersticials o pop-ups tipus capa
-
-
-
Potser no coneixes la paraula, però segur que saps el que és. Els intersticials són informacions que emergeixen sobre la web principal com una capa superposada, tapant el contingut de la web totalment o parcialment.
En els mòbils poden suposar un empitjorament notable de l'experiència d'usuari, ja que la pantalla és petita i els intersticials solen ser bastant grans. Donat el cas, poden fins i tot impedir que l'usuari interaccioni totalment amb la pàgina. Per això cal utilitzar-los amb molta cura, i de ser possible apostar per alternatives. -
COM EVITAR AQUEST ERROR: en comptes d’intersticials o capes, en la versió mòbil és preferible utilitzar banners. Disposes de banners específics compatibles amb els diferents navegadors i també banners en HTML clicables.
Si el teu intersticial té per objectiu la descàrrega d'una aplicació per Android, pots implementar la integració d'aplicacions de Google, gràcies a la qual a l'usuari se li mostrarà un botó de descàrrega en els resultats de cerca si el contingut de l'aplicació és rellevant. -
#8 - Càrrega lenta de les pàgines per a mòbils
-
De vegades passa que les pàgines per a mòbils carreguen d'una manera molt lenta. Això és especialment molest per als usuaris que accedeixen a la botiga online a través del mòbil, ja que la lentitud de càrrega fa que es perdi per complet el caràcter d'immediatesa del dispositiu mòbil.
-
COM EVITAR AQUEST ERROR: Comprova regularment els possibles problemes de velocitat de càrrega de la versió mòbil de la teva botiga online amb aquesta eina gratuïta de Google. Centra't en l'apartat Velocitat i pren nota dels errors que et marqui per corregir.
-
#9 - Interlinking irrellevant
-
-
-
És habitual que a les pàgines per a mòbils hi hagi enllaços dirigits a les pàgines per a la versió d'ordinador i viceversa. El problema ve quan un d'aquests enllaços dirigeix a una pàgina que no és rellevant. Per exemple, no tindria sentit que una URL per a mòbils ens dirigís a la home page d'un site per a ordinadors.
-
COM EVITAR AQUEST ERROR: L'única manera d'evitar aquest error és comprovar un a un els enllaços i assegurar-te que dirigeixen a la pàgina adequada.
-
#10 - Mala configuració de la finestra gràfica
-
La finestra gràfica és la mida de la pantalla mòbil a través del qual s'interacciona amb el contingut. En funció del dispositiu que utilitzi l'usuari, la finestra gràfica té unes mesures o unes altres. I per això és important configurar-la bé perquè no sorgeixin problemes d'usabilitat en aquest sentit.
Els problemes més clàssics relacionats amb la finestra gràfica que poden sorgir són:- Utilitzar finestres gràfiques d'amplada
fixa: en aquests casos, el contingut no s'adaptarà a les mesures de cada
possible dispositiu.
- Establir un ample mínim de finestra gràfica massa gran: això pot fer que els usuaris que accedeixin a la web a través dels dispositius més petits, s'hagin de moure horitzontalment al llarg de la pantalla per veure el contingut complet.
- Utilitzar finestres gràfiques d'amplada
fixa: en aquests casos, el contingut no s'adaptarà a les mesures de cada
possible dispositiu.
-
COM EVITAR AQUEST ERROR: Especifica una finestra gràfica a les diferents pàgines de la teva versió mòbil amb l'etiqueta "viewport". Amb ella, indiques als navegadors com adaptar la mida i l'escala de les pàgines del teu site a cada dispositiu.
-
I aquests són, juntament amb els del post anterior, els 10 errors a evitar a l'hora de crear la versió mòbil de la teva botiga online. Els tenies tots controlats? Si no és així, no dubtis a comprovar si la teva web mòbil en té algun.
-
Llegeix la sèrie completa aquí:
Imatges | Fotolia.