Problemas

Tu web no se ve bien en móvil — Esto te cuesta clientes y posiciones

Responsive no es lo mismo que estar bien en móvil. Los 7 problemas que te están costando llamadas y posiciones, presupuestos honestos y plan concreto para arreglarlo.

Abres tu web desde el móvil delante de un cliente y te quieres morir. Los textos se salen. El menú no se abre o se abre fatal. El botón de contacto está medio cortado. Las fotos cargan a trompicones. Y eso que te dijeron que la web era «responsive». Pues responsive lo es. Pero responsive no significa estar bien hecha en móvil.

Esto te lo digo claro: si tu negocio es local y dependes del cliente que te encuentra en Google, una web rota en móvil es directamente dinero que pierdes cada día. Más del 70% de las búsquedas de servicios locales se hacen desde móvil. Si tu web no acompaña, la persona vuelve a Google, entra en la siguiente y te quedas sin la llamada.

En este artículo te explico la diferencia entre una web «responsive» y una web «que se ve bien en móvil», los 7 problemas más comunes que veo en webs de pymes, cómo medir tu situación tú mismo en 20 minutos, y qué presupuesto real necesitas para arreglarlo sin rehacer toda la web.

Antes de seguir

Si tu web no es responsive en absoluto (es decir, en móvil sale en miniatura como si fuera un PDF), tienes un problema más grave que requiere migración a un tema responsive. Léete cuándo conviene una web profesional. Aquí te quedas si tu web sí es responsive sobre el papel pero está rota en móvil.

Diagnóstico — ¿qué tan rota está tu web en móvil?

Marca lo que se parezca a tu situación. Sin pensarlo mucho. Si puedes, abre tu web desde el móvil mientras lees.

Si has marcado cuatro o más, tu web está costándote clientes ahora mismo. Buena noticia: no hay que rehacerla. Hay que arreglarla bien. Vamos a ver qué.

Responsive ≠ bien hecha en móvil

Esto es lo primero que te tienes que sacar de la cabeza. «Responsive» significa que la web se adapta al ancho del dispositivo — no se queda en miniatura, las imágenes se redimensionan, el menú colapsa en hamburguesa. Es lo mínimo. Que sea responsive no garantiza que esté bien hecha en móvil.

Una web puede ser técnicamente responsive y aun así estar rota: textos demasiado pequeños porque la diseñadora pensó en escritorio, botones de 30 píxeles cuando deberían ser de 48, espaciados verticales descontrolados, formularios sin teclados optimizados, hero con vídeos pesados que tardan 8 segundos en arrancar. Todo eso es «responsive» — y todo eso es una experiencia móvil mala.

El móvil tiene reglas propias: touch targets grandes, jerarquía clara, peso de página bajo, scroll suave, botones pulsables sin bochorno. Si tu diseñadora no tenía esas reglas en la cabeza al diseñar, la web puede ser responsive de manual y aun así una pesadilla en el iPhone de tu cliente. Por eso un buen diseño web parte del móvil, no lo deja para el final.

Una web rota en móvil es como un escaparate sucio en una calle peatonal. No vas a arreglar las ventas con más anuncios. Tienes que limpiar el escaparate primero.

Los 7 problemas más comunes que te están costando clientes

1. Los textos están demasiado pequeños o demasiado grandes

El tamaño de texto en móvil tiene un mínimo razonable: 16px para cuerpo, 14-15 px para letra pequeña. Por debajo, la persona tiene que hacer zoom. Por encima de 22px en cuerpo, el contenido ocupa demasiado y obliga a scroll excesivo.

Lo más típico que veo es texto de cuerpo a 13px porque «queda más elegante» en escritorio. En móvil queda inutilizable. La regla simple: si tienes que entornar los ojos para leerlo en tu móvil, tu cliente también. Y la mayoría de la gente no entorna los ojos — cierra la pestaña y se va.

2. Los botones son demasiado pequeños para tocarlos con el dedo

El estándar internacional para touch targets en móvil es de 48×48 píxeles mínimo (recomendación de Google y Apple). Por debajo, la gente falla al apuntar. Y cada fallo es un punto de fricción que reduce conversiones.

