Se repite cuando reviso webs de negocios locales: la velocidad está bien, el diseño es decente, y aun así la web no genera llamadas ni reservas. El problema casi nunca está en los segundos que tarda en cargar. Está en lo que pasa después. El usuario abre la página, no encuentra el botón de contacto, intenta tres veces tocar algo que no responde, y cierra. Se va a la competencia.
Optimizar la velocidad es necesario. Pero si el usuario no puede usar la web una vez que carga, da igual cuántos plugins de caché tengas. La conversión en móvil depende de usabilidad: tamaños de botones, formularios que no sean una pesadilla, navegación que no confunda. Eso es lo que voy a desgranar aquí, con ejemplos concretos y errores que veo aparecer una y otra vez en webs de autónomos y pequeños negocios.
El problema real: confundir velocidad con usabilidad móvil
Los Core Web Vitals y la velocidad de carga miden cuánto tarda en aparecer contenido en pantalla. La usabilidad móvil mide algo distinto: si puedes hacer algo útil una vez que la página ya está ahí.
Imagina la web de un fisioterapeuta. Carga rápido, sin duda. Pero el botón de "Reservar cita" tiene el tamaño de un sello de correos, está en el centro de un párrafo con más texto alrededor, y el usuario tarda tres intentos en tocarlo. Al cuarto intento, se ha ido. La velocidad no lo salvó.
Google premia la velocidad en el ranking, sí. Pero el ranking solo te trae visitas. Lo que convierte esas visitas en clientes es la experiencia de uso. Son dos cosas distintas y las dos importan, solo que en momentos distintos del proceso.
El error mental más habitual que veo: "Ya instalé un plugin de caché, la web va más rápida, listo." Vale, eso resuelve una parte. Pero si el menú no funciona bien con el dedo, si el formulario de contacto requiere zoom para leer los campos, si el número de teléfono no es clickeable... el problema sigue ahí.
La mayoría del abandono en móvil no viene de que la página tardó cuatro segundos. Viene de que el usuario no encontró dónde contactar, o intentó rellenar un formulario y se frustró a mitad.
Si el formulario cuesta rellenarlo, el usuario se va antes de terminar.
Errores de navegación y estructura que hacen desaparecer clientes
El menú hamburguesa (esas tres rayitas en la esquina) es el estándar en móvil. El problema no es usarlo, sino implementarlo mal. He visto menús que al tocar un enlace no se cierran solos, así que el usuario sigue viendo el menú abierto encima del contenido. O menús que al abrirse tapan el único botón de contacto que hay en la página.
Otro patrón que aparece bastante: webs que en escritorio tienen ocho o nueve opciones de navegación en horizontal y en móvil simplemente las apilan en fila, obligando a scroll horizontal para verlas todas. Los usuarios no lo ven. No porque sean despistados, sino porque ese no es el comportamiento esperado en móvil.
La falta de ruta clara también desubica. Si un usuario entra desde Google a la página de "Servicios" de una peluquería y quiere volver al inicio o ver los precios, necesita saber dónde está. Sin ese hilo conductor, muchos simplemente cierran.
El botón de llamada a la acción es donde más se pierde. Si el único "Contactar" de tu web está en el pie de página y el usuario tiene que hacer scroll por tres pantallas largas para encontrarlo, muchos no lo encontrarán. No porque no quieran, sino porque en móvil ese scroll es largo y la atención es corta.
Y luego está el número de teléfono. Para un abogado, un electricista, un fontanero, el teléfono es el canal principal. Si el número no abre el marcador al tocarlo, hay fricción innecesaria. Y si está solo en el footer, en letra pequeña, sin que sea un enlace clickeable, estás poniendo obstáculos donde debería haber facilidades.
Botones, campos y elementos táctiles: tamaño, espaciado y responsividad
Las guías de diseño móvil llevan años recomendando un área mínima de toque de 44x44 píxeles para botones e iconos. No es una cifra arbitraria: tiene que ver con el tamaño del dedo y el margen de error al tocar. Cuando el botón es más pequeño, los fallos aumentan, especialmente en personas de más de cuarenta y cinco años, que son una parte importante del público de servicios locales.
El espaciado entre elementos interactivos es igual de crítico. Dos botones, dos enlaces o dos campos de formulario muy juntos hacen que el usuario toque uno y active otro. Esto es frustrante de una manera muy específica: el usuario no siempre sabe que se ha equivocado. A veces simplemente le parece que la web "hace cosas raras" y la cierra.
Los iconos sin área táctil clara son un caso particular. Un icono de teléfono de dieciséis píxeles en medio de espacio vacío parece que se puede tocar, pero el área de toque real es minúscula. La solución es técnica y no muy cara: ampliar el área tocable con CSS aunque el icono visualmente sea pequeño.
Otro problema: elementos que se salen de pantalla o generan scroll horizontal involuntario. Tablas de precios, galerías de fotos, menús de carta para un restaurante. Si el usuario tiene que deslizar hacia los lados para ver algo, casi nunca lo hace. Y si lo hace, le parece que algo está roto.
También importan los estados visuales. En escritorio, el cursor cambia al pasar por encima de un botón. En móvil no existe ese efecto hover. El usuario necesita otro tipo de retroalimentación: que el botón cambie de color al tocarlo, que el campo de formulario se ilumine al seleccionarlo. Sin eso, el usuario no sabe si la interacción funcionó.
Formularios que generan frustración (el mayor culpable del abandono)
Mira, los formularios son donde más se pierde. Y no porque sean difíciles de diseñar bien, sino porque casi nadie los prueba en móvil antes de publicar.
El ciclo es conocido: el usuario toca un campo, se abre el teclado y tapa la mitad de la pantalla, escribe, cierra el teclado para ver el siguiente campo, vuelve a abrir el teclado, escribe, cierra... y así hasta que se cansa. Un formulario de ocho campos en móvil es un ejercicio de paciencia que la mayoría no está dispuesto a hacer.
Los tipos de campo incorrectos son un error técnico concreto y fácil de corregir. Si el campo de teléfono es un input de texto normal en lugar de un input de tipo "tel", el usuario verá el teclado alfabético en lugar del numérico. Tiene que cambiar manualmente. Es un pequeño roce, pero en móvil los pequeños roces se acumulan rápido.
Lo mismo con los campos de email: deben usar el tipo "email" para que el teclado muestre la @ de forma accesible.
La validación confusa es otro punto de fuga. Un formulario que dice "el teléfono no es válido" sin explicar por qué, o que rechaza un formato que el autocompletar del navegador metió con espacios, deja al usuario sin saber qué hacer. La respuesta natural es cerrar.
Y sobre los campos obligatorios: pedir nombre, email, teléfono, empresa, asunto, fecha preferida de consulta y descripción del problema en un mismo formulario de contacto inicial es demasiado. Para una primera toma de contacto, con nombre, teléfono o email y un campo de mensaje suele ser suficiente. Lo demás lo puedes preguntar en la llamada.
Los captchas en móvil merecen mención aparte. Identificar semáforos en cuadrículas de imágenes pequeñas en una pantalla de cinco pulgadas es un ejercicio frustrante. Existen alternativas menos invasivas que merecen la pena explorar si recibes mucho spam, pero ese es otro tema. Aquí puedes consultar una guía sobre formularios de contacto que generan conversión con opciones concretas.
Un último punto que se pasa por alto: los formularios que borran lo que has escrito si cambias de pestaña. En móvil es habitual consultar otro sitio mientras rellenas un formulario (para copiar un número, buscar un dato). Si al volver el formulario está en blanco, hay un abandono casi garantizado.
Un formulario largo en móvil pierde usuarios a mitad del camino.
Problemas visuales que rompen la experiencia en móvil
El texto pequeño es uno de los problemas más básicos y más comunes. Menos de dieciséis píxeles en párrafos obliga al usuario a hacer zoom, y el zoom en móvil rompe el layout: aparece scroll horizontal, los elementos se descolocan, y la navegación se vuelve incómoda. Es una espiral.
El contraste insuficiente también. Texto gris claro sobre fondo blanco puede verse aceptable en pantalla de escritorio, pero en móvil, con pantalla más pequeña, luz del sol de fondo o pantalla con brillo reducido, es ilegible. Las tipografías decorativas en colores pastel quedan bien en el diseño y mal en la práctica.
Las imágenes que no se escalan correctamente son frecuentes en webs que se diseñaron primero para escritorio. La foto del local o del equipo se ve pixelada, estirada o cortada en móvil porque nadie la ajustó para pantallas pequeñas. Primera impresión difícil de recuperar.
Los pop-ups que aparecen al entrar son especialmente problemáticos en móvil cuando el botón de cerrar es diminuto o está en una esquina que queda fuera de pantalla. El usuario no puede cerrar el pop-up, no puede ver el contenido, y cierra la pestaña. Google también tiene esto en cuenta: penaliza los pop-ups intrusivos en móvil como señal negativa de experiencia de usuario.
Y los enlaces demasiado juntos en listas de servicios o menús: si "Peluquería mujer" y "Peluquería infantil" están a diez píxeles el uno del otro, es cuestión de probabilidad cuál se abre al tocar.
Errores de carga y comportamiento que confunden al usuario
El lazy loading mal implementado es uno que genera mucho desconcierto. La página carga, el usuario empieza a leer, y de repente el contenido salta hacia abajo porque se han cargado imágenes que no estaban. El usuario pierde el hilo y, dependiendo de cuánto salte el contenido, puede tocar sin querer un botón o un enlace.
Las redirecciones a versiones "m." separadas son cada vez menos habituales, pero todavía aparecen en webs antiguas que no se han actualizado. Si tu web redirige a los móviles a una URL distinta, probablemente esa versión esté desactualizada y tenga menos contenido que la versión de escritorio. Google lo nota, y los usuarios también.
Elementos que desaparecen en móvil sin motivo claro es otro patrón. La dirección del negocio, los horarios, o una información clave que aparece en la columna lateral del escritorio y en móvil simplemente no se muestra. El desarrollador la ocultó para que no molestara en pantalla pequeña, pero nadie revisó si esa información era importante.
Las páginas de error sin opciones de navegación son el punto final de una mala experiencia. Si el usuario llega a un enlace roto y la página de error no tiene menú ni botón de volver al inicio, está atascado. En escritorio usa el botón de volver del navegador. En móvil ese gesto no siempre está claro, y muchos cierran la pestaña directamente.
Cómo diagnosticar estos problemas en tu web ahora mismo
Lo más directo: coge tu móvil, abre tu web, y simula ser un cliente que llega por primera vez. No hagas trampa. No uses los atajos que conoces porque llevas meses mirando tu propia web. Pregúntate: ¿dónde contacto? ¿Cómo reservo? ¿Cuáles son los precios? Y mide cuántos toques y cuánto scroll te cuesta llegar a cada respuesta.
Después, rellena el formulario de contacto entero. Sin abreviar. Si en algún punto te frustras, si el teclado te interrumpe más de dos veces, si algún campo no responde como esperas, toma nota. Ese es el primer punto a corregir.
Revisa si hay scroll horizontal involuntario. Abre cada página y desliza hacia los lados. Si algo se sale de pantalla, hay un problema de maquetación que hay que corregir.
El Google Mobile-Friendly Test es gratuito y detecta errores básicos: texto demasiado pequeño, elementos con tap demasiado juntos, contenido más ancho que la pantalla. No es exhaustivo, pero si tu web falla ahí, hay trabajo urgente.
Si tienes acceso a un ordenador, abre las herramientas de desarrollador del navegador (F12 en Chrome o Firefox) y activa el modo de vista móvil. Prueba con diferentes anchos: un móvil pequeño de unos trescientos veinte píxeles, un móvil estándar de trescientos setenta y cinco, y una tablet de unos setecientos sesenta y ocho. Si algo se rompe, se solapa o desaparece en alguno de esos anchos, ahí tienes trabajo por hacer.
La velocidad importa, pero no es la meta
Que tu web cargue rápido es necesario, pero es solo el primer paso. Lo que convierte una visita en un cliente es que esa persona, desde su móvil, encuentre lo que busca y pueda contactarte sin fricción. Botones que se tocan a la primera, formularios cortos, un teléfono clickeable y una navegación clara valen más que cualquier décima de segundo de carga.
La buena noticia es que casi todos estos problemas se arreglan sin rehacer la web entera. Son ajustes concretos: agrandar áreas de toque, simplificar un formulario, reordenar el menú, hacer el teléfono clickeable. Pequeños cambios con un impacto directo en las llamadas y reservas que recibes.
Así que coge tu móvil y haz la prueba que cuento arriba: entra en tu web como si fueras un cliente nuevo e intenta contactar. Si te cuesta, a tus clientes también. Y si quieres que le echemos un ojo nosotros, escríbenos y te decimos exactamente qué mejorar para que tu web deje de perder clientes en el móvil.