Por qué tu web se ve mal en móvil (y qué significa exactamente)
Una web "se ve mal en móvil" cuando su diseño no se adapta al tamaño de pantalla del dispositivo: el texto queda demasiado pequeño para leer sin hacer zoom, los botones se superponen, las imágenes se salen del marco o el menú desaparece detrás de otros elementos. No es un problema estético menor: es una rotura funcional que impide al usuario hacer lo que ha venido a hacer.
El origen suele ser uno de estos tres casos:
- Diseño antiguo sin responsive: la web se construyó hace años con una maquetación fija en píxeles, pensada para escritorio. En móvil se muestra exactamente igual, comprimida.
- Plantilla responsive mal configurada: la plantilla dice ser adaptable, pero los estilos personalizados o los plugins añadidos rompen el comportamiento en pantallas pequeñas.
- Ausencia de pruebas reales: la web se diseñó solo mirando el ordenador. Nadie comprobó cómo quedaba en un iPhone de 390 píxeles de ancho ni en un Android con el tamaño de fuente del sistema aumentado.
Más del 60 % del tráfico web global llega desde dispositivos móviles, según datos de Statcounter GlobalStats. Si tu web falla en móvil, falla para la mayoría de tus visitas.
Cómo saber con certeza si tu web tiene un problema real en móvil
Puedes detectarlo sin ser técnico usando tres métodos que dan información complementaria:
-
La prueba más directa: abre tu web desde tu propio móvil y navega como lo haría un cliente. Intenta hacer lo que esperas que haga un usuario: llamar, rellenar un formulario, añadir un producto al carrito. Si algo te cuesta a ti, se lo costará a ellos.
-
Google Search Console: en el apartado Experiencia > Usabilidad en dispositivos móviles aparece un informe con las URL concretas que Google detecta como problemáticas y el motivo exacto (texto demasiado pequeño, elementos clickables demasiado juntos, contenido más ancho que la pantalla).
-
La herramienta de prueba de usabilidad móvil de Google: en search.google.com/test/mobile-friendly introduces tu URL y obtienes un diagnóstico inmediato con una captura de cómo ve Google tu página desde un dispositivo móvil.
Qué errores aparecen más en estos informes
| Error detectado | Qué significa en la práctica |
|---|---|
| Texto demasiado pequeño | El usuario necesita hacer zoom para leer; abandona antes |
| Elementos clickables demasiado juntos | Los botones y enlaces se tocan; se pulsa el equivocado |
| Contenido más ancho que la pantalla | Aparece scroll horizontal; la página parece rota |
| Viewport no configurado | El navegador no sabe cómo escalar la página al móvil |
Por qué una web rota en móvil destruye las ventas
Si tu web se ve mal en móvil y no se vende nada, la relación causa-efecto es directa y cuantificable en tu propio Google Analytics: compara la tasa de rebote y la duración de sesión entre usuarios de escritorio y de móvil. En la mayoría de webs con este problema, el móvil tiene un rebote entre 20 y 40 puntos porcentuales más alto que el escritorio.
El mecanismo es simple. Un usuario llega desde Google o desde un anuncio, ve que la página tarda en cargar o que el texto es ilegible, y vuelve atrás en menos de diez segundos. No ha visto tu oferta, no ha leído tu precio, no ha encontrado el número de teléfono. Ese rebote le indica a Google que tu página no ha satisfecho la búsqueda, y eso presiona el posicionamiento a la baja con el tiempo.
El problema se agrava en tiendas online. Si el proceso de compra tiene un paso que no funciona en móvil —un botón que no responde, un campo de formulario que el teclado del móvil tapa sin que la página se desplace— el carrito se abandona en ese punto exacto, repetidamente, sin que el propietario sepa por qué.
Desde que Google adoptó el mobile-first indexing, la versión que Google indexa y evalúa de tu web es la versión móvil, no la de escritorio. Si tu web tiene contenido o estructura diferente en móvil (o directamente está rota), lo que Google está indexando es la peor versión de tu negocio. Puedes leer más sobre cómo esto afecta al posicionamiento en la documentación oficial de Google sobre mobile-first indexing.
Cuándo se puede arreglar la web actual y cuándo hay que rehacerla
La respuesta depende de cuántos años tiene la web y de cómo está construida, no de lo que cueste cada opción. Hay cuatro situaciones habituales:
- Plantilla responsive con configuración rota: se puede arreglar ajustando los estilos CSS y revisando los plugins en conflicto. Tiempo estimado: entre medio día y dos días de trabajo técnico.
- WordPress con constructor visual (Elementor, Divi, etc.) descuidado: hay que revisar sección por sección los breakpoints móviles del constructor. Es laborioso pero no requiere rehacer nada desde cero.
- Web hecha con HTML fijo sin responsive: añadir responsive a una estructura que no lo contempló desde el inicio es como reformar la estructura de un edificio. Técnicamente es posible, pero el coste y el tiempo suelen superar el de hacer una web nueva correctamente.
- Web en plataforma obsoleta o sin acceso al código: si la web está en un sistema del que ya no tienes soporte o acceso, o si fue una web de bajo coste sin código editable, la única salida práctica es rehacerla.
La pregunta concreta que debes hacerte no es "¿arreglo o rehago?" sino "¿a cuánto asciende el coste de arreglar y cuánto tiempo lleva, comparado con una solución que además mejore la velocidad, el SEO y la capacidad de venta?" Si el diagnóstico técnico indica que el problema es profundo, un diseño web a medida construido con responsive real desde el primer píxel puede ser más eficiente que parchear algo que seguirá dando problemas.
Qué debe tener una web para funcionar bien en móvil
Que una web se vea bien en móvil no significa solo que "quepa en la pantalla". Estos son los requisitos que de verdad marcan la diferencia en conversión:
- Velocidad de carga: en móvil, la conexión es menos estable. Google recomienda que el Largest Contentful Paint (el tiempo hasta que aparece el contenido principal) sea inferior a 2,5 segundos.
- Tipografía legible sin zoom: tamaño mínimo de 16 píxeles en el cuerpo del texto.
- Botones y CTAs con área de toque suficiente: mínimo 44x44 píxeles, con espacio entre ellos.
- Formularios optimizados: los campos deben activar el teclado correcto (numérico para teléfonos, tipo email para correos) y la página debe desplazarse para que el campo activo quede visible.
- Imágenes optimizadas: una imagen de 3 MB que en escritorio pasa desapercibida en móvil mata la velocidad de carga.
- Menú de navegación adaptado: un menú horizontal de escritorio con ocho opciones no cabe en móvil. Hay que rediseñarlo, no comprimirlo.