Los botones de «Contactar», «Llamar», «Pedir presupuesto» son los más críticos. Si esos no son grandes, claros y separados de otros elementos, estás cortando llamadas a tijera. Y el botón flotante de WhatsApp o teléfono que muchas pymes ya tienen instalado, si está mal posicionado, es peor que no tenerlo — tapa contenido y la gente lo cierra al primer toque.

3. El menú hamburguesa está mal hecho

El icono de tres rayas que abre el menú en móvil. Lo veo mal hecho en el 60% de las pymes que reviso. Problemas típicos: el menú abierto no cubre toda la pantalla, los items son demasiado pequeños, no hay forma clara de cerrarlo, los submenús se solapan.

Un menú en móvil bien hecho ocupa toda la pantalla cuando se abre, los items son grandes y separados (mínimo 50 px de alto), tiene una X de cierre clara, y los submenús se despliegan suavemente. Cualquier desviación de eso es fricción acumulada que se traduce en visitas que no llegan a contactar.

4. Los formularios son inusables en móvil

Esto solo es un drama. Formularios donde los campos se solapan, donde el teclado tapa el campo activo, donde no hay autocompletado, donde el botón de envío queda fuera de la pantalla. Cada uno de estos problemas reduce la tasa de envío entre un 10% y un 40%.

Un formulario bien hecho en móvil tiene: campos amplios (mínimo 44 px de alto), inputs con tipo correcto (type="email", type="tel" que abren teclados optimizados), label encima del campo, validación clara y suave, botón de envío grande y visible siempre. Y por encima de todo: pocos campos. Tres es lo razonable. Más de cinco, mata la conversión móvil.

5. La web carga lenta y la gente se va

En móvil con datos, una web tiene 3 segundos para cargar antes de que el usuario empiece a perder paciencia. A los 5 segundos, has perdido al 30%. A los 7, al 50%. Y la mayoría de las webs de pymes que reviso tardan entre 4 y 8 segundos en cargar en móvil.

Las causas son casi siempre las mismas: imágenes sin comprimir (un JPG de 4MB tarda eternidades), plugins innecesarios cargando en cada página, hero con vídeo autoplay, fuentes web pesadas. Comprimir las imágenes a WebP, quitar plugins, lazy-loading bien hecho — eso solo te baja el tiempo de carga a la mitad sin tocar el diseño visible. Es el grueso del trabajo de un especialista en WPO.

6. El teléfono no es clickable o no está visible

Para una pyme local, no tener click-to-call en móvil es directamente dejar de cobrar. Click-to-call es que cuando la persona toca el número de teléfono en tu web, le abre el marcador del móvil con el número ya puesto.

Implementarlo es trivial: enlace HTML <a href="tel:+34...">. Cinco minutos. La diferencia en llamadas entrantes se nota desde la primera semana. Y el número, además, tiene que estar visible en cabecera, en pie y como botón flotante para móvil. No escondido en una página de «Contacto» a tres clics.

7. Hay elementos en escritorio que se rompen en móvil sin avisar

Sliders complicados, columnas de tres que se apilan mal, modales que en móvil quedan cortados, mapas embebidos que ocupan toda la pantalla y atrapan el scroll, vídeos con controles cortados. La diseñadora hizo la web pensando en escritorio y en móvil «se ve». Pero «se ve» no significa «funciona bien».

Esto se detecta abriendo la web desde móvil real (no solo simulándolo en el inspector del navegador). Lo que en simulación parece ok, en un iPhone con un dedo gordo y poca paciencia es otro cuento. Buena parte de estos fallos son de SEO técnico y arrastran al posicionamiento sin que te des cuenta.

Cómo medir tu situación en 20 minutos sin contratar a nadie

