Diseño web adaptado a móvil, lo que exige Google desde 2023
El diseño web adaptado a móvil decide hoy si un despacho de abogados aparece en los primeros resultados de Google, no solo si la web se ve bien en un teléfono. Desde octubre de 2023 Google completó la migración a mobile-first indexing: rastrea, indexa y posiciona con la versión móvil, aunque quien busque lo haga desde un ordenador. Una web pensada solo para escritorio compite en desventaja aunque su contenido sea bueno, porque Google evalúa la versión que peor rinde. Este artículo repasa qué exige exactamente Google, qué falla en la práctica en las webs de despachos y qué revisar antes de que el problema aparezca en las métricas de captación de leads.
El diseño web adaptado a móvil, o diseño responsive, es la técnica que hace que una misma página ajuste su maquetación, el tamaño del texto y los elementos táctiles al ancho de pantalla del dispositivo, sin duplicar URLs ni contenido entre la versión de escritorio y la versión móvil.
Diseño web adaptado a móvil y mobile-first indexing
Google usa el rastreador con user-agent de smartphone para construir su índice desde 2023, cuando completó oficialmente la migración a mobile-first indexing en todo el buscador. La documentación oficial de Search Central sobre mobile-first indexing es clara: si la versión móvil tiene menos contenido, encabezados distintos o imágenes de menor calidad que la de escritorio, la web pierde tráfico porque Google indexa lo que ve en el móvil, no lo que hay en el ordenador. En España el reparto ya es casi exacto: un 49,89% del tráfico web fue móvil en julio de 2026, frente al 50,11% de escritorio, según Statcounter, así que ni siquiera es una cuestión de mayoría: la mitad de quienes buscan un despacho lo hacen desde el teléfono y la otra mitad ve la versión que Google decidió indexar primero. Para un despacho esto no es un matiz técnico: el título, la meta description y los datos estructurados deben ser exactamente los mismos en las dos versiones, porque son los que Google lee para decidir en qué búsquedas aparece la web.
Qué falla en la versión móvil de un despacho
Un despacho no falla el mobile-first indexing por no tener versión móvil —hoy prácticamente ninguna web carece de ella—, sino por decisiones de diseño que funcionan en el papel y se rompen en una pantalla de seis pulgadas. Tres fallos se repiten en las webs de servicios legales: menús que esconden información clave, formularios que no se adaptan al teclado táctil y textos que obligan a hacer zoom para leerse. Los tres son invisibles en un ordenador y determinantes en un teléfono.
Menús desplegables que ocultan servicios
El menú hamburguesa resuelve el espacio en pantalla, pero muchos despachos lo usan para esconder también las páginas de servicio: derecho laboral, mercantil o penal quedan a tres toques de la portada en lugar de un enlace visible. Un usuario que busca «abogado penalista» desde el móvil y no encuentra esa palabra en los primeros segundos abandona, y ese abandono se traduce en una tasa de rebote que Google también usa como señal indirecta. La solución no es eliminar el menú desplegable —en móvil no cabe una barra horizontal con diez enlaces—, sino ordenar dentro de él las áreas de práctica antes que las páginas institucionales, porque son las que resuelven la intención de búsqueda que trajo la visita.
Formularios que fallan en pantallas táctiles
Un campo de teléfono que abre el teclado alfabético en vez del numérico, un botón de envío que queda debajo del pliegue de la pantalla o un selector desplegable pensado para ratón son fallos que un ordenador nunca revela porque no reproduce el gesto de un pulgar sobre cristal. En el formulario de contacto de tu despacho ya se explicó qué campos sobran; en móvil el problema se agrava porque cada campo de más obliga a un scroll adicional. El mínimo viable táctil son nombre, teléfono y un mensaje corto, con el tipo de teclado correcto declarado en el propio código del formulario.
Elementos táctiles que exige un diseño responsive
El diseño responsive no termina en que el texto se reajuste al ancho de pantalla: Google también evalúa si los elementos interactivos se pueden pulsar sin errar. Un enlace o un botón demasiado pequeño, o dos enlaces demasiado juntos, provocan que el usuario toque el elemento equivocado, y esa fricción cuenta como mala experiencia de página. Para un despacho, el elemento táctil más importante casi siempre es el mismo: el teléfono o el botón de contacto, así que es el primero que hay que revisar.
Tamaño mínimo de los botones y enlaces
Las directrices de accesibilidad táctil recomiendan un área mínima de 48 por 48 píxeles para cualquier elemento pulsable, con al menos 8 píxeles de separación respecto al siguiente. Por debajo de esa medida, el usuario necesita ampliar la pantalla con los dedos para acertar, un gesto que la mayoría abandona a la segunda vez. En la práctica, esto afecta sobre todo al número de teléfono de la cabecera, al botón de «pedir cita» y a los enlaces del pie de página, que suelen heredar el tamaño de letra pequeño típico del footer de escritorio sin que nadie revise cómo se ve en un teléfono real.
Cómo saber si tu web falla en móvil
Comprobarlo no exige conocimientos técnicos, solo saber dónde mirar. Tres pasos bastan para saber si la versión móvil de un despacho está en desventaja frente a la de escritorio:
- Abrir la web desde un teléfono real, no solo simulándolo en el navegador del ordenador, y comprobar que el menú, el teléfono de contacto y el formulario se ven sin hacer zoom.
- Ejecutar la auditoría de Lighthouse, integrada en las herramientas para desarrolladores de Chrome, o PageSpeed Insights, que puntúan la experiencia móvil y señalan los elementos táctiles demasiado pequeños. El mismo informe mide la velocidad de carga, que ya vimos que decide cuántos leads pierde tu despacho.
- Revisar en Search Console que el título, la meta description y los encabezados que se indexan coinciden con lo que se ve en el móvil, porque son la versión que Google evalúa desde 2023.
Ningún despacho necesita rehacer su web para pasar estos tres puntos: la mayoría de los fallos se corrigen ajustando el CSS y el orden del menú, sin tocar el diseño de escritorio. Si la revisión destapa algo más profundo, nuestro servicio de diseño web para abogados parte siempre de esta misma auditoría. Lo que no compensa es descubrirlo después de perder posiciones, cuando además de corregir el fallo hay que recuperar el terreno perdido.
Preguntas frecuentes sobre diseño web adaptado a móvil
¿Afecta el diseño web adaptado a móvil al posicionamiento en escritorio?
Sí. Desde que Google completó el mobile-first indexing en 2023, usa la versión móvil como base para posicionar la web en cualquier dispositivo, también en las búsquedas de escritorio. Una web con contenido reducido o menús ocultos en móvil pierde posiciones en las dos versiones, no solo en la que falla.
¿Necesito una web distinta para móvil y para escritorio?
No, y Google lo desaconseja: recomienda el diseño responsive, una única web que ajusta su maquetación al ancho de pantalla, frente a mantener dos URLs o dos plantillas separadas que hay que sincronizar cada vez que se actualiza un servicio o un teléfono de contacto.
¿Cómo sé si el tamaño de los botones de mi web es suficiente?
La referencia son 48 por 48 píxeles de área mínima, con 8 píxeles de separación entre elementos pulsables. Por debajo de esa medida el usuario falla al tocar el botón de contacto o el menú, y esa fricción repetida se traduce en visitas que abandonan sin dejar sus datos.
Leave a comment