Lista de comprobación y vídeos para mejorar sitios web para móviles

• Javier Perez
• marzo 26th, 2014
• News
• 0 Comments

¿Quieres mejorar tu sitio web para smartphones y no sabes por dónde empezar? ¿No tienes claro qué consejos son prioritarios? Acabamos de publicar una lista de comprobación que te ayudará a abordar de manera más eficaz la mejora de los sitios web para móviles. Algunos de los temas de la lista de comprobación enlazan con un estudio o con un caso práctico relevante; otros incluyen un vídeo en el que se explica cómo hacer que los datos de Google Analytics y de Herramientas para webmasters de Google se puedan ejecutar durante el proceso de mejora. Debajo se reproducen secciones resumidas de la lista de comprobación completa. Si quieres más información o si se te ocurren otros temas para incluir en la lista, no dudes en comunicárnoslo.

Paso 1: No más clientes frustrados

• Elimina las engorrosas ventanas adicionales de todos los user-agents para móviles. | Recomendación de Google, artículo
• Ventanas emergentes de JavaScript que pueden ser difíciles de cerrar
• Superposiciones, especialmente al descargar aplicaciones (en su lugar, considera la opción de usar un banner como los Smart App Banners de iOS 6+ o equivalentes, navegación lateral, marketing por correo electrónico, etc.)
• Solicitudes de encuestas previas a la finalización de tareas

• Ofrece una funcionalidad adecuada para dispositivos.
• Elimina funciones que requieran complementos o vídeos que no estén disponibles en el dispositivo del usuario (p. ej., Adobe Flash no se puede reproducir en un iPhone o en las versiones de Android 4.1 y posteriores). | Caso práctico
• Proporciona a los usuarios de tablets la versión de escritorio (o si está disponible, la versión de tablet). | Estudio
• Comprueba que desde los teléfonos móviles se pueda disfrutar de toda la experiencia de escritorio y que, si se selecciona, se mantenga la versión de escritorio durante la sesión (de manera que el usuario no tenga que seleccionar la versión de escritorio tras cargar cada página). | Estudio

• Corrige las páginas para móviles que tengan mucho tráfico y ofrezcan una experiencia de usuario deficiente.

Para ver todos los temas de la sección "No más clientes frustrados", consulta toda la lista de comprobación para mejorar sitios web para móviles.

Paso 2: Facilita la finalización de tareas

• Optimiza el rastreo, la indexación y la experiencia del buscador. | Caso práctico
• Desbloquea los recursos (CSS, JavaScript) rechazados por robots.txt.
• Implementa prácticas recomendadas para motores de búsqueda según tu implementación para móviles:
• Diseño receptivo: asegúrate de incluir la consulta CSS @media.
• Sitio para móviles independiente: añade los atributos rel=alternate media y rel=canonical, así como el encabezado HTTP Vary: User-Agent, que ayuda a Google a saltarse el redireccionamiento.
• Servicio dinámico: incluye el encabezado HTTP Vary: User-Agent.

• Optimiza los flujos de trabajo de roles de móviles populares para tu sitio.

Paso 3: Convierte a los clientes en fans

• Considera la posibilidad de usar puntos de integración de la búsqueda con aplicaciones para móviles. | Anuncio, información
• Lleva a cabo una lluvia de ideas de formas nuevas de ofrecer valor.
• Crea contenido según el comportamiento móvil, como el del comprador en la tienda. | Caso práctico
• Aprovecha el acelerómetro, la cámara y el GPS de los smartphones.
• Aumenta el uso compartido o el comportamiento social. | Caso práctico
• Considera la opción de usar una función táctil amena e intuitiva con los gestos de deslizar el dedo, agitar y tocar.