Lo que haría yo para auditar tu web en móvil esta tarde. Solo necesitas un móvil real (mejor un iPhone y un Android si los tienes), buena conexión, y unas pestañas abiertas.

  1. Abre tu web desde el móvil con datos (4G, no wifi). Mide cuántos segundos tarda en cargar. Si pasa de 4, tienes un problema de velocidad.
  2. Recorre la home haciendo scroll lento. Apunta cada vez que algo te chirría: texto pequeño, botón mal alineado, imagen cortada, espaciado raro. Probablemente saldrán 5-8 cosas.
  3. Abre el menú hamburguesa. ¿Se abre rápido? ¿Cubre toda la pantalla? ¿Los items son tocables? ¿Cómo lo cierras?
  4. Pulsa el botón de «Contactar» o llama al número. ¿Te abre el formulario o el marcador? Si no, tienes problema de click-to-call.
  5. Si tienes formulario, intenta rellenarlo entero hasta enviar. Mira si el teclado tapa el campo activo, si los campos se ven bien, si el botón de envío es accesible.
  6. Pasa el test de PageSpeed Insights. URL: pagespeed.web.dev. Mete tu web, modo móvil. Si la nota está en rojo o ámbar, ya tienes el diagnóstico técnico.
  7. Test de optimización móvil de Google. URL: search.google.com/test/mobile-friendly. Te dice si Google considera tu web «apta para móviles» o no.

En 20 minutos tienes una hoja con 8-12 problemas concretos. Lo más típico es que sean 4 o 5 los que mueven la aguja. Atacas esos primero.

Lo que no funciona aunque te lo vendan

El presupuesto real para arreglar el móvil de una pyme

Te doy números aterrizados de mercado, no inventados. Estos son los rangos típicos para arreglar el móvil de una web WordPress de pyme estándar (10-30 URLs).

Si te están pidiendo más de eso para «arreglar el móvil», o estás pagando rediseño completo cuando solo necesitas parche. La diferencia entre estos rangos no es magia — es alcance. Y el alcance lo decides tú con datos.

Si fuera tu consultor, esto haría las próximas 4 semanas

El plan asume un caso típico: web responsive sobre el papel, pero rota en móvil con varios problemas. Sin reescribir desde cero.

Días 1-3. Auditoría móvil completa. Diagnóstico desde iPhone y Android, captura de los 8-12 problemas, priorización por impacto en conversión. Saco una hoja con foto + descripción + nivel de urgencia.

Días 4-7. Parches críticos. Click-to-call, tamaños de texto correctos, botones a 48px mínimo, formulario reducido a 3 campos. Cambios pequeños y de gran impacto.

Días 8-14. Velocidad. Compresión de imágenes a WebP, eliminación de plugins inútiles, lazy-loading, caché. Bajar de 5 segundos a menos de 2 en móvil. Suele subir conversiones móviles entre 15% y 30%.

Días 15-21. Menú y navegación móvil. Menú hamburguesa que cubre pantalla completa, items grandes, cierre claro, submenús ordenados. Es de los cambios que más se notan en uso real.

Días 22-28. Pulido visual y testeo. Espaciados, jerarquía, alineaciones. Pruebas en móviles reales de distintas marcas y tamaños. Ajuste fino.

Días 29-30. Informe. Antes/después con capturas, tiempos de carga, métricas de Search Console. Plan de mantenimiento.

Al cabo del mes, tu web móvil pasa de «me da bochorno enseñarla» a «funciona como debería desde el principio». Y los datos suelen acompañar: más tiempo en página, menos rebotes en móvil, más llamadas entrantes desde el click-to-call. Y todo sin haber tocado lo que sí estaba bien.

Mi criterio sobre tu móvil

Si te has visto reflejado en lo que cuento, te ofrezco una semana de mi tiempo mirando tu web desde móviles reales y los datos de tu Analytics. Te entrego un documento con:

Coste: cero. Sin tarjeta. Sin compromiso de seguir conmigo. Si te cuadra trabajar juntos, hablamos. Si no, te quedas el documento y lo aplicas tú o se lo pasas a quien quieras. Cuéntame tu caso aquí y te respondo en menos de 24 horas.

Preguntas que me hace gente con la web rota en móvil

