Optimización de sitios web de comercio electrónico para usuarios móviles

El móvil es sumamente importante.

As Google se acerca a un primer índice móvil, las implicaciones para SEO será aún mayor.

También con mucho tráfico ahora llegando al comercio electrónico sitios web desde dispositivos móviles, cuanto mejor interactúe, más ventas harás

Pero la mayoría de los temas / CMSno viene optimizado nada más sacarlo de la caja.

Por eso es importante probar su sitio y realizar cualquier cambio que no cumpla con las siguientes reglas.

* Tenga en cuenta que esta guía asume su página web ya pasa Compatible con dispositivos móviles de Google herramienta.

1.Haga que el encabezado móvil sea lo más pequeño posible

Cuando visita un sitio web en un dispositivo móvil, encabezamiento será lo primero que veas.

Pero no es la razón principal por la que un visitante hizo clic en su página web in búsqueda.

Vinieron a ver el contenido de la página, por lo que subirlo lo más alto posible es vital para atraer a los visitantes.

Sin embargo más moderno CMSy los temas listos para usar tienen una gran encabezamiento eso es demasiado alto y puede tomar una página completa para desplazarse:

Ejemplo de encabezado móvil grande en sitios web de comercio electrónico

Como puede ver, la parte superior de la página representa una altura de pantalla completa en un dispositivo móvil, lo que aumentará la tasa de rebote y, por lo tanto, reducirá la búsqueda rankings del sitio.

Cuando te Google cambia a un índice móvil primero, esto terminará reduciendo su clasificación en el escritorio también, lo que lo convierte en un paso de vital importancia.

A continuación, se muestran algunos ejemplos de un buen móvil. encabezamiento:

Buenos encabezados de comercio electrónico móvil

Algunas de las partes esenciales de un buen móvil encabezamiento:

  1. Todo en una línea: si todos los elementos encajan en una línea, entonces el encabezamiento ocupa la menor cantidad de espacio.
  2. Búsqueda de sitios: esta es una de las claves móvil experiencias de los usuarios, por lo que debería ocupar un lugar destacado en la parte superior.
  3. Menú: el icono del menú es importante para los usuarios que desean navegar.
  4. Carrito: los usuarios que visitan una tienda de comercio electrónico quieren saber que pueden comprar algo, esto les asegura inmediatamente + que es conveniente para comprar.

Hacer estos cambios probablemente requerirá que un desarrollador personalice su tema, solo asegúrese de hacerlo de una manera que pueda actualizar sin afectar el diseño.

2.Hacer que los filtros y enlaces de categorías se puedan tocar

On móvil todo gira en torno a la velocidad y la comodidad, ayudando a los usuarios a encontrar lo que buscan lo antes posible sin distracciones ni errores.

Eso significa que cuando un usuario visita una página de categoría, quiere poder navegar a la productos quieren lo más rápido posible.

Esto requerirá 2 cosas para que funcione:

1. Las categorías de nivel superior tienen banners que se pueden tocar en subcategorías.

Entonces, dependiendo del tipo de diseño de categoría que haya decidido que los usuarios desean (ver mi guía de categorías) querrás un productos lista con filtros, o campo de golf a las subcategorías relevantes.

Si es lo último, los usuarios necesitan una forma rápida de navegar a las subcategorías que desean, ayudándolos a filtrar los resultados según lo que buscan.

Esto debe hacerse en forma de banners / secciones obvios que se puedan tocar, enumerados por las opciones más populares.

He aquí un buen ejemplo:

Enlaces de categorías en dispositivos móviles

El ejemplo de la derecha es la página de televisores Tesco, donde puede ver que tienen la opción de visitar subtipos de televisores, seguidos de listas por tamaño. Esto es importante, porque han identificado estas como las dimensiones más importantes que los usuarios quieren visitar.

Un usuario que visita esta página probablemente tocará inmediatamente la opción relevante o se desplazará para ver si su opción está más abajo.

* Una forma de mejorar la página de Tesco sería incluir una sección de tienda por marca, ya que tiende a ser un sub-búsqueda de televisoreslea mi guía de categorías para obtener más información sobre esto).

2. Los filtros están en la parte superior y se pueden tocar

Los filtros del sitio web deben funcionar bien en móvil, y estar ubicado en la parte superior de la producto lista para que un usuario pueda filtrar fácilmente la lista a la productos quieren ver.

