Cómo preparar tu web para agentes de IA: guía práctica

Preparar tu web para agentes de IA consiste en que un sistema automático pueda encontrar tus páginas, entender qué hace cada botón y campo, y completar una tarea (comparar, rellenar un formulario, preparar una reserva) sin atascarse. Google explica que los agentes de navegador leen las páginas combinando capturas de pantalla, el código y el árbol de accesibilidad, y recomienda HTML semántico, formularios con etiquetas y diseños estables. Casi todo lo que ayuda a un agente ayuda también a una persona, sobre todo a quien usa un lector de pantalla.

Qué es un agente de IA y qué hace en tu web

Un agente de IA es un sistema que hace tareas en nombre de una persona. Google lo define como un sistema autónomo que puede hacer tareas por las personas y pone como ejemplos reservar o comparar especificaciones de productos. Para hacerlo, el agente puede visitar tu web y recoger los datos que necesita.

Conviene separar tres tipos de visita, porque cada uno pide cosas distintas:

Los dos primeros tipos son los de siempre y los tratamos en otros artículos. Este se centra en el tercero: qué tiene que tener tu web para que un agente pueda completar una tarea en ella.

Qué agentes han lanzado OpenAI y Google

Las funciones de agente de OpenAI y Google ya existen, pero su disponibilidad depende del país, del plan y del tipo de cuenta. Esto es lo que hemos podido verificar en sus fuentes oficiales; la disponibilidad es la indicada en cada anuncio y puede haber cambiado después:

OpenAI ha cambiado varias veces de producto en este terreno; la historia de su navegador y de las demás opciones está en navegadores con IA: qué pasó con ChatGPT Atlas, Comet y Chrome. Para preparar tu web, el nombre del producto importa poco: todos necesitan lo mismo de tus páginas.

Tres detalles de la documentación de OpenAI sobre ChatGPT Work son útiles para cualquier negocio:

• Pide permiso antes de visitar una web nueva, por defecto, y permitir una web no aprueba todas las acciones en ella.
• Puede pedir una confirmación aparte antes de acciones con consecuencias económicas, legales o de cuenta.
• Funciona en remoto, con una sesión separada del navegador del usuario: no accede a sus pestañas, extensiones, historial ni contraseñas guardadas.

Cómo ve tu página un agente

Un agente ve tu página a través de tres representaciones a la vez. La guía de Google sobre webs para agentes las describe así:

1. Capturas de pantalla. Un modelo de visión identifica elementos en la imagen renderizada. Es costoso, así que suele usarse como apoyo cuando la estructura es confusa.
2. El HTML y el DOM. El anidamiento indica relaciones: si un botón «Comprar» está dentro del bloque de un producto, el agente entiende que el botón es de ese producto.
3. El árbol de accesibilidad. Es un resumen del papel, el nombre y el estado de cada elemento interactivo, el mismo que usan los lectores de pantalla.

Los agentes actuales combinan las tres: usan el código y el árbol de accesibilidad para identificar elementos y la imagen para entender la disposición y los grupos. OpenAI, en su documentación para editores, explicó lo mismo desde su lado: su agente leía las mismas etiquetas y roles que usan los lectores de pantalla para interpretar la estructura de la página.

La consecuencia práctica: si un elemento no tiene nombre en el árbol de accesibilidad, no está bien anidado o cambia de sitio en cada página, el agente tiene que adivinar.

1. Acceso: que puedan entrar

El primer requisito es que los agentes y los rastreadores puedan llegar a tus páginas. Revisa tres cosas:

• Rastreadores de búsqueda. OpenAI separa su rastreador de búsqueda, OAI-SearchBot, del que usa para entrenar modelos, GPTBot, y cada uno se configura por separado. Si bloqueas OAI-SearchBot, tu web no se mostrará en las respuestas de búsqueda de ChatGPT, y un agente que parte de esas respuestas tendrá menos motivos para llegar a ti. Las reglas, en robots.txt para bots de IA.
• Visitas a petición del usuario. OpenAI indica que ChatGPT-User visita páginas cuando un usuario lo pide y que, al ser acciones iniciadas por el usuario, las reglas de robots.txt pueden no aplicarse. Tenlo en cuenta si quieres limitar el acceso: robots.txt no es la herramienta.
• Protección contra bots. Si usas un servicio que bloquea tráfico automático, comprueba en tus registros si está frenando a agentes legítimos y consulta la documentación de cada proveedor de IA sobre cómo identificar su tráfico antes de abrir o cerrar reglas.