Sí. Desde 2019 Google indexa con «mobile-first» — usa la versión móvil como referencia para el ranking. Si tu web es lenta, tiene problemas de usabilidad o falla el test de mobile-friendly, tu posición en Google baja. La penalización no es explícita, es indirecta: las señales malas (tiempo en página corto, rebote alto, conversión baja) acumulan, y Google te interpreta como menos relevante. Una web bien optimizada para móvil sube en buscadores casi siempre.

Casi nunca. Si tu web es WordPress con un tema responsive moderno, los problemas de móvil se arreglan tocando los elementos concretos: tamaños, espacios, plugins, imágenes. Solo si la base técnica está obsoleta (tema no responsive de hace 8 años, CMS antiguo) o si el diseño es completamente incompatible con móvil, vale la pena empezar de cero. Y eso es minoría — quizás 1 de cada 10 casos.

Para un parche urgente (lo más crítico), entre 300 y 500 €. Para un parche completo con velocidad incluida, entre 700 y 1.200 €. Para una renovación móvil más profunda, entre 1.500 y 2.500 €. Por encima de eso ya te están vendiendo rediseño completo. La mayoría de pymes resuelven con 800-1.500 € bien gastados.

No necesariamente. Lo más probable es que ella entiende «responsive» como «que se adapta al ancho» — que técnicamente es lo que es. La parte de optimización móvil real (touch targets, jerarquía móvil, velocidad, formularios optimizados) suele requerir un perfil con criterio UX y SEO, que muchas diseñadoras no tienen formado. No es engaño. Es alcance distinto. Para hacerlo completo necesitas o una diseñadora que sepa eso, o un perfil técnico complementario.

El click-to-call y el formulario móvil arreglado se notan desde la primera semana. La velocidad arreglada (de 5 a 2 segundos) en 2-4 semanas. La mejora de SEO derivada de tener una web móvil decente, en 4-12 semanas. En conjunto, el efecto acumulado se suele notar en facturación a los 2-3 meses para una pyme local.

Lo ves en Google Analytics → Tecnología → Plataforma. La media de las pymes locales que veo está entre el 65% y el 80% de tráfico móvil. Para algunos sectores (peluquería, restaurante, taller, salud) supera el 85%. Si más del 70% de tu tráfico es móvil y tu web está mal en móvil, estás trabajando con una mano atada.

Para el 95% de las pymes locales, no. Las apps tienen sentido cuando hay relación recurrente con el cliente y el producto requiere funcionalidad rica (banca, fitness, mensajería). Para una pyme de servicios, la inversión es desproporcionada y la adopción muy baja. Una web responsive bien hecha funciona como app sin los costes ni la complejidad. Una PWA (web progresiva) puede dar lo bueno de los dos mundos en algunos casos.

Lo siguiente que puedes hacer hoy

De menos a más esfuerzo:

  1. 10 minutos: abre tu web desde el móvil con datos. Recorre la home con calma y anota cada cosa que te chirría. Vas a llenar media hoja sin esfuerzo.
  2. 15 minutos: pasa tu URL por PageSpeed Insights y por el test mobile-friendly de Google. Te dan diagnóstico técnico gratis y completo.
  3. 30 minutos: escríbeme con tu URL. Te miro tu web desde iPhone y Android, te hago una hoja con los 5-7 problemas concretos y presupuestos reales para arreglarlos. Si te cuadra, hablamos. Si no, te quedas el documento.

Una web rota en móvil es un grifo que gotea cada día. No es un drama de un solo golpe — es un goteo constante de llamadas que no llegan. La buena noticia: se arregla en semanas, no en meses, y rara vez requiere rehacer la web entera. Lo que necesitas es alguien que diagnostique con criterio y arregle con prioridad.

Paul Cris
Paul Cris Consultor SEO freelance · Valencia

Llevo diez años posicionando webs, ahora también para las IAs generativas. Trabajo con pocos clientes a la vez, sin agencia en medio y sin permanencia.

Saber cómo trabajo →

¿Te suena algo de esto en tu web?

Cuéntame qué está pasando y te digo —sin compromiso— qué haría yo en tu caso.

Cuéntame qué está pasando →