Guía: Navegación agéntica — cómo pasar los 2 checks de PageSpeed Insights | Saraga Marketing
Guía gratuita · Saraga Marketing

Tu próximo cliente no va a navegar tu web.
Su IA lo hará por él.

Google ya califica si los agentes de inteligencia artificial pueden usar tu sitio. En esta guía te mostramos, con un caso real, cómo pasar los 2 checks de Navegación agéntica de PageSpeed Insights — sin ser programador.

Lectura de 7 minutos · Aplicable a WordPress, Shopify, Wix y webs a medida · Actualizada a julio 2026

Lo primero

¿Qué es PageSpeed Insights?

PageSpeed Insights es la herramienta gratuita de Google que analiza cualquier página web y le pone nota. Pegas tu URL, esperas unos segundos y obtienes un diagnóstico completo en celular y en computador.

Hasta hace poco calificaba 4 cosas: Rendimiento, Accesibilidad, Prácticas recomendadas y SEO. En 2026 Google agregó una quinta categoría que cambió las reglas del juego: Navegación agéntica.

Reporte de PageSpeed Insights de andentours.com mostrando las 5 categorías: Rendimiento 52, Accesibilidad 91, Prácticas recomendadas 77, SEO 92 y Navegación agéntica 1/2
Un reporte real de julio 2026: fíjate en la quinta categoría, "Navegación agéntica", con puntaje 1/2.

¿Notaste algo raro? Las primeras cuatro categorías puntúan de 0 a 100. La nueva puntúa X/2: son dos comprobaciones que tu web pasa o no pasa. Esos son los famosos 2 checks de esta guía.

El cambio de 2026

¿Qué es la navegación agéntica?

Cada vez más personas no buscan, comparan ni reservan por sí mismas: le piden a un agente de IA (ChatGPT, Gemini, Claude, Copilot) que lo haga. El agente abre tu web, la recorre, llena formularios, cotiza y hasta completa la compra en nombre del usuario. Eso es navegación agéntica.

El detalle clave: un agente no "ve" tu web como un humano. Lee una versión simplificada de la página llamada árbol de accesibilidad — la misma estructura que usan los lectores de pantalla. Si tu botón de "Reservar" es un ícono sin nombre, para el agente es una puerta sin manija: sabe que hay algo ahí, pero no sabe qué hace.

En plata blanca: si un agente de IA no puede navegar tu web, cuando tu cliente le diga a su asistente "resérvame un tour en Colombia" o "cotízame este servicio", el asistente va a terminar la tarea… en la web de tu competencia.

Por eso Google incorporó esta categoría en Lighthouse 13.3 (mayo de 2026) y la publicó dentro de PageSpeed Insights: para medir si tu sitio está listo para este nuevo visitante.

El corazón de la guía

Los 2 checks que tienes que pasar

La categoría muestra varias auditorías, pero solo dos puntúan hoy (las de WebMCP y llms.txt aparecen como "no aplicable" para la mayoría de las webs — hablamos de ellas al final). Estos son los dos:

1

Árbol de accesibilidad bien formado

Todo elemento interactivo de tu web — botones, enlaces, campos de formulario — debe tener un nombre legible por máquina, un rol válido y una jerarquía correcta. Es lo que el agente usa como mapa.

Cómo pasarlo

  • Ningún enlace o botón "mudo". Los sospechosos de siempre: el logo que enlaza al inicio, los íconos de redes sociales, el carrito, la lupa de búsqueda y el botón de hamburguesa del menú móvil.
  • Toda imagen que enlaza necesita texto alternativo (alt) o el enlace necesita un aria-label.
  • Todo campo de formulario necesita su etiqueta (label): nombre, email, teléfono, mensaje.
  • Usa HTML semántico: un botón es un <button>, no un <div> con un click.
  • En WordPress/Elementor, Shopify o Wix casi siempre se arregla sin tocar código: cada widget tiene un campo de "texto alternativo" o "aria label" en sus ajustes.
2

Cambios de diseño acumulados (CLS)

Mide cuánto "salta" tu página mientras carga. Los agentes deciden dónde hacer clic a partir de lo que ya cargó; si un banner tardío empuja todo hacia abajo, el agente (igual que tu cliente) termina haciendo clic donde no era. El objetivo: CLS menor a 0,1 — idealmente 0.

Cómo pasarlo

  • Define ancho y alto en todas las imágenes y videos, para que el navegador reserve el espacio antes de que carguen.
  • Reserva espacio fijo para banners, avisos de cookies, reseñas embebidas y anuncios — que aparezcan dentro de su caja, no empujando el contenido.
  • Nunca inyectes contenido arriba de lo que el usuario ya está viendo (barras promocionales que aparecen 2 segundos tarde: fuera).
  • Precarga tus fuentes tipográficas con font-display: swap para evitar saltos de texto.

