10 errores a evitar en la versión móvil de tu tienda online (1)
Laia Ordoñez
-
Tienes claro que la versión móvil de tu tienda online es imprescindible pero... ¿tienes igual de claros los errores a evitar? Esta lista te sacará de dudas.
-
-
Seguro que tienes claro que tu tienda online debe tener obligatoriamente una versión móvil. Y es que en los últimos tiempos los dispositivos móviles han ganado muchísima penetración de mercado. Y no sólo eso: tras una fase de resistencia inicial, los usuarios cada vez los utilizan más para comprar online.
Dicho de otro modo: tus clientes están todo el día en el móvil o en la tablet comprando desde cualquier sitio. Y por este motivo la versión móvil de tu tienda online debería ser impecable y facilitar la compra también desde cualquier sitio.
¿Pero qué significa “ser impecable”?
La versión móvil de tu tienda online puede dar el pego, puede estar bien diseñada en apariencia, y a ti puede parecerte totalmente impecable. Pero es posible que cometa algunos errores de los que no te des cuenta a primera vista.
Errores que sin duda tus usuarios notarán y que pueden influir decisivamente en una conversión. O peor aún: en tu reputación online o en la percepción que tienen de tu marca.
A continuación repasamos los principales errores a evitar a la hora de crear la versión móvil de tu tienda online. Con esta lista podrás hacer un checklist completo de tu versión móvil y corregir cualquier parámetro que se desvíe de lo óptimo. -
Pero... ¿por qué optimizar tu tienda online para móviles?
-
Desde el móvil a menudo resulta complicado visualizar correctamente los sitios webs que han sido pensados para verse desde un ordenador. Suele resultar difícil interactuar con estos sites desde el móvil o leer su contenido, y se obliga a los usuarios a hacer zoom-in en la pantalla simplemente para poder interactuar con el site.
Esto suele suponer incomodidad de uso y llevar al abandono de la página.
Según el mismo Google, el 94% de los usuarios de smartphones busca información desde su teléfono, y aproximadamente el 77% de las búsquedas desde el móvil se hacen desde casa o desde el trabajo, es decir, en lugares en los que habitualmente se tiene acceso a un ordenador.
Con estos datos queda claro que el uso del móvil está totalmente instaurado en nuestra sociedad y que ya no podemos pensar solamente en las versiones para ordenadores. Cada vez toman más relevancia las versiones móviles de todos los sites. -
-
Errores a evitar en la versión móvil de tu tienda online
-
#1 – No permitir el rastreo de JavaScript, CSS y archivos de imagen
-
Si el JavaScript, el CSS y los archivos de imagen están bloqueados, los bots de Google no los pueden rastrear, y por tanto no los pueden indexar bien. Esto implica que los algoritmos de Google no indexarán bien el contenido del site, cosa que afectará sin lugar a dudas al posicionamiento de tu página en los resultados de búsqueda.
CÓMO EVITAR ESTE ERROR: La mejor herramienta de la que dispones para detectar bloqueos indeseados de JavaScript, CSS y archivos de imagen es la herramienta Explorar como Google de Google Search Console. Con esta herramienta puedes rastrear tu propia página como hacen los bots de Google. Y gracias a eso podrás detectar si algún archivo o código está bloqueado y no se rastrea correctamente.
Una vez comprobado esto, no está de más probar si tu web está bien optimizada para móviles con esta herramienta gratuita de Google. -
#2 – Contenido no disponible o que no puede reproducirse
-
Si tienes contenido en tu versión móvil que necesita Flash para reproducirse o que está restringido por alguna licencia, tus usuarios no podrán ver este contenido y no disfrutarán de una experiencia completa de tu site. En su lugar, les aparecerá un mensaje de error. Es uno de los errores a evitar más importantes en la versión móvil de tu tienda online.
-
-
CÓMO EVITAR ESTE ERROR: En lugar de apostar por reproductores propios o por el uso de tecnología Flash, apuesta por el uso del HTML5. Esta tecnología es totalmente compatible con los dispositivos móviles. Y además Google te proporciona una herramienta para facilitar el uso de este estándar en tus animaciones y contenidos multimedia.
-
#3 – Redireccionamientos no bien realizados
-
En Mobile, si tienes URLs específicas para móvil, debes redirigir a los usuarios de móviles que visitan las URLs para ordenador a su URL para móviles equivalente.
Un redireccionamiento no bien realizado implicaría redirigir una URL para ordenador a otra URL para móvil que no fuera su equivalente. Por ejemplo, una URL de página de categoría para ordenador redirigida a la URL móvil correspondiente a la home del site y no a esa misma página de categoría.
También puede suceder que estas redirecciones sólo se produzcan con usuarios de determinados sistemas operativos y no con otros. Por ejemplo, es posible que una URL para ordenador redirija a una URL móvil equivalente sólo si el usuario accede a través de Android pero no desde iOS. -
CÓMO EVITAR ESTE ERROR: Usando Google Search Console puedes obtener alertas en tu correo por parte de Google en caso de que se detecte alguna redirección errónea. También tú puedes chequear los errores de redireccionamiento en esta sección.
Además de eso, puedes configurar el servidor para que automáticamente redirija a los usuarios móviles a las URLs para móviles equivalentes.
Y ten en cuenta también que, en caso de que no tengas una URL móvil equivalente a una URL para ordenador, es mejor enviar al usuario a la URL para ordenador que a una URL móvil que no tenga nada que ver.
-
#4 – Tamaño de fuente demasiado pequeño
-
-
Un error clásico a la hora de crear la versión móvil de tu tienda online es utilizar una tipografía demasiado pequeña.
Hay que tener en cuenta que los usuarios móviles están leyendo en dispositivos con pantallas muy pequeñas, y es importante que las tipografías sean grandes y fácilmente legibles.
Para que el tamaño de fuente se considera usable, tiene que permitir ser leída sin necesidad de ampliar la pantalla con los dedos. -
CÓMO EVITAR ESTE ERROR: Lo mejor es saber de entrada cuáles son los tamaños de fuente que van a permitir que tus usuarios lean el contenido. Aquí tienes las guidelines principales para utilizar tamaños de fuente que se puedan leer.
-
#5 – Elementos táctiles demasiado cercanos entre sí
-
Al igual que las tipografías, es importante que los elementos táctiles que forman parte del diseño de tu site sean lo suficientemente grandes y espaciados entre sí como para permitir interactuar con ellos sin clicar a la vez elementos que estén próximos.
-
CÓMO EVITAR ESTE ERROR: Aplica 2 estrategias:
- Hacer que los botones táctiles sean lo suficientemente grandes como para permitir la interacción con un dedo.
- No colocar esos botones táctiles demasiado próximos entre sí.
También en este caso dispones de unas guidelines súper útiles.
-
Estos son 5 de los errores más comunes a la hora de crear la versión móvil de tu tienda online. En el próximo post de la serie, repasaremos el resto de errores, que no son pocos: ¡5 más! No te lo pierdas si quieres dominar el mundo del Mobile. Ya sabes: el futuro ya está aquí.
-
Lee la serie completa aquí:
Imágenes | Fotolia.