Coge tu teléfono móvil y sácalo del bolsillo ahora mismo. Piensa, ¿Cuántas veces has buscado algo en Google desde ese dispositivo… solo hoy? ¿Cinco? ¿Diez? ¿Quizás veinte? Ahora piensa en tus clientes, están haciendo exactamente lo mismo. El mundo ya no navega mayoritariamente desde un ordenador de sobremesa con una pantalla gigante. El mundo vive, trabaja, compra y busca en la palma de la mano.
Google lo sabe. Y por eso, hace ya tiempo, cambió las reglas del juego para siempre con un concepto que lo revoluciona todo: el «Mobile-First Index» o Indexación Centrada en el Móvil. Ignorar esta realidad no es un pequeño error SEO. Es el equivalente digital a tener una tienda física y tapiar la puerta de entrada.
En esta guía, te explicaré de forma sencilla y directa qué es este cambio de paradigma, por qué una web no adaptada al móvil es un suicidio para tu negocio y cómo puedes comprobar y solucionar tu situación en menos de 5 minutos.
Tip experto SEO: si eres nuevo en el posicionamiento web, echa un vistazo antes a la guía de SEO desde cero. Conviene que conozcas los términos que vamos a usar, y créeme, ese mapa te va a venir muy bien para las dudas.
El mobile first index – la gran inversión de papeles de Google
Para entender la importancia de esto, tenemos que viajar brevemente en el tiempo.
- El mundo antiguo: antes, el robot de Google (Googlebot) visitaba la versión de escritorio de tu web para analizarla, entenderla y decidir cómo posicionarla. La versión móvil era como un «extra», un complemento que estaba bien tener.
- El nuevo mundo (ahora): Google empezó el cambio en 2018 y lo terminó en julio de 2024: desde entonces rastrea e indexa todas las webs con su robot para smartphone, y las que no se pueden ver en un móvil dejan de indexarse. Ahora, el robot que visita tu web es un robot que simula ser un teléfono móvil. Para decidir cómo posicionarte, Google mira primero, principal y casi exclusivamente la versión móvil de tu sitio. La versión de escritorio se ha convertido en la secundaria.
La analogía de la película
Imagina que tu web es una película que aspira a ganar un Oscar. Antes, los jueces de Google veían la espectacular versión del cine (la web de escritorio) para decidir si merecía el premio. Ahora, los jueces ven la película en la pantalla de un móvil a través de Netflix (la web móvil).
Si en esa versión el sonido es malo, los subtítulos son ilegibles o la imagen se ve cortada, no le darán el premio, aunque la versión del cine sea una obra maestra. Tu web ya no es una web de ordenador que «también» se ve en el móvil. Tu web ES la versión móvil.
¿Por qué una web no adaptada es una locura digital?
Si después de lo anterior aún no estás convencido, aquí tienes las consecuencias directas de no tener una web «mobile-friendly»:
- Experiencia de usuario nefasta: ¿Has entrado alguna vez en una web desde el móvil y has tenido que hacer «zoom» con los dedos para poder leer? ¿Has intentado pulsar un botón minúsculo y has acabado pulsando el de al lado? Esa frustración es lo que sienten tus usuarios. Y un usuario frustrado es un cliente perdido.
- Google te hundirá en los rankings (o ni te mostrará): si el robot móvil de Google entra en tu web y no puede leer el contenido fácilmente, si los menús no funcionan o los elementos se superponen, simplemente concluirá que tu página es de baja calidad y no merece ser recomendada.
- Estás cerrando la puerta a la mayoría de tus clientes: las estadísticas no mienten. Según StatCounter, alrededor del 60% de las visitas a webs en todo el mundo llegan desde el móvil, y en muchos negocios locales es bastante más. Si tu web no funciona bien en el móvil, estás voluntariamente ignorando a más de la mitad de tu mercado potencial.
Misión diagnóstico: cómo comprobar tu web en el móvil
Basta de teoría. Vamos a poner a prueba tu web. Si has leído guías antiguas, te dirán que uses la «Prueba de optimización para móviles» de Google, la que daba un «sí» o un «no». Google la retiró en diciembre de 2023, junto con el informe de usabilidad móvil de Search Console. Hoy el diagnóstico se hace así:
- Con tu propio móvil: parece una tontería, pero es la prueba más fiable. Navega por tu web como si fueras un cliente: busca un servicio, abre el menú, rellena el formulario, pulsa el botón de llamar. Si algo te cuesta a ti, a tus clientes también.
- Con PageSpeed Insights: en la pestaña «Móvil», el apartado de buenas prácticas y el de accesibilidad te avisan de texto ilegible, botones demasiado juntos o la falta de la etiqueta viewport.
- Con Search Console: en «Inspección de URLs», pulsa «Probar URL publicada» y luego «Ver página probada». Verás la captura de cómo la ve el robot móvil de Google. Si sale cortada, en blanco o sin estilos, tienes un problema.
- Con Chrome en el ordenador: pulsa F12 y activa la barra de dispositivos (el icono del móvil y la tableta). Puedes ver tu web en distintos tamaños de pantalla sin moverte de la silla.
Muchas herramientas SEO, como SE Ranking, también revisan estos fallos en sus auditorías.
Los 5 mandamientos de una web «mobile-friendly»
Si tu web ha suspendido el test o simplemente quieres asegurarte de que sigues las mejores prácticas, aquí tienes los principios fundamentales del diseño web móvil.
1. Usarás un diseño «responsive» (adaptable)
Esto es lo más importante. Un diseño responsive significa que el contenido y la estructura de tu web se adaptan y reorganizan automáticamente para encajar perfectamente en cualquier tamaño de pantalla (móvil, tablet, ordenador). No tienes una «versión móvil» y una «versión de escritorio» separadas. Tienes una web que se transforma según el tamaño de la pantalla.
La buena noticia: la inmensa mayoría de los temas modernos de WordPress, Shopify, Squarespace, etc., ya son responsive por defecto. Tu trabajo es elegir uno de ellos y no «romper» esa adaptabilidad con modificaciones extrañas. Yo trabajo con Bricks Builder (que también es un tema): me deja definir un punto de corte para cada tamaño de pantalla y revisar la página en todos ellos antes de publicarla.
Dos detalles técnicos marcan la diferencia. El primero es la etiqueta viewport en el código, que le dice al navegador que escale la página al ancho real del móvil; sin ella, el móvil enseña la versión de escritorio en pequeño y hay que hacer zoom para leer. El segundo son los breakpoints, los anchos en los que el diseño cambia de disposición: los habituales rondan los 768 píxeles (tableta) y los 1024 (portátil pequeño), pero cada web los ajusta a su contenido.
No lo confundas con el diseño adaptativo, que usa una plantilla fija para cada tamaño de pantalla previsto. El responsive es fluido y se ajusta a cualquier ancho, por eso hoy es el estándar.
2. No molestarás con pop-ups intrusivos
Las ventanas emergentes que cubren todo el contenido nada más entrar son especialmente molestas en una pantalla pequeña. Google lo sabe y puede penalizar a las webs que las usan de forma agresiva en el móvil.
3. Crearás botones «a prueba de dedos»
Los enlaces y botones deben ser lo suficientemente grandes y tener suficiente espacio entre ellos como para que un dedo pulgar pueda pulsarlos fácilmente sin equivocarse. No hay nada más frustrante que intentar pulsar «Añadir al carrito» y acabar en «Política de privacidad». Como referencia, Google recomienda que cada elemento táctil mida al menos 48 x 48 píxeles y tenga espacio libre alrededor.
4. Usarás un tamaño de letra legible
¡Nadie quiere dejarse la vista intentando leer tu contenido! Como regla general, un tamaño de fuente de 16px es el mínimo recomendable para el cuerpo del texto en un móvil, para garantizar una lectura cómoda sin necesidad de hacer zoom.
5. Simplificarás la navegación al máximo
Un menú con 20 opciones que funciona bien en un ordenador es un desastre en un móvil. Usa el famoso «menú de hamburguesa» (el icono de tres líneas ☰) para agrupar las opciones del menú. Simplifica. Quizás en el móvil no necesites mostrar todas las sub-secciones. Prioriza las páginas más importantes.
Los errores que más veo en webs que «ya son responsive»
Que una web sea responsive no quiere decir que funcione bien en el móvil. Estos fallos aparecen una y otra vez cuando reviso webs:
- Ventanas emergentes que ocupan toda la pantalla y cuestan de cerrar.
- Texto por debajo de 16 píxeles, que obliga a hacer zoom.
- Menús con submenús imposibles de pulsar con el dedo.
- Formularios largos copiados tal cual de la versión de escritorio.
- El botón de llamada o de WhatsApp escondido al final de la página.
- Imágenes sin comprimir que hacen que la carga con datos móviles se eternice. Google considera bueno que el contenido principal (LCP) cargue en menos de 2,5 segundos; aquí tienes cómo mejorar la velocidad.
Cada uno de estos fallos, por separado, ya hace que lleguen menos contactos. Juntos, pueden estar bloqueando casi todo lo que te llega desde el móvil.
El cambio ya ha ocurrido. «Mobile-First» no es una tendencia de futuro, es el presente absoluto de internet. Diseñar, escribir y pensar en cómo se verá y se sentirá tu web en un teléfono móvil ya no es una opción, es la única estrategia de negocio viable.
Has aprendido por qué Google te juzga por tu versión móvil, cómo diagnosticar tu web en segundos y cuáles son los pilares de una experiencia móvil excepcional. Ya tienes una web rápida y perfectamente adaptada al móvil. Google puede acceder a ella y la experiencia es genial.
El último paso técnico fundamental es asegurarnos de que le entregamos un mapa claro y unas instrucciones precisas para que no se pierda ningún rincón de nuestro maravilloso sitio. Y ese, amigo mío, es el trabajo del sitemap. ¿Listo para entregarle el mapa de tu tesoro a Google? Sigue tu formación aquí: el archivo robots.txt y el sitemap.xml.
Si tu web ha suspendido estas pruebas, puede que necesites un rediseño más profundo. Si quieres una web impecable en el móvil, mira mi servicio de posicionamiento web o el de diseño web WordPress en Castellón.
