Prueba de compatibilidad con móviles
Carga una URL o pega HTML para previsualizar la página en anchos habituales de teléfono y tableta, y revisar lo básico de viewport, zoom y tamaño de texto.
Página para probar
Puntos de corte para previsualizar
Revisiones móviles
Vista previa
Cómo usar la prueba de compatibilidad móvil
Introduce una URL y haz clic en Probar página, o cambia a Pegar HTML para páginas de staging y cualquier cosa que requiera iniciar sesión. Elige los puntos de corte que quieras: 360 px para teléfonos Android pequeños, 375 px para el iPhone SE, 390 px para iPhone recientes, 412 px para teléfonos Pixel y 768 px para un iPad en vertical. La herramienta muestra la página en cada ancho y hace cinco revisiones rápidas: la etiqueta viewport, device-width, el zoom, el texto en línea pequeño y los elementos anchos de ancho fijo.
Por qué importa la visualización en móviles
Google usa la indexación mobile-first, lo que significa que se fija principalmente en la versión móvil de tus páginas. Si tu diseño se rompe en un teléfono, sufren tanto los visitantes como el posicionamiento. La metaetiqueta viewport es la señal individual más importante. Sin ella, los teléfonos muestran la página con el ancho de escritorio y la reducen, así que el texto queda diminuto.
Cómo funciona la vista previa
Cada vista previa es un marco aislado que muestra el HTML con el ancho exacto en píxeles que elegiste, reducido para que quepa en tu pantalla. Los scripts se bloquean por seguridad, así que faltará el contenido que solo aparece después de ejecutar JavaScript. Las hojas de estilo y las imágenes sí se cargan, así que el diseño que ves se parece a lo que muestra un teléfono antes de que se ejecuten los scripts.
Preguntas frecuentes
¿Por qué mi vista previa se ve distinta en mi teléfono?
Los scripts no se ejecutan en la vista previa, y algunos sitios bloquean las solicitudes de servidores o envían HTML distinto a cada dispositivo. Para una revisión completa, usa también la emulación de dispositivos de tu navegador en la página publicada.
¿Qué etiqueta viewport debo usar?
<meta name="viewport" content="width=device-width, initial-scale=1"> es la estándar. Evita user-scalable=no y maximum-scale=1, porque impiden que la gente haga zoom.
¿Qué tamaño de fuente es demasiado pequeño en móvil?
El texto de cuerpo por debajo de 14 px es difícil de leer en un teléfono, y 16 px es un tamaño predeterminado cómodo. La letra pequeña, como las notas legales, puede ser menor, pero mantenla legible.
¿Google sigue ofreciendo su propia prueba de optimización para móviles?
No. Google retiró su prueba de optimización para móviles y el informe relacionado de Search Console a finales de 2023. Lighthouse en Chrome y esta vista previa son buenas formas de revisar las páginas hoy.