Mobile Friendly Checker
Este verificador gratuito de compatibilidad móvil lee el HTML de una página y prueba los elementos que determinan si funciona en un teléfono: una etiqueta meta viewport correcta, zoom no deshabilitado, sin etiquetas Flash o plugins, sin tamaños de fuente diminutos ni diseños de ancho fijo, atributos de imagen responsiva y áreas táctiles de tamaño razonable. Es una verificación heurística de HTML, por lo que cada resultado indica qué puede y qué no puede probar.
Mobile Friendly Checker
Technical SEO
Sobre esta herramienta
Google indexa primero la versión móvil de una página, y la mayoría de visitantes llegan en teléfono. Una página que requiere pellizcar para leer, que se desborda de la pantalla o cuyos enlaces son demasiado pequeños para tocar los pierde en segundos. Google retiró su Mobile-Friendly Test en 2023, por lo que los propietarios de sitios necesitan otra forma rápida de verificar lo básico antes de ver una página en un teléfono real.
El verificador obtiene el HTML que envía el servidor y busca las señales que determinan el comportamiento móvil: la etiqueta meta viewport y si establece width=device-width sin bloquear el zoom, etiquetas de plugins como Flash que los teléfonos no pueden ejecutar, tamaños de fuente inferiores a 12 píxeles en estilos en línea y bloques de estilo, tablas y elementos con anchos fijos más anchos que la pantalla de un teléfono, imágenes con atributos srcset o sizes, consultas de medios en estilos en línea, enlaces cuyo texto es demasiado corto para tocar fácilmente, etiquetas de fuente heredadas y enlaces AMP o mobile-alternate.
No puede renderizar la página ni leer hojas de estilo externas, por lo que no puede medir cómo se ve realmente el diseño, si el texto es legible o si los elementos se superponen. Una página que pasa todas las verificaciones aquí puede seguir siendo incómoda en un teléfono, y una página que usa CSS externo para todo puede generar advertencias que no merece. Trata el resultado como una lista de verificación, luego abre la página en un teléfono real y en el modo de dispositivo de Chrome DevTools.
Preguntas frecuentes
¿Qué etiqueta meta viewport debe tener cada página?
El estándar es <meta name="viewport" content="width=device-width, initial-scale=1">. Le dice a los teléfonos que diseñen la página al ancho de la pantalla en lugar de pretender ser un escritorio de 980 píxeles y reducir todo. Sin ella, el texto es diminuto y los visitantes deben hacer zoom para leer.
¿Es malo desactivar el zoom con user-scalable=no?
Sí. Impide que personas con visión deficiente amplíen el texto y es un fallo de accesibilidad según WCAG. iOS moderno lo ignora de todas formas. Elimina user-scalable=no y maximum-scale=1 a menos que la página sea una aplicación de pantalla completa con sus propios controles de zoom.
¿Qué pasó con el Mobile-Friendly Test de Google?
Google lo cerró en diciembre de 2023, junto con el informe de usabilidad móvil en Search Console. Lighthouse en Chrome DevTools y PageSpeed Insights aún reportan problemas móviles como viewport, tamaño de fuente y áreas táctiles, y este verificador cubre lo básico a nivel HTML para una primera mirada rápida.
¿Qué tamaño deben tener las áreas táctiles?
Al menos 48 por 48 píxeles CSS con aproximadamente 8 píxeles de espacio entre ellas, para que un dedo toque un enlace y no su vecino. Las listas de navegación con enlaces muy juntos y los enlaces solo con icono son los infractores habituales. El relleno en el enlace, no solo en el texto, hace el área más grande sin cambiar la apariencia.
¿Por qué el verificador no muestra cómo se ve la página en un teléfono?
Porque lee el HTML sin renderizarlo ni descargar hojas de estilo, lo que mantiene la verificación rápida y segura pero significa que no puede ver el diseño final. Para una verificación visual, abre la página en Chrome, presiona F12, activa la barra de herramientas de dispositivo y elige un teléfono, o simplemente ábrela en tu propio teléfono.