Prueba de Optimización Móvil
Compruebe si su sitio web está optimizado para dispositivos móviles. Pruebe el viewport, el diseño responsivo y las funciones PWA.
Análisis de Optimización Móvil
Dado que más del 60% del tráfico web proviene de dispositivos móviles, la optimización móvil es un factor de clasificación crítico y un requisito esencial de la experiencia del usuario.
La Etiqueta Meta Viewport
La etiqueta viewport controla cómo se muestra una página en los dispositivos móviles. Sin ella, los navegadores móviles renderizan la página al ancho de escritorio y la reducen, haciéndola ilegible.
PWA y Experiencia de Usuario
Los sitios móviles modernos deben actuar como aplicaciones. Características como los Manifiestos de Aplicación Web y los Iconos Táctiles mejoran la experiencia de 'Añadir a la pantalla de inicio', fidelizando a los usuarios.
Lista de Verificación Móvil
Etiqueta Viewport
Esencial para el escalado responsivo. Normalmente debe ser 'width=device-width'.
Ancho Responsivo
Use consultas de medios CSS para adaptar el diseño a pantallas pequeñas.
Iconos Táctiles
Los Apple Touch Icons aseguran que su sitio se vea bien en las pantallas de inicio de iOS.
Escalabilidad
Evite 'user-scalable=no'. Los usuarios deben poder hacer zoom.
Manifiesto
Archivo JSON que informa al navegador sobre su Aplicación Web Progresiva (PWA).
Color del Tema
Establece el color de la barra de direcciones del navegador para que coincida con su marca.