En Google, sus funciones de IA dependen del acceso de Googlebot, y una página tiene que estar indexada y poder mostrarse con fragmento para aparecer como enlace en AI Overviews y AI Mode.

2. Contenido: que lo encuentren en texto

El contenido que un agente necesita para decidir tiene que estar en texto en la página, no en imágenes ni detrás de interacciones. Piensa en lo que pediría un usuario a un agente: «reserva una sesión de fisioterapia el jueves por la tarde por menos de 50 euros». El agente necesita leer precio, horario, ubicación y condiciones.

• Precios, plazos, horarios y condiciones en texto visible. No solo en una imagen o en un PDF descargable.
• Información clave sin clics previos. Si el precio solo aparece al desplegar una pestaña o tras elegir opciones, el agente puede pasarlo por alto.
• Contenido disponible sin depender de scripts que tarden o fallen. Google indica que procesa contenido en JavaScript si no está bloqueado, pero no todos los sistemas lo hacen igual; lo explicamos en bots de IA y JavaScript.

3. Controles: botones y enlaces de verdad

Los controles que un agente puede usar con seguridad son los que el navegador reconoce como interactivos. La guía de Google lo resume en pocas reglas:

• Usa <button> y <a> en lugar de <div> o <span> con estilos y scripts. Los agentes reconocen los primeros como interactivos.
• Si no puedes, añade el rol y el foco. Un <div> que actúa como botón necesita role="button" y tabindex.
• Texto que describa la acción. «Reservar cita» le dice al agente qué pasará; un icono de calendario sin texto, no.
• Cursor de puntero (cursor: pointer) en los elementos clicables: Google lo describe como una señal fuerte de que algo es accionable.
• Tamaño mínimo. Google recomienda que los elementos necesarios para completar una acción sean visibles y mayores de 8 píxeles cuadrados, para que no se descarten en el análisis visual.
• Sin capas transparentes encima. Las superposiciones transparentes que tapan controles pueden hacer que el agente descarte esos elementos aunque se vean.

Ejemplo de un control mal resuelto y uno bien resuelto:

<!-- Difícil para un agente -->
<div class="btn-icon" onclick="abrirReserva()"><img src="cal.svg"></div>

<!-- Claro para un agente y para un lector de pantalla -->
<button type="button" onclick="abrirReserva()">Reservar cita</button>

4. Formularios: que cada campo diga qué pide

Un formulario es el punto donde más agentes fallan, porque tienen que deducir qué dato va en cada campo. Google recomienda enlazar cada etiqueta con su campo mediante el atributo for, para que el agente deduzca el propósito del campo a partir del texto de la etiqueta.

<label for="telefono">Teléfono de contacto</label>
<input id="telefono" name="telefono" type="tel" autocomplete="tel" required>

<label for="fecha">Fecha preferida</label>
<input id="fecha" name="fecha" type="date">

Además de la etiqueta, revisa:

1. Tipos de campo correctos. type="email", type="tel", type="date": dicen qué formato se espera.
2. Etiquetas visibles y concretas. «Código postal de entrega», no «Campo 4» ni un texto de ejemplo que desaparece al escribir.
3. Opciones como opciones. Si hay franjas horarias o tallas, usa listas o botones de opción con texto, no imágenes.
4. Errores explicados. «El teléfono debe tener 9 dígitos» junto al campo, no un borde rojo sin texto.
5. Pocos pasos y sin sorpresas. Ventanas emergentes de suscripción o de cookies que tapan el formulario a mitad de proceso frenan a personas y a agentes.
6. Campos obligatorios marcados en el código (required), no solo con un asterisco de color.

5. Diseño estable: que las cosas no cambien de sitio

