La mayoría de las webs se muestran de forma distinta en móvil y en escritorio. Lo que ven los visitantes depende de su dispositivo. Pero para los rastreadores de IA, esa inconsistencia crea un problema: si tu versión móvil oculta o elimina contenido que aparece en escritorio, el rastreador puede no encontrarlo nunca.
¿Cómo decide un rastreador qué procesar? Cuando un bot de IA solicita tu página, no se queda esperando. Llega a tu servidor, carga lo que puede dentro de su ventana de tiempo, analiza el HTML, el CSS y el JavaScript que recibe y extrae lo que lee. Si tu versión móvil elimina secciones clave, reorganiza el contenido o rompe el diseño, el rastreador ve una versión más pequeña e incompleta de tu web.
Este capítulo explica cómo interactúan los rastreadores de IA con las webs móviles, qué decisiones de diseño afectan al rastreo y cómo asegurarte de que los sistemas de IA accedan al mismo contenido que ven tus visitantes.
Cómo ven los rastreadores de IA tu web móvil
Los rastreadores de IA (como GPTBot, ClaudeBot o PerplexityBot) solicitan páginas igual que un navegador. Envían una cabecera User-Agent que los identifica, siguen las reglas de tu robots.txt y procesan el HTML y el CSS que les devuelves.
La diferencia clave: la mayoría de los bots de IA renderizan las páginas con viewports móviles. Simulan un dispositivo móvil al rastrear, lo que significa que ven tu diseño móvil, no tu diseño de escritorio. Se decidió así porque la mayoría de los usuarios son mobile first y las plataformas de IA quieren entender lo que ven realmente los usuarios.
El proceso de renderizado del rastreador
Cuando el rastreador carga tu página, pasa por estos pasos:
Primero, solicita el HTML y descarga la carga inicial. Segundo, ejecuta el JavaScript si la página lo necesita para mostrar el contenido (esto lleva tiempo). Tercero, espera a que se carguen las imágenes, las fuentes y otros recursos (dentro de unos límites). Cuarto, analiza el estado final renderizado y extrae el contenido legible.
Si cualquiera de los pasos agota el tiempo o falla, el rastreador obtiene una vista incompleta. Una web móvil lenta puede agotar el tiempo antes de que termine de ejecutarse el JavaScript. Una web con contenido de carga diferida puede servir solo la sección visible sin hacer scroll. Una página que oculta contenido tras un botón de "leer más" puede no cargar nunca el texto oculto.
Qué se extrae de tu página móvil
No todo lo que carga un rastreador se usa para posicionamientos o citas. El rastreador prioriza lo que considera el contenido principal.
Las investigaciones muestran que el primer 30% de una página concentra el 44% de todas las citas que hacen los sistemas de IA. No es arbitrario. El contenido de la parte superior se procesa primero, se carga más rápido y pesa más porque es lo que los lectores ven de inmediato.
Por qué importa la posición para la visibilidad en IA
Si escondes tu mejor contenido bajo el scroll, tras una pestaña o dentro de un acordeón, los rastreadores de IA lo encuentran igualmente, pero le dan menos peso. El contenido que exige hacer clic, deslizar o expandir para verse se indexa, pero se trata como secundario.
En móvil esto importa más. Las pantallas son más pequeñas. Más contenido queda fuera de la parte visible inicial. Si tu diseño móvil empuja hacia abajo tu información más importante, o si sirves una versión móvil simplificada que omite explicaciones detalladas, los rastreadores ven menos.
Core Web Vitals y tiempos de espera de los rastreadores
Los Core Web Vitals miden la experiencia de usuario con tres métricas: LCP (Largest Contentful Paint), FID (First Input Delay) y CLS (Cumulative Layout Shift).
Para los rastreadores, solo importa la velocidad. Tu página tiene una ventana de tiempo. Si los recursos no cargan, las imágenes no se descargan y el JavaScript no se ejecuta dentro de esa ventana, el rastreador sigue adelante con lo que tenga hasta ese momento.
LCP y visibilidad para los rastreadores
El LCP debería producirse en menos de 2,5 segundos. Si tu LCP en móvil es de 5 segundos o más, los rastreadores pueden ver solo el HTML inicial sin esperar a que se renderice el contenido principal. Esto es especialmente cierto con los bots de IA, que suelen tener tiempos de espera más estrictos que el rastreador de Google.
Las páginas móviles son más lentas que las de escritorio porque las redes móviles son más lentas. Un tiempo de carga de 2 segundos en escritorio puede convertirse en 6 segundos en una red móvil limitada. Si tu web móvil depende de descargar grandes paquetes de JavaScript antes de renderizar nada, los rastreadores ven una página en blanco o casi en blanco.
Cómo arreglar las páginas móviles lentas
Optimiza los Core Web Vitals específicamente en móvil. Prueba en redes lentas (3G, 4G). Pospón el JavaScript que no sea crítico. Comprime las imágenes. Usa una CDN. Carga el contenido crítico antes que los elementos decorativos.
Diseño adaptable vs contenido completo
El diseño adaptable (responsive) es necesario. Tu web debe funcionar en móvil. Pero adaptable no es lo mismo que completo.
Algunas webs ocultan contenido en móvil de forma adaptable. Contraen secciones, quitan barras laterales, ocultan las barras laterales de documentación o simplifican la navegación. Para los usuarios está bien, porque pueden navegar y encontrar lo que necesitan. Pero para los rastreadores, el contenido oculto es contenido invisible.
Lo que los rastreadores se pierden en diseños interactivos
Si tu versión móvil carga pestañas y muestra solo el contenido de la primera sin cargar las demás hasta que se haga clic, un rastreador que no interactúa con la página se pierde las pestañas ocultas. Si usas CSS con display:none en ciertos elementos en móvil, no se renderizan en absoluto. Si JavaScript carga contenido distinto en móvil y en escritorio de forma condicional, el rastreador ve solo la versión móvil.
La paridad de contenido es el principio que importa. Cada palabra, imagen, enlace y dato estructurado que aparece en escritorio debería aparecer también en móvil (o estar disponible sin interacción del usuario). Si tu web sirve una versión móvil que elimina o simplifica mucho el contenido, estás sirviendo a los rastreadores una versión más pequeña e incompleta de tu web.
Dónde es seguro simplificar en móvil
Esto no significa que tus diseños tengan que ser idénticos. Tu navegación móvil puede ser distinta. Tu diseño puede apilarse en vertical. Pero tu contenido no debería desaparecer. Si necesitas ocultar algo por falta de espacio, oculta la navegación o las barras laterales, no tu contenido principal.
Renderizado con JavaScript y rastreadores de IA
Algunas webs construyen sus páginas por completo en JavaScript. El archivo HTML está casi vacío y el contenido real se renderiza en el cliente cuando el JavaScript se ejecuta en el navegador.
Los rastreadores de IA pueden ejecutar JavaScript, pero no lo hacen igual que un navegador. Tienen ventanas de tiempo limitadas. No tienen aceleración por GPU. No siempre esperan a que terminen las operaciones asíncronas.
Por qué el renderizado en el cliente falla con los rastreadores
Una página que depende de JavaScript para obtener datos de una API y luego renderizarlos puede fallar con un rastreador. El rastreador carga el HTML, empieza a ejecutar el JavaScript, pero agota el tiempo antes de que termine la llamada a la API y se renderice la página. El rastreador se queda solo con la carcasa de tu página, sin contenido real.
Por eso el renderizado en el servidor (SSR) supera al renderizado en el cliente (CSR) para la visibilidad ante los rastreadores. Cuando renderizas el contenido en el servidor y envías el HTML terminado al rastreador, este obtiene la página completa de inmediato. Cuando renderizas en el cliente y haces que el rastreador ejecute JavaScript para ver la página, lo ralentizas y arriesgas que se agote el tiempo.
Recomendaciones para los frameworks de JavaScript
Si usas un framework de JavaScript, asegúrate de que el contenido crítico se renderice en el servidor o aparezca en el HTML inicial. El rastreador no debería tener que ejecutar JavaScript para ver tu contenido principal.
Los datos estructurados en móvil deben coincidir con los de escritorio
Los rastreadores de IA extraen datos estructurados (marcado schema) de tus páginas para entender de qué hablas. Usan los datos estructurados para identificar entidades, verificar datos y entender relaciones.
Si tu versión móvil no incluye los mismos datos estructurados que tu versión de escritorio, los rastreadores ven información incompleta. Una página de producto puede tener schema de precio en escritorio pero no en móvil. Un artículo puede incluir schema de autor en escritorio y quitarlo en móvil para ahorrar espacio.
Incluye siempre todos los datos estructurados en ambas versiones de tu web. Si necesitas ocultar elementos decorativos en móvil, ocúltalos. Pero no ocultes el schema. El schema es invisible para los usuarios de todos modos, así que incluirlo en móvil no cuesta espacio.
Rendimiento de renderizado en móvil y tasas de cita
Los estudios muestran una correlación directa entre la velocidad del sitio y las tasas de cita de la IA. Las páginas que cargan rápido se citan más. Este efecto es más fuerte en móvil porque las redes móviles son el cuello de botella.
Una página que carga en 1,5 segundos en móvil se cita más que la misma página cargando en 4 segundos. La diferencia no es solo de experiencia de usuario (aunque eso también importa). También es de acceso del rastreador. Las páginas más rápidas se cargan de forma más completa dentro de la ventana de tiempo del rastreador. Los rastreadores ven más contenido, extraen más información y entienden mejor la página.
Optimización de imágenes para la velocidad en móvil
La optimización de imágenes es una de las mayores mejoras posibles. Las imágenes grandes y sin optimizar ralentizan mucho las páginas móviles. Las imágenes en formato WebP cargan un 35% más rápido que las JPEG. La carga diferida de imágenes (dejar que se carguen solo cuando hacen falta) acelera la carga inicial de la página. Usar una CDN para servir las imágenes desde un servidor cercano a la ubicación del usuario reduce mucho el tiempo de carga.
Errores comunes en móvil que bloquean a los rastreadores de IA
Tu web puede ser adaptable a móvil y aun así impedir que los rastreadores accedan al contenido. Estos son los errores más graves:
Ocultar contenido tras elementos interactivos
El contenido en pestañas, acordeones o carruseles que exigen hacer clic para expandirse es técnicamente rastreable, pero pesa menos. Si tu diseño móvil oculta el 50% de tu contenido en pestañas, el rastreador lo ve todo, pero los sistemas de IA lo tratan como información secundaria.
Quitar contenido de la versión móvil
Algunas webs sirven versiones móviles más simples que omiten explicaciones detalladas. Esto ahorra ancho de banda, pero reduce el acceso del rastreador. No lo hagas. Sirve el mismo contenido en ambos dispositivos.
Scroll infinito sin paginación
Las páginas que cargan más contenido al hacer scroll usan JavaScript para obtener elementos adicionales. Los rastreadores no hacen scroll. Cargan la página una vez y analizan lo que reciben. El scroll infinito se ve como una página corta para un rastreador, salvo que ofrezcas enlaces de paginación o un botón de página siguiente que el rastreador pueda encontrar.
Pop-ups y superposiciones intrusivos
Los pop-ups que tapan el contenido o hay que cerrar antes de leer son malos para los usuarios y malos para los rastreadores. Pueden bloquear el acceso al contenido principal. Úsalos con moderación y nunca bloquees contenido crítico tras ellos.
Bloquear imágenes o recursos a los rastreadores de IA
Tu robots.txt o tus reglas de user-agent pueden bloquear la entrega de imágenes a ciertos rastreadores. Si las imágenes no cargan, los rastreadores pierden el texto alternativo y los datos estructurados de las imágenes. Permite que todos los rastreadores accedan a las imágenes y los recursos (salvo que tengas un motivo concreto para no hacerlo).
Etiqueta meta viewport incorrecta
La etiqueta meta viewport indica a los navegadores y a los rastreadores cómo gestionar el ancho de la página. Si no tienes la declaración viewport correcta en tu página móvil, tanto los rastreadores como los navegadores tendrán dificultades para renderizarla bien.
Cómo probar el acceso de los rastreadores de IA a tu web móvil
No puedes dar por hecho que tu web móvil es rastreable. Pruébala.
Comprueba el renderizado en Google Search Console
Usa la versión móvil de Google Search Console para detectar problemas de renderizado. Google te muestra cómo ve Googlebot tus páginas móviles. Busca contenido que falte, imágenes rotas o JavaScript que falle.
Prueba la velocidad de la página en móvil
Prueba la velocidad de la página en móvil con PageSpeed Insights, con móvil seleccionado. Apunta a puntuaciones verdes (90 o más) en LCP, FID y CLS. En una red móvil real (no en el WiFi de tu oficina), prueba el tiempo de carga. Las webs deberían cargar en menos de 3 segundos en redes 4G.
Verifica manualmente la visibilidad del contenido
Abre tu web en un dispositivo móvil real (o usa la emulación de dispositivos de Chrome). Recorre tus páginas. Asegúrate de que nada importante esté oculto, eliminado o tras una interacción. Pregúntate: ¿vería un rastreador este contenido sin hacer clic, tocar ni hacer scroll?
Prueba con rastreadores móviles
Si puedes, prueba con rastreadores que simulen móvil. Algunas herramientas SEO permiten rastrear tu web con user-agents móviles de Googlebot. Esto te muestra lo que ve el rastreador de Google en móvil.
Preguntas frecuentes
¿Los rastreadores de IA ven el mismo contenido móvil que los visitantes?
Los rastreadores de IA simulan dispositivos móviles al rastrear, así que ven tu diseño móvil y tu diseño adaptable. Pero no interactúan con la página como lo hacen las personas. No hacen clic en pestañas, no expanden acordeones ni hacen scroll para cargar más contenido. Si el contenido exige interacción para cargarse, los rastreadores pueden pasarlo por alto o tratarlo como menos importante que el contenido visible de inmediato. Con el creador de webs de WEMASY, puedes configurarlo directamente en tu web.
¿Qué pasa si mi página móvil es lenta?
Las páginas lentas agotan el tiempo antes de que los rastreadores vean todo el contenido. Si tu página tarda más de 5 segundos en cargar en móvil, los rastreadores pueden terminar el procesamiento dentro de su ventana de tiempo antes de que el JavaScript acabe de ejecutarse o las imágenes terminen de cargar. Acaban con una vista incompleta de tu página. Esto afecta a cuánta información extraen y a cuánto peso dan los sistemas de IA a tu contenido.
¿Puedo servir contenido distinto en móvil y en escritorio para los rastreadores?
Puedes tener diseños distintos en móvil y en escritorio. Lo que no debes hacer es servir contenido distinto. Los Core Web Vitals y los datos estructurados deberían ser idénticos en ambas versiones. Todo el texto, las imágenes y la información importante deberían aparecer en ambas versiones (o ser accesibles sin interacción del usuario). Servir una versión móvil simplificada que omite contenido significa que los rastreadores ven menos.
¿Las pestañas y los acordeones ocultos perjudican mi visibilidad en IA?
El contenido en pestañas y acordeones sigue siendo rastreable, pero pesa menos que el contenido visible de inmediato. Si tu información más importante está oculta tras pestañas en móvil, los sistemas de IA la ven pero la tratan como secundaria. Para la máxima visibilidad, lleva tu mejor contenido a la parte superior de la página, donde carga primero y aparece sin interacción.
¿Cómo compruebo si mi web móvil es amigable con los rastreadores de IA?
Revisa el renderizado móvil en Google Search Console para ver cómo interpreta Googlebot tus páginas. Prueba la velocidad de la página en móvil con PageSpeed Insights, apuntando a puntuaciones de Core Web Vitals de 90 o más. Abre tu web en un dispositivo móvil real y verifica que todo el contenido importante sea visible sin hacer clic ni scroll. Los rastreadores ven solo lo que está disponible de inmediato o se carga automáticamente dentro de su ventana de tiempo.
¿Debo crear una versión móvil aparte o usar diseño adaptable?
Usa diseño adaptable. Crear webs móvil y escritorio separadas (con contenido distinto) confunde a los rastreadores y obliga a mantener dos versiones. El diseño adaptable ajusta el diseño a distintos tamaños de pantalla sirviendo el mismo contenido y el mismo HTML. Es más sencillo de mantener, mejor para los rastreadores y el enfoque que recomiendan Google y las plataformas de IA.