Móvil: ¿la página cabe en el teléfono? Mobile
El icono del teléfono abre la página con el ancho real de un móvil. Ves de inmediato si algo sobresale del borde o es demasiado pequeño.
1¿Qué es?
La comprobación móvil abre la página actual en una ventana de 360, 390 o 430 píxeles de ancho y mide si el contenido es más ancho que la ventana. Además, la etiqueta viewport y el tamaño de letra más pequeño.
2¿Por qué importa?
Google valora la versión móvil de la página. Una tabla que se sale por la derecha o una imagen sin max-width hace incómoda toda la página, y en el escritorio no se ve.
3Qué comprueba TagSpion
| Comprobación | Valoración |
|---|---|
| Etiqueta viewport | rojo si falta o tiene user-scalable=no |
| Desplazamiento horizontal | rojo si la página es más ancha que la ventana, con el elemento que lo causa |
| Letra más pequeña | amarillo por debajo de 12 píxeles |
4Cómo solucionarlo
- Define la etiqueta viewport, limita imágenes y tablas con max-width: 100 %, mete las tablas en un contenedor desplazable.
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
img, video, table { max-width: 100%; height: auto; }
.table-wrap { overflow-x: auto; } /* <div class="table-wrap"><table>…</table></div> */
</style>5Preguntas frecuentes
¿Sustituye a los dispositivos reales?
No, pero es una primera prueba rápida. La ventana tiene el ancho, no el manejo táctil de un teléfono.