Un diseño estable es el que mantiene los mismos elementos en el mismo lugar entre páginas parecidas. Google advierte de que los agentes que usan capturas se confunden si la disposición cambia constantemente, y pone como ejemplo un botón «Añadir al carrito» que cambia de posición según la categoría de producto.

• Plantillas coherentes. La ficha de un producto de la categoría A y la de la categoría B deben tener los controles en el mismo orden.
• Sin saltos de contenido al cargar: anuncios, banners o imágenes que empujan el botón justo cuando se va a pulsar.
• Estructura clara. Encabezados en orden y bloques que agrupen lo que va junto: producto, precio y botón dentro del mismo contenedor.

6. Datos estructurados: útiles, no imprescindibles

Los datos estructurados describen tu página en un formato que las máquinas leen sin ambigüedad, pero Google aclara que no son obligatorios para su búsqueda con IA generativa y que no hay ningún marcado especial que añadir. Siguen siendo útiles para optar a resultados enriquecidos y para dejar claros datos como precio, disponibilidad, horario o valoraciones.

La regla que no puedes saltarte: el marcado tiene que coincidir con el texto visible. Google pide no marcar información que el usuario no ve, aunque sea correcta. Un agente que lee un precio en el marcado y otro en la página tiene un motivo para desconfiar. Tienes la guía completa en datos estructurados y schema para la búsqueda con IA.

Sobre los archivos especiales: Google dice que no hace falta crear archivos legibles por máquina, archivos de texto para IA ni marcado especial para aparecer en su Búsqueda, y que un llms.txt ni ayuda ni perjudica en ella. Si quieres saber qué es y para qué otros servicios podría servir, está en llms.txt: qué es y si de verdad sirve.

7. Acciones delicadas: diseña la confirmación

Las acciones delicadas (pagar, enviar datos personales, cancelar una cita) son las que más conviene diseñar pensando en que puede haber un agente al otro lado. Las funciones verificadas ya piden confirmación al usuario: la navegación automática de Chrome está pensada para detenerse y pedir confirmación antes de comprar o publicar en redes sociales, y ChatGPT Work puede pedir una confirmación aparte antes de acciones con consecuencias económicas, legales o de cuenta.

Tu web puede ayudar a que ese momento sea claro:

• Un resumen final legible antes de confirmar: qué, cuánto, cuándo, dónde y con qué condiciones.
• Un botón de confirmación con texto inequívoco: «Confirmar reserva y pagar 45 €», no «Continuar».
• Una página de confirmación con los datos del pedido o la cita en texto, que el agente pueda devolver al usuario.

Google menciona también una propuesta de estándar para que las webs declaren herramientas que los agentes pueden usar directamente, con la posibilidad de pedir confirmación al usuario en acciones como una compra. Está en desarrollo y puede cambiar; para una pyme, lo prioritario sigue siendo una web clara.

Cómo auditar tu web en una tarde

Puedes revisar lo esencial sin herramientas de pago, en el orden de la tarea más importante de tu web (comprar, reservar, pedir presupuesto):

1. Recorre la tarea solo con el teclado. Si no puedes llegar a un control o rellenar un campo con el tabulador, un agente probablemente tampoco lo identifique bien.
2. Mira el árbol de accesibilidad en las herramientas para desarrolladores de Chrome: cada botón y cada campo debería tener un nombre que describa su función.
3. Desactiva las imágenes y comprueba que precio, horario y condiciones siguen ahí.
4. Compara tres páginas de la misma plantilla y mira si los controles están en el mismo sitio.
5. Revisa robots.txt y tus reglas contra bots.
6. Comprueba que el marcado coincide con lo visible en precio, disponibilidad y horario.
7. Pide a un asistente con búsqueda que te resuma tu propia página de servicio o producto y fíjate en qué datos le faltan o confunde.

Google resume el criterio de fondo en una frase: todo lo que sugiere para preparar una web para agentes la mejora también para las personas.

Lista de comprobación

Primero, que te recomienden

Un agente casi nunca llega a tu web por casualidad: llega porque un asistente te ha encontrado al buscar o te ha recomendado. Preparar la web para agentes sirve de poco si no apareces en las respuestas a las preguntas de tus clientes.