Esto debe usar la lógica para que se puedan seleccionar varios filtros a la vez (como el color y el tamaño) y que el orden de clasificación sea editable (por ejemplo, ordenar por precio más bajo).

Identificar el problema de la participación móvil

La mejor manera de ver si tiene problemas en un determinado dispositivo o navegador en móvil, es utilizar un informe personalizado de Google Analytics.

Para hacer eso, haga un informe de análisis de Google personalizado, filtrando por Categoría de dispositivo, luego por Navegador y luego por Modelo de dispositivo móvil.

Identificar problemas en el móvil por dispositivo

Esto le permitirá encontrar una tasa de rebote alta / páginas bajas por participación de sesión (lo que significa que algo puede estar roto) y determinar qué combinación de dispositivo / navegador es el problema.

Sitio web ultrarrápido

Este es bastante obvio, por lo que solo desglosaré las comprobaciones clave:

  1. Ejecute su sitio a través de las herramientas GTmetrix y Pingdom: solucione todos los problemas importantes.
  2. Ejecute su sitio a través del Google Comprobador de velocidad de página, concéntrese en corregir móvil infertilidad
  3. Usar bien hospedaje - Recomiendo usar Nimbus Hosting (basado en el Reino Unido).

Diseño receptivo: contenido en todos los dispositivos

Este cambio es fundamental cuando el móvil el primer índice se mueve, porque cualquier contenido eso no está encendido móvil pero está en el escritorio ya no contribuirá a sus esfuerzos de clasificación.

Esto significa que debe usar un diseño completamente receptivo, o al menos tener contenido que está en el escritorio agregado en móvil en algún lugar, incluso si está en un acordeón debajo de una lista de categorías.

Los elementos clave para garantizar que sean coherentes en todos los dispositivos:

  1. Clave SEO Encabezados: encabezados H1, H2, H3, etc.
  2. Interno campo de golf - incluidas las migas de pan, producto listas y en contenido campo de golf.
  3. Imágenes
  4. Videos
  5. Schema.org margen
  6. . encabezamiento código

Entonces asegúrate de que Google está renderizando su página igual de bien en móvil tal como está en el escritorio, al realizar una solicitud de obtención y procesamiento para su sitio en la consola de búsqueda de Google y verificando la diferencia entre móvil y vistas de escritorio (simplemente seleccione ver en móvil).

Obtener y renderizar en la vista móvil

Contenido de acordeón

Los acordeones son una excelente manera de condensar formas grandes contenido en secciones, lo que permite a los usuarios móvil para abrir fácilmente la sección que más les interese.

Wikipedia han cambiado todos sus móvil páginas en acordeón, lo cual es una buena señal de que mejora el compromiso.

¿Cómo se aplica esto a los sitios web de comercio electrónico?

Bueno, para empezar, una página de categorías suele ser un lugar al que las personas acuden tanto para productos e información sobre eso producto escriba, por lo que puede ser difícil colocar todo eso en la parte superior de la página sin crear demasiado espacio para desplazarse.

Ahí es donde podría entrar un acordeón. Puedes ejercitarte a través de palabra clave investigar y preguntarle a sus clientes cuáles son las preguntas más comunes sobre producto escriba, y tenga esos en acordeones justo encima de su producto lista, lo que permite a los usuarios leer esto rápidamente sin interferir con las experiencias de usuario de los compradores.

Aquí hay un ejemplo:

Agregar acordeones de preguntas frecuentes en dispositivos móviles

Para las personas que no están seguras de lo que implica un monitor de juegos, estos dos acordeones insertados en la parte superior de la página les permitirían tomar una decisión informada, lo que debería convertir a más buscadores en clientes.

El diseño de la página probablemente podría editarse, tal vez una diapositiva en el menú con acordeones titulada “cómo elegir un monitor de juegos” que contenga las áreas clave para mirar.

Los usuarios generalmente no quieren leer una guía de compra completa, quieren la información esencial de un vistazo (móvil se trata de velocidad y conveniencia).

Experiencia de pago

Por más barato o menos complicado productos, que aún no ha sido asumido por Amazon debido a las barreras a los requisitos de entrada / servicio al cliente, móvil los pagos probablemente representen una mayor cantidad de su ventas que la mayoría.

Esto significa que tener una experiencia de pago fluida, rápida y completamente funcional es esencial para maximizar móvil ventas.

