Indexación mobile-first en términos simples
Google rastrea e indexa la versión móvil de tu sitio antes que la de escritorio. Parece obvio ahora, pero las implicaciones prácticas confunden a mucha gente que está empezando.
Qué cambió exactamente
Antes, Google miraba tu sitio de escritorio para decidir de qué trataba tu página y cómo rankearla. La versión móvil era secundaria. Desde 2019 empezaron a migrar sitios al sistema mobile-first, y en marzo de 2024 completaron la transición para todos los sitios.
Ahora Googlebot usa un user agent móvil para rastrear. Si tu contenido móvil difiere del de escritorio, Google solo ve lo que está en móvil. Eso determina tu ranking para todas las búsquedas, incluso las de escritorio.
Los errores más frecuentes
Muchos sitios antiguos usan "m.tusitio.com" para móvil con contenido reducido. Quizás quitaron párrafos, eliminaron secciones completas, o simplificaron navegación. Eso ahora te perjudica directamente porque Google solo ve esa versión reducida.
Otro problema común: bloquear recursos en robots.txt. Tu versión móvil podría estar bloqueando archivos CSS o JavaScript que Google necesita para renderizar correctamente la página. Verifica tu archivo robots.txt específicamente para el user agent móvil de Google.
Las imágenes perezosas (lazy loading) mal implementadas también causan problemas. Si Google no puede ver tus imágenes porque solo cargan con scroll, pierdes contexto importante para el ranking.
Cómo verificar si tu sitio está preparado
Usa la herramienta de inspección de URLs en Search Console. Ingresa una URL importante y mira la captura de pantalla de cómo Googlebot renderiza la página. Compárala con lo que ves en tu navegador móvil.
Revisa el informe de usabilidad móvil en Search Console. Te alerta sobre problemas específicos como texto demasiado pequeño, elementos clicables muy juntos, o contenido más ancho que la pantalla.
Contenido y estructura
Tu contenido principal debe ser idéntico entre versiones. Los títulos H1, H2, H3 deben estar presentes. El texto completo de los artículos. Todas las imágenes importantes con sus atributos alt.
Los enlaces internos también deben coincidir. Si tu navegación de escritorio muestra 50 enlaces pero la móvil solo 10 en un menú hamburguesa, Google ve menos señales sobre la estructura de tu sitio.
Diseño responsive vs versiones separadas
Un diseño responsive con CSS que se adapta a diferentes pantallas es más simple de mantener. Evita problemas de sincronización de contenido porque todo viene del mismo HTML.
Si mantienes versiones separadas, necesitas etiquetas canonical y alternate correctamente configuradas. La versión móvil debe tener canonical apuntando a sí misma, no a la de escritorio como antes.
Prueba tu sitio en dispositivos reales cuando sea posible. Los emuladores no siempre capturan problemas de rendimiento real o cómo se comporta el JavaScript en conexiones lentas.