DeepMention, nuestra herramienta, mide esa parte: lanza cada día los prompts que eliges en ChatGPT, Gemini y Google AI Mode desde el país de tu cliente y te muestra si apareces, frente a qué competidores, qué fuentes usan las IA y qué contenido crear. No audita tu web para agentes, no simula tareas de agente y no monitoriza Perplexity, Claude, Copilot, Grok ni DeepSeek. Puedes probarla gratis durante 7 días o ver los precios.

Fuentes

• Google Search Central. Optimizing your website for generative AI features on Google Search (actualizado el 10 de julio de 2026).
• Kasper Kulikowski y Omkar More, web.dev (Google). Build agent-friendly websites (actualizado el 1 de abril de 2026).
• Google Search Central. AI features and your website (actualizado el 10 de diciembre de 2025).
• Google Search Central. Introduction to structured data markup in Google Search.
• Google. AI Mode in Google Search adds personalization, agentic features (21 de agosto de 2025).
• Google. The new era of browsing: Putting Gemini to work in Chrome (28 de enero de 2026).
• OpenAI. ChatGPT Work Overview.
• OpenAI. Publishers and Developers - FAQ.
• OpenAI Developers. Overview of OpenAI Crawlers.

Preguntas frecuentes

¿Qué es un agente de IA que navega por la web?

Es un sistema que visita páginas y hace tareas en nombre de una persona, como comparar productos, rellenar un formulario o preparar una reserva. Google lo define como un sistema autónomo que hace tareas por las personas, y tanto ChatGPT como Google tienen funciones de este tipo, con distinta disponibilidad según el país y el plan.

¿Cómo leen los agentes de IA una página web?

Según Google, los agentes de navegador combinan capturas de pantalla, la estructura del código de la página (el DOM) y el árbol de accesibilidad, que resume el papel, el nombre y el estado de cada elemento interactivo. Por eso una web accesible para lectores de pantalla suele ser también más fácil de usar para un agente.

¿Necesito un archivo especial para que los agentes entiendan mi web?

No para Google. Su guía dice que no hace falta crear archivos legibles por máquina, archivos de texto para IA ni marcado especial para aparecer en la Búsqueda, y que llms.txt ni ayuda ni perjudica en ella. Lo que recomienda para agentes es HTML semántico, formularios bien etiquetados y diseños estables.

¿Pueden los agentes de IA comprar o reservar en mi web sin que el usuario lo sepa?

Las funciones que hemos verificado piden confirmación al usuario antes de pasos delicados. La navegación automática de Chrome se detiene y pide confirmación antes de comprar o publicar en redes, y el navegador en la nube de ChatGPT Work puede pedir una confirmación aparte antes de acciones con consecuencias económicas, legales o de cuenta.

¿Si bloqueo los bots de IA en robots.txt bloqueo también a los agentes?

No siempre. OpenAI explica que ChatGPT-User, el agente que visita páginas cuando un usuario lo pide, actúa por iniciativa del usuario y que las reglas de robots.txt pueden no aplicarse. Bloquear OAI-SearchBot, en cambio, impide que tu web se muestre en las respuestas de búsqueda de ChatGPT.

Artículos relacionados

• Anuncios en ChatGPT: qué son y qué significan para tu marca

  OpenAI muestra anuncios en ChatGPT desde 2026 y en España desde agosto. Cómo funcionan, quién los ve, si influyen en las respuestas y qué cambia para tu marca.

  1 de noviembre de 2026

• Cómo aparecer en ChatGPT si eres arquitecto o interiorista

  Qué miran ChatGPT, Gemini y Google AI Mode para recomendar un estudio de arquitectura o de interiorismo en tu ciudad y cómo preparar tu web y tus proyectos.

  1 de noviembre de 2026

• Cómo aparecer en ChatGPT si instalas aire acondicionado

  Qué miran ChatGPT, Gemini y Google AI Mode para recomendar un instalador de aire acondicionado en tu zona y un plan de acción para salir en sus respuestas.

  1 de noviembre de 2026