Las áreas clave para un buen móvil experiencia de pago:

  1. Botones de pago obvios - cuando un usuario agrega un producto al carrito, una ventana emergente inmediata con un gran botón de pago llamará la atención y eliminará la confusión.
  2. Sitio web completamente seguro (SSL) - esto es bastante obvio, pero asegúrese de tener instalado el certificado de confianza SSL básico.
  3. Formulario de pago receptivo - asegúrese de que nada salga de la página o no se formatee correctamente en móvil.
  4. Iniciar sesión con Amazon / red social - esto hará que el proceso sea más rápido, con información que los otros proveedores completarán automáticamente.
  5. Dirección búsqueda - asegúrese de que un usuario no tenga que completar completamente su dirección proporcionando el código postal / código postal búsqueda funciones.
  6. Pago a través de Paypal / ApplePay - esto hará que la experiencia sea aún más rápida, con los pagos con un solo clic evitando el paso adicional (especialmente ingresar los detalles de la tarjeta de crédito).

Diseño de la página del producto

No toqué esto demasiado en la guía de SEO de mi página de producto, pero es importante volver a trabajar producto páginas en móvil para asegurarse de que sean intuitivos.

Como mencionamos anteriormente, el diseño en móvil debería centrarse en el contenido que los usuarios quieran ver, por lo que su página debe distribuirse en el siguiente orden:

  1. Producto título - permita que los usuarios sepan que están en el lugar correcto.
  2. Producto imagen - mostrar a los usuarios el productoy hacer que las imágenes adicionales se puedan deslizar.
  3. Precio - haz que el precio sea obvio, y si está en Venta haz que el descuento sea obvio.
  4. Información de entrega - muéstreles cuándo podrían recibir su artículo y el precio de envío.
  5. Añadir al carrito - un gran botón que se destaca para que nadie se lo pierda.
  6. Estrellas de reseñas de clientes + link - mostrar solo si hay reseñas, si no, dejarlo fuera.
  7. Características principales - las principales razones para comprar esto producto, utilizando viñetas.
  8. Todo lo demas.

Al priorizar esta información primero, les brinda a los usuarios lo que necesitan saber para tomar una decisión de compra, pero obviamente, como con cualquier cambio importante en el sitio web, pruébelo usted mismo.

Facilite el intercambio de productos

Si el ciclo de compra de un producto es un poco más largo de lo habitual (a menudo es el caso de artículos de alto valor) móvil los usuarios estarán a menudo en el investigaciones fase de su ciclo de compra.

Esto significa que pueden querer hacer más investigaciones más tarde, o consultar con un ser querido sobre la compra.

Así que hágalo realmente fácil, teniendo una opción para compartir que le permita correo electrónico la link, compartir el link en Whatsapp o compartirlo en Facebook Messenger.

Una forma de monitorear este cambio sería hacer que todas las URL compartidas tengan un parámetro determinado o verificar el tráfico directo a producto páginas.

Consideraciones finales

Estos cambios serán perfectos tanto para conversiones como para SEO, ya que el aumento de la participación reducirá la tasa de rebote y, como resultado, lo clasificará más alto.

Al implementar estos cambios ahora, estará bien preparado para enfrentar los móvil primer índice una vez que se despliegue.

Si desea obtener ayuda con este o cualquier otro problema de marketing de comercio electrónico, no dude en correo electrónico yo en [correo electrónico protegido] o considere comprar mis servicios de comercio electrónico.

¿Qué tan útil fue esta publicación?

¡Haz clic en una estrella para calificarla!

Puntuación media 0 / 5. Recuento de votos: 0

No hay votos hasta ahora! Sé el primero en calificar esta publicación.

Lamentamos que esta publicación no haya sido útil para usted!

¡Mejoremos este post!

Cuéntanos cómo podemos mejorar esta publicación?

Matt Jackson

Especialista en SEO de comercio electrónico, con más de 8 años de experiencia a tiempo completo analizando y arreglando sitios web de compras en línea. Experiencia práctica con Shopify, Wordpress, Opencart, Magento y otros CMS.
¿Necesitas ayuda? Envíeme un correo electrónico para obtener más información, en [correo electrónico protegido]

Este mensaje tiene 0 Comentarios

Deje su comentario.

Su dirección de correo electrónico no será publicada. Los campos necesarios están marcados *