Clase 8 · 18 min
Los agentes ya llenan formularios y comparan productos leyendo la página como un lector de pantalla. Lo que ayuda es lo básico bien hecho: HTML semántico, etiquetas, datos de producto correctos. Y nada de eso vale sin rutina: un loop mensual con los paneles, la batería, el log y la nota, siempre con fecha.
Comenzar la clase
Objetivo: dejar formularios y páginas de producto legibles para agentes y armar el loop mensual de medición en las IAs con fechas.
Haz clic en cada bloque.
Lo básico legible para agentes y una rutina con fecha valen más que cualquier atajo.
Haz clic en cada paso. Todos vienen de la guía de web.dev para sitios amigables con agentes.
Acción es botón, navegación es enlace. Si no puedes usar el elemento correcto, dale el rol (role) y el tabindex correctos.
Usa cursor de mano (cursor: pointer) en lo que se puede pulsar: es una señal fuerte de acción.
Todo campo con etiqueta visible conectada por el atributo for. Correo, nombre y teléfono con autocomplete: ayuda a quien llena el formulario y ayuda al agente a saber qué es cada campo.
Sin capas transparentes sobre los botones; elementos de acción visibles y con tamaño mínimo. Un diseño que no cambia de lugar después de cargar: el agente que lee capturas de pantalla se pierde.
Feed de Merchant Center correcto, política de devoluciones clara y Perfil de Empresa actualizado. Sigue los protocolos de comercio por agente sin implementarlos: las fuentes todavía no coinciden sobre su estado.
El formulario es un modelo; la ficha del loop es para copiar cada mes.
<form action="/orcamento" method="post"> <label for="nome">Nombre</label> <input id="nome" name="nome" autocomplete="name" required> <label for="email">Correo electrónico</label> <input id="email" name="email" type="email" autocomplete="email" required> <label for="telefone">Teléfono</label> <input id="telefone" name="telefone" type="tel" autocomplete="tel"> <button type="submit">Pedir presupuesto</button> </form>
# Loop mensual de IA — <mes/año> (ejecutado el dd/mm/aaaa) 1. Paneles: GSC impresiones de IA <n> | Bing citas <n> | páginas citadas <n> 2. Batería v1: aparición en las neutras por asistente: ChatGPT <x%> | Gemini <x%> | Perplexity <x%> | Copilot <x%> Fuentes citadas en mi lugar (top 5): <...> 3. Marca: "qué es [marca]" correcto en <n de 3> asistentes; "quién es [fundador]" actual en <n de 3> 4. Log: búsqueda <n> | acción del usuario <n> | entrenamiento <n> | falsos <n> | 403 para robot de IA: <sí/no> 5. Nota de preparación: <n> (herramienta y versión) Decisión del mes (una sola): <...> ¿Sin cambios hace 3 meses? Fuentes externas en las que trabajar: <...>
El método AIV sugiere: después de 3 meses sin cambios en la batería, la palanca deja de ser el contenido de tu sitio y pasa a ser la presencia donde las IAs ya buscan (las fuentes que aparecen en tu lugar). Trátalo como una hipótesis por probar, con el loop midiendo.
El E2 usa el generador al final de la clase.
Elige el formulario más importante del sitio (contacto, presupuesto, pedido). Revisa en las DevTools de Chrome el árbol de accesibilidad: ¿cada campo tiene nombre? ¿el botón es botón? Corrige lo que falte.
Listo cuando: todo campo del formulario aparece con nombre en el árbol de accesibilidad, el correo, el nombre y el teléfono tienen autocomplete y el envío es un botón.
Genera tu plan abajo, descarga el .ics y marca en el calendario el primer loop mensual. Copia la ficha del loop a la carpeta del proyecto.
Listo cuando: el calendario tiene la fecha del primer loop mensual y la ficha loop-ia del mes existe con la fecha completa.
La explicación aparece después de tu respuesta.
Pregunta 1 de 4
¿Qué usa un agente de navegador para entender un formulario?competencia
Pregunta 2 de 4
¿Qué hacer hoy con los protocolos de comercio por agente en una pequeña empresa?
Pregunta 3 de 4
La tasa de aparición en la batería se quedó estancada por 3 meses. ¿Siguiente paso?
Pregunta 4 de 4
¿Por qué el loop tiene fecha y una decisión por mes?
Elige una alternativa. La explicación aparece después de tu intento.
Cuatro niveles y los ejercicios de cada uno. Haz clic en un ejercicio para ver el "listo cuando".
fundamento × moda
2 ejercicios
Triaje con fuente y los fragmentos que solo tú tienes.
Ver la clasepaneles y batería (clases 2 y 3)
2 ejercicios
Línea base en los paneles y primera ronda de la batería.
Ver la claseentidad, log y nota (clases 4 a 6)
2 ejercicios
Identidad corregida, robots revisados, nota con una corrección.
Ver la claseagentes y loop (clases 7 y 8)
2 ejercicios
Página de prueba WebMCP, formulario legible, loop programado.
Ver la claseAntes de medir, saber qué vale la pena hacer.
Requiere el triaje. El mapa muestra los ejercicios de la clase 3; el plan de abajo los lista todos.
Requiere la medición: corregir sin línea base no muestra efecto.
Requiere el resto. De aquí en adelante, el loop mensual mide todo.
Separar, medir, corregir y preparar. Sube de nivel solo cuando el "listo cuando" del anterior sea verdad.
Después de este curso viene el 5: agentes en la terminal haciendo lo repetitivo, con compuertas.
Elige la fecha de inicio y cuánto tiempo tienes por semana. El plan respeta los ejercicios que piden días de espera.