¿Cuál es la mejor manera de configurar un sitio web móvil?

En la actualidad, los teléfonos inteligentes están cambiando la forma en que las personas compran, viajan y buscan. Si un sitio web diseñado para un escritorio se abre en cualquier otro dispositivo, requiere mucho acercamiento, desplazamiento y, por lo tanto, es difícil navegar. Si desea ofrecer la mejor experiencia de usuario a sus visitantes en línea, debe optimizar su sitio web para diferentes resoluciones de pantalla. Al centrarse en los siguientes puntos, puede crear un sitio web móvil centrado en la experiencia del usuario que será ampliamente preferido y recomendado por el público objetivo;

  1. Tiempo de carga bajo: la tasa de rebote de un sitio web en un dispositivo móvil es muy alta si no puede cargarse rápidamente.
  2. Navegación fácil: la navegación de un sitio web móvil debe ser muy fácil de usar.
  3. Opción de búsqueda en el sitio: la opción de búsqueda en el sitio debe estar en la parte superior de cada página web móvil.
  4. Incruste las categorías dentro del cuerpo principal: intente tener categorías amplias para los productos que ofrece.
  5. Evitar animaciones
  6. Pie de página: el pie de página de una página larga debe tener las pestañas principales enumeradas nuevamente en forma de botones y no enlaces de texto.
  7. El diseño no debe encajar perfectamente en los pliegues: intente mantener un diseño que parezca que continúa debajo del pliegue.
  8. Claro llamado a la acción: su llamado a la acción debe guiar al visitante al siguiente paso del embudo de conversión.
  9. Gestión de contenido adaptativo: es importante comprender que el diseño receptivo no es la solución a todos los problemas.
  10. Hacer que el proceso de pago sea seguro y rápido: el proceso de pago debe hacerse más rápido. Esto lo beneficiará de compras impulsivas.
  11. Centrarse en los detalles del producto: se supone que un sitio web móvil es simple y fácil de usar sin mucho contenido.
  12. Inicio de sesión fácil: no le pidas al visitante que inicie sesión en el primer paso.
  13. Incluir características especiales

Una forma más confiable que el tamaño de la pantalla sería mirar la información del agente de usuario a partir de la solicitud del cliente.

Consulte http://detectmobilebrowsers.com/ , que tiene una lista completa de scripts de detección de agente de usuario en varios lenguajes de programación.

También puede hacer esto con CSS puro dependiendo de su implementación. Si en realidad está sirviendo páginas diferentes, entonces seguir con su camino está bien. También puede agregar una redirección al servidor que mira al agente de usuario.

Puede buscar un poco para obtener más detalles, pero aquí hay un artículo que proporciona un buen desglose básico.

http://www.gethifi.com/blog/thre

¡Espero que ayude!