Cómo optimizar tu presencia móvil en 3 pasos

El uso de los dispositivos móviles en el comercio electrónico está desatado. Lo llevamos diciendo muchos meses, así que hoy vamos a darte 3 sencillos pasos para optimizar tu presencia móvil.

Hay muchos motivos y todos son de peso. Lo primero que tienes que tener en cuenta es que los usuarios utilizan el móvil para navegar y comprar. Esto es así, no puedes esperar que cambie sólo porque a ti no te venga bien.

Las webs optimizadas para móvil resultan más usables, tienen una mayor findability, despiertan mayor confianza, técnicamente no dan problemas… Todas estas cosas hacen que para el usuario la experiencia de compra resulte más fluida y elimina puntos de fricción que comprometen la conversión.

Y luego está el asunto de la captación. Google cada vez da más importancia a que las páginas funcionen correctamente en dispositivos móviles. Tanto es así que se prevé que empiece a utilizar su bot específico para construir sus índices el próximo año (lo que se ha dado en llamar Mobile First Index).

La captación no es sólo SEO, claro. Pero es que, en el caso del PPC, es igual de crítico optimizar tu presencia móvil en las páginas de destino a las que apunten tus creatividades. Es imprescindible que cada visita pueda convertir porque cada click cuesta dinero (y a veces mucho).

Fíjate bien que ya no hablamos de “mobile friendly”, nos vamos a un escalón superior.

Durante la fase de diseño, debes pensar primero en la necesidad e interacción de tus usuarios desde el teléfono antes que desde el escritorio. Esa es la principal diferencia entre Mobile First y Mobile Friendly, que puede parecer lo mismo pero es conceptualmente muy diferente.

El reto es mantener todo el contenido esencial en las versiones Desktop y Mobile, pero partiendo de esta última para diseñar tanto el aspecto gráfico como la navegación y la usabilidad del site.

Te recomendaría que partieses de una herramienta de prototipado (a mí me gusta mucho Moqups) y que definas al detalle el aspecto que debería tener tu web en móvil. Después haz pruebas, todas las que puedas, y mediante la observación directa comprueba el funcionamiento.

Ten en cuenta esto a la hora de elegir la plataforma en la que vas a desarrollar tu eCommerce, no todas lo ponen igual de fácil. En Oleoshop sabemos que es una de las tendencias más fuertes para los próximos años y, precisamente por eso, todas las tiendas creadas con nuestro software están planteadas desde la perspectiva del usuario móvil.

Al igual que pasa con las versiones de escritorio, la velocidad de carga de la página es un factor crítico. En realidad, es todavía más relevante en el caso de los dispositivos móviles, ya que el usuario busca una mayor inmediatez.

Para colmo de males, está sujeto a una conexión que no es tan rápida como una de fibra óptica, y que es más inestable al depender de la cobertura de la que disponga, de su plan de datos y de otros factores que no puedes prever.

Hablamos de optimizaciones sencillas para Mobile y en el asunto del performance nos metemos en temas complejos (compresiones, cachés, reducción de peticiones…). Sin embargo hay una bastante fácil de aplicar y en la que suelen fallar la mayoría de las webs: imágenes sin optimizar.

Puedes ganar mucho rendimiento si eres capaz de reducir sin pérdida de calidad tus fotos. Hay herramientas para ello como Resmushit o Jpegmini. Otro buen truco es usar Gtmetrix, que no sólo te dice cuánto puedes ahorrar, sino que te permite descargar las imágenes ya optimizadas.

No todo es velocidad, también es importante que controles la experiencia del usuario a la hora de interactuar con tu eCommerce.

Hay algunos asuntos sencillos que es importante tener en cuenta. Por ejemplo:

• La proximidad de los elementos: en la navegación móvil usamos los dedos, y eso supone que no tenemos la precisión de un puntero. Asegúrate de que el tamaño de los botones es suficiente y que los enlaces cuentan con suficiente separación entre sí para ser pulsados sin tocar al mismo tiempo los de al lado o tener que hacer zoom.
  

• La legibilidad: a veces utilizamos fuentes tipográficas demasiado pequeñas y, otras veces, se trata de tipografías de buen tamaño pero que resultan difíciles de leer.
  

• Contrastes cromáticos insuficientes: si pones una letra gris clarito sobre un fondo blanco, no se leerá bien en una pantalla de tamaño reducido. No te quiero ya contar si eres más atrevido y usas letra roja sobre negro o cosas así. No generes “sufrimiento” ni estrés visual innecesario.
  

• Cuenta con la experiencia previa: los usuarios navegan en el móvil todo el día, con lo que esperan poder hacer zoom o scroll con un gesto al que están habituados: pellizcando o arrastrando la pantalla (por ejemplo).
  

Estos son algunos consejos, pero puedes obtener más directamente de tu proyecto si utilizas esta herramienta de Google con una propiedad verificada en Google Search Console.