Test de compatibilidad móvil gratis
Comprueba si tu sitio está optimizado para dispositivos móviles. Gratis, rápido y funciona por completo en tu navegador sin necesidad de registrarte.
Actualizado
Mobile Friendly Test
Check if your website is optimized for mobile devices.
Mobile Friendly Test
Demo Mode: Results are simulated for educational purposes. For real mobile-friendly testing, use Google's PageSpeed Insights API.
Mobile-First Best Practices
- Use responsive design with flexible layouts and CSS Grid/Flexbox
- Set viewport meta tag:
width=device-width, initial-scale=1 - Use minimum 16px font size for body text
- Make tap targets at least 48x48 pixels with 8px spacing
- Avoid horizontal scrolling - use
max-width: 100%on media - Optimize images with responsive srcset and lazy loading
- Test with Google's Lighthouse and real devices
Preguntas Frecuentes
¿Qué es el Test de Compatibilidad Móvil?
El Test de Compatibilidad Móvil es una herramienta en línea gratuita que comprueba si tu sitio web está optimizado para dispositivos móviles y ofrece recomendaciones de diseño adaptable.
¿Es gratuito el Test de Compatibilidad Móvil?
Sí, es totalmente gratuito y no requiere registro.
¿Por qué es importante la compatibilidad móvil?
Google utiliza la indexación mobile-first, lo que significa que la compatibilidad móvil influye directamente en el posicionamiento en buscadores. El Test de Compatibilidad Móvil te ayuda a asegurar que tu sitio funciona bien en todos los dispositivos.
¿Están seguros mis datos con esta herramienta?
Por supuesto. El Test de Compatibilidad Móvil procesa todo en el lado del cliente, dentro de tu navegador. No se sube ni se almacena ningún dato en ningún servidor. Tu contenido permanece privado en tu dispositivo en todo momento.
¿Necesito crear una cuenta para usar esta herramienta?
No hace falta ninguna cuenta ni registro. Solo abre el Test de Compatibilidad Móvil en tu navegador y empieza a usarlo de inmediato. No hay muros de registro ni restricciones de uso.
¿Cómo uso el Test de Compatibilidad Móvil?
Simplemente introduce tu dato en el campo correspondiente, ajusta las opciones a tu gusto y la herramienta lo procesará al instante. Después puedes copiar el resultado al portapapeles o descargarlo.
¿Qué navegadores son compatibles?
El Test de Compatibilidad Móvil funciona en todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.
¿Qué es la etiqueta meta viewport y por qué la comprueba el test?
La etiqueta meta viewport indica a los navegadores móviles cómo dimensionar y escalar una página respecto a la pantalla del dispositivo. Sin ella, los teléfonos asumen un ancho de escritorio de unos 980px y reducen todo el diseño para que quepa, dejando el texto diminuto y obligando a los usuarios a hacer zoom con los dedos. La etiqueta correcta es <meta name="viewport" content="width=device-width, initial-scale=1">, colocada en el <head> de la página. "width=device-width" ajusta el diseño al ancho real del dispositivo, y "initial-scale=1" fija un nivel de zoom 1:1 al cargar. Es la señal individual más importante para la usabilidad móvil, por lo que una etiqueta viewport ausente o mal configurada es una de las primeras comprobaciones que ejecuta este test. Pega tu URL arriba para ver si la comprobación del viewport se supera y revisar la etiqueta exacta que deberías usar.
¿Qué tamaño deben tener los elementos táctiles en una página apta para móviles?
Los elementos táctiles son los botones, enlaces y controles de formulario que un usuario pulsa con la yema del dedo, algo mucho menos preciso que un cursor de ratón. La pauta de referencia que aplica este test es de aproximadamente 48x48 píxeles por elemento, con al menos 8 píxeles de separación entre elementos adyacentes. Los elementos más pequeños que eso, o demasiado apretados entre sí, provocan pulsaciones erróneas en las que alguien toca el enlace equivocado o tiene que hacer zoom para apuntar bien. Los culpables habituales son los menús de navegación muy compactos, los enlaces de texto pequeños dentro de párrafos y los botones de icono pensados para un puntero de escritorio. La solución es dar a los elementos interactivos un relleno y unos márgenes generosos en lugar de fiarlo todo al gráfico visible. Introduce tu URL arriba y la comprobación de elementos táctiles señalará los que queden por debajo de la pauta de 48px para que sepas exactamente qué agrandar.
¿Qué tamaño de fuente se considera legible en móvil y por qué falla el test con un texto pequeño?
El texto del cuerpo debería tener al menos 16 píxeles en móvil, el umbral por debajo del cual la mayoría de los lectores necesita hacer zoom con los dedos para leer con comodidad. Cualquier tamaño inferior obliga a una interacción extra en cada visita y delata un diseño pensado para escritorio que nunca se adaptó a los teléfonos. El test marca como fallo de legibilidad el texto del cuerpo por debajo de unos 16px. La solución recomendada es establecer un tamaño de fuente base de 16px y usar unidades relativas como rem o em para que el texto se escale de forma predecible según la configuración del usuario y en los distintos breakpoints, en lugar de fijar los tamaños en píxeles absolutos. Los títulos y las leyendas pueden variar, pero lo que evalúa esta comprobación es el texto principal de lectura. Pasa tu URL por el test de arriba para ver el tamaño mínimo de texto que detecta y si tu página supera el umbral de legibilidad.
¿Por qué el contenido que se sale del viewport provoca desplazamiento horizontal en los teléfonos?
El desplazamiento horizontal en móvil casi siempre significa que un elemento es más ancho que la pantalla y la página no puede reducirlo para que quepa. Las causas habituales son los anchos fijos en píxeles en CSS, las imágenes grandes sin restricciones, las tablas anchas o los elementos posicionados de forma absoluta que se extienden más allá del borde derecho. Como la pantalla de un teléfono es estrecha, basta con un solo elemento sobredimensionado para desplazar todo el diseño hacia un lado y romper el flujo de lectura. El test comprueba si todo el contenido cabe dentro del viewport sin necesitar desplazamiento horizontal. Las soluciones estándar son los diseños responsivos construidos con CSS Grid o Flexbox en lugar de anchos fijos, y mantener los elementos multimedia fluidos con max-width: 100% para que las imágenes nunca se salgan de su contenedor. Introduce tu URL arriba para ver si la comprobación de ancho de contenido se supera y qué tipos de desbordamiento señala el informe.
¿Qué Core Web Vitals afectan más a la puntuación de compatibilidad móvil?
La usabilidad móvil tiene que ver con el diseño, pero el rendimiento determina la experiencia real, por lo que este test muestra una puntuación de rendimiento junto con tres Core Web Vitals que son las más relevantes en teléfonos: First Contentful Paint, Largest Contentful Paint y Cumulative Layout Shift. FCP marca el momento en que aparece el primer contenido, LCP mide cuándo termina de cargarse el contenido principal, y CLS recoge cuánto se desplaza inesperadamente el diseño mientras se cargan los elementos, algo especialmente molesto en una pantalla pequeña en mitad de un toque. En móvil, las redes más lentas y los procesadores menos potentes hacen que estas métricas sean más difíciles de cumplir que en escritorio. Las soluciones prácticas incluyen servir imágenes responsivas con srcset, aplicar carga diferida a todo lo que quede fuera de la pantalla inicial y reservar espacio para los elementos multimedia para que nada salte de sitio. Ejecuta tu URL arriba para ver la puntuación de rendimiento simulada y los valores de FCP, LCP y CLS que desglosa el informe.
Herramientas Relacionadas
Test de velocidad de sitios web gratis
Analiza el tiempo de carga de las páginas, las métricas de rendimiento y las oportunidades de optimización de tu sitio web. Gratis, rápido y funciona por completo en tu navegador sin necesidad de registrarte.
Extractor de Meta Etiquetas Gratis
Extrae y revisa todas las meta etiquetas de cualquier página web para análisis de SEO y redes sociales. Gratis, rápido y funciona totalmente en tu navegador sin necesidad de registro.
Herramienta de Capturas de Pantalla de Sitios Web Gratis
Captura capturas de pantalla de página completa o de la ventana de cualquier página web para revisión de diseño y pruebas. Gratis, rápido y funciona totalmente en tu navegador sin necesidad de registro.
Verificador de Accesibilidad Gratis
Comprueba el cumplimiento de accesibilidad del sitio web con los estándares WCAG y obtén sugerencias de corrección prácticas. Gratis, rápido y funciona totalmente en tu navegador sin necesidad de registro.
Acerca del Test de Compatibilidad Móvil
El Test de Compatibilidad Móvil es una herramienta gratuita que recorre los mismos criterios que utiliza Google para decidir si una página funciona bien en teléfonos y tablets. Introduce una URL, ejecuta el test y obtendrás una puntuación de usabilidad móvil sobre 100, además de un desglose comprobación por comprobación que cubre la etiqueta meta viewport, la legibilidad del texto, el tamaño de los elementos táctiles, el ancho del contenido y las métricas de rendimiento móvil más importantes. Está pensada para desarrolladores, propietarios de sitios web y profesionales de SEO que quieren un repaso rápido y en lenguaje sencillo de qué significa realmente "apto para móviles" antes de publicar un diseño o de intentar resolver un problema de posicionamiento.
Una aclaración importante: esta herramienta funciona en modo demostración. Los resultados que muestra son simulados con fines educativos, no proceden de un rastreo en vivo de tu página, y el propio aviso dentro de la herramienta lo indica claramente. Para una auditoría real de una URL concreta, PageSpeed Insights y Lighthouse de Google recogen datos de campo y de laboratorio en tiempo real. El valor de este test está en enseñar la lista de comprobaciones en sí misma —qué es cada señal, por qué importa y cómo solucionarla— para que sepas exactamente qué buscar cuando ejecutes una auditoría en vivo.
Qué comprueba el test
Cada ejecución genera un resultado de aprobado o fallido para las señales que determinan la usabilidad móvil, con una breve explicación y una solución concreta para cualquier fallo:
- Configuración del viewport — confirma que existe una etiqueta meta
width=device-width, initial-scale=1, de forma que los navegadores móviles muestren la página con el ancho real del dispositivo en lugar de un diseño de escritorio reducido. - Legibilidad del texto — señala el texto del cuerpo que sea inferior a unos 16px, el umbral por debajo del cual la mayoría de los lectores necesita hacer zoom con los dedos para leer con comodidad.
- Tamaño de los elementos táctiles — comprueba que los botones y enlaces sean lo bastante grandes y estén lo bastante separados como para pulsarlos con precisión. La pauta de referencia es de unos 48x48 píxeles con al menos 8px de separación.
- Ancho del contenido — busca elementos que se salgan del viewport y provoquen desplazamiento horizontal, un signo clásico de CSS de ancho fijo o imágenes sin restricciones.
- Rendimiento móvil — muestra una puntuación de rendimiento junto con las Core Web Vitals más relevantes en teléfonos: First Contentful Paint, Largest Contentful Paint y Cumulative Layout Shift.
Por qué la compatibilidad móvil importa para el posicionamiento
Google utiliza la indexación mobile-first desde hace años, lo que significa que rastrea y posiciona principalmente la versión móvil de tu página, no la de escritorio. Si tu sitio se ve mal en un teléfono —texto demasiado pequeño, botones apretados, contenido que se sale de la pantalla—, esa es la experiencia que Google evalúa, y también la que reciben la mayoría de tus visitantes. Más de la mitad del tráfico web mundial procede ahora de dispositivos móviles, así que una página que solo se ve bien en escritorio está fallando a la mayor parte de su audiencia. El test plantea estos problemas de la misma forma en que lo haría un motor de búsqueda, de modo que los fallos que corrijas aquí son los mismos que protegen tu posicionamiento y tu tasa de rebote.
Convertir los resultados en soluciones
El valor del informe está en las indicaciones de "cómo solucionarlo" que acompañan a cada comprobación fallida, que reflejan las prácticas mobile-first que recomienda la herramienta:
- Construye diseños responsivos usando CSS Grid o Flexbox en lugar de anchos fijos en píxeles.
- Añade la etiqueta meta viewport al
<head>de la página si falta. - Establece un tamaño de fuente base de al menos 16px y usa unidades relativas como
remoem. - Mantén los elementos multimedia fluidos con
max-width: 100%para que las imágenes nunca provoquen desplazamiento horizontal. - Sirve imágenes responsivas con
srcsety aplica carga diferida a todo lo que quede fuera de la pantalla inicial para proteger tus puntuaciones de rendimiento.
Trata esta herramienta como una lista de aprendizaje y un ensayo previo: úsala para entender cada señal y practicar las soluciones, y después confirma las cifras reales de tu URL con Lighthouse o PageSpeed Insights antes de dar el trabajo por terminado.