Bonus: el CLS también es parte de los Core Web Vitals, así que este arreglo además ayuda a tu posicionamiento en Google. Un solo trabajo, doble premio.

Caso real, sin filtros

Así se ve en un sitio de verdad

Analizamos andentours.com (tours guiados en bicicleta por Colombia, hecho en WordPress + Elementor). Resultado en Navegación agéntica: 1 de 2.

Sección Navegación agéntica del reporte: falla 'El árbol de accesibilidad no tiene el formato correcto', aprueba 'Cambios de diseño acumulados — 0', y 4 auditorías de WebMCP y llms.txt como no aplicables
El check 2 (CLS) aprobado con un 0 perfecto aprobada — el check 1 (árbol de accesibilidad) fallando fallida

¿Y por qué falla el check 1? PageSpeed te lo dice con nombre y apellido. Expandimos la auditoría fallida:

Detalle de la auditoría fallida: 'Links must have discernible text' señalando el enlace del logo de Anden Tours, un elemento de Elementor sin texto discernible
El culpable: el logo del header. Es un enlace a la portada, pero no tiene ningún texto que un agente pueda leer.

La lección: no falló por algo técnico y oscuro. Falló por un logo sin texto alternativo — un arreglo de 2 minutos. La solución en este caso:

<!-- Antes: una puerta sin manija -->
<a href="https://andentours.com"><img src="logo.png"></a>

<!-- Después: el agente ya sabe qué es -->
<a href="https://andentours.com" aria-label="Anden Tours — Inicio">
  <img src="logo.png" alt="Logo de Anden Tours">
</a>

En Elementor ni siquiera hace falta tocar código: en el widget de imagen del logo, completas el campo "Texto alternativo" y listo. Re-analizas y pasas a 2/2.

Hazlo tú mismo

Revisa tu web en 6 pasos

  1. Entra a pagespeed.web.dev

    Es gratis y no requiere registro. Pega la URL de tu página y presiona "Analizar".

  2. Revisa móvil y computador

    Son dos análisis distintos (pestañas "Móvil" y "Ordenador"). Empieza por móvil: es más exigente y es donde navega la mayoría.

  3. Haz clic en "Navegación agéntica"

    Es el quinto círculo, arriba a la derecha. Vas a ver tu puntaje sobre 2.

  4. Expande las auditorías fallidas

    Cada fila te muestra el elemento exacto que falla, con captura incluida. Anota cada uno.

  5. Corrige y reserva espacios

    Textos alternativos y etiquetas para el check 1; dimensiones de imágenes y espacios reservados para el check 2.

  6. Vuelve a analizar

    Repite el análisis hasta ver el 2/2. Revísalo también después de cada rediseño o plugin nuevo.

¿Y lo de WebMCP y llms.txt? Son las 4 auditorías que hoy aparecen como "no aplicable": estándares emergentes para que tu web le ofrezca acciones directas a los agentes (WebMCP) y un resumen legible para IAs (llms.txt). Todavía no puntúan, pero implementarlos temprano es ventaja de pionero. Si quieres ir por ahí, es exactamente el tipo de proyecto que hacemos con nuestros clientes.

Qué ganas con el 2/2

Los beneficios van mucho más allá de la nota

🤖

Vendes cuando compra una IA

Los agentes pueden cotizar, reservar y comprar en tu web sin trabarse. Cuando tu cliente delegue la tarea, la termina en tu sitio — no en el de la competencia.

📈

Mejor posicionamiento

El CLS es parte de los Core Web Vitals de Google, y una web accesible es una web que Google entiende mejor. Los mismos arreglos empujan tu SEO.

Más clientes humanos

El árbol de accesibilidad es el que usan los lectores de pantalla. Al arreglarlo, tu web funciona para personas con discapacidad visual: más alcance y menos riesgo legal.

🚀

Ventaja de pionero

La mayoría de tu competencia ni sabe que esta categoría existe. Pasar hoy los 2 checks — y preparar WebMCP y llms.txt — te pone años adelante.

Auditoría SEO gratuita

¿Quieres saber cómo está tu web,
sin adivinar?

En Saraga Marketing hacemos esto todos los días: navegación agéntica, SEO técnico y estrategias para que la IA te mande clientes en vez de quitártelos. Pide tu auditoría SEO gratuita: revisamos tu web, te mostramos exactamente qué está frenando tus resultados y qué haríamos nosotros.

Quiero mi auditoría gratuita →

Sin compromiso y sin letra chica. La auditoría también nos sirve a nosotros: solo trabajamos con negocios donde sabemos que podemos generar resultados — y si no es tu caso, te lo decimos de frente.

Saraga Marketing · Marketing digital & SEO para la era de la IA · 2026

Esta guía se basa en la categoría "Navegación agéntica" introducida por Google en Lighthouse 13.3 (PageSpeed Insights, 2026). La categoría está en desarrollo y puede cambiar.

Scroll to Top