Base: cómo usan los agentes un sitio hoy|INEMA.CLUB-PRO

Formación WebMCP · curso 0 de 6 · 8 clases

Base: cómo usan los agentes un sitio hoy y qué les muestra el tuyo

Leer, operar la pantalla y llamar a una tool: las tres formas en que un agente puede usar tu sitio. Ves el árbol de accesibilidad que recibe, arreglas el HTML, ubicas MCP y WebMCP, lees el estado del borrador con fecha y sales con el diagnóstico de tu sitio. Todo local, sin gastar cuota.

Empezar por la clase 1 Ver el Área WebMCP
Monitor oscuro con un navegador abierto en un formulario y un cable conectado a un conector al lado.
  • 8clases
  • 21ejercicios con salida esperada
  • 7scripts en el kit, todos locales
  • 0llamadas a un modelo

Las clases

De lo que hace hoy el agente al plan de tu sitio: tres formas, el árbol, el HTML, MCP y WebMCP, estable × borrador, quién llega, el diagnóstico y el plan.

  1. Clase 1 · 15 minTres formas en que un agente usa tu sitio: leer, operar la pantalla, llamar a una toolCuando un agente de IA llega a tu sitio, hace una de tres cosas: lee el HTML, opera la pantalla como una persona o llama a una tool que el sitio declaró. En esta clase ejecutas las tres contra una página de ejemplo y contra un sitio real, y ves cuál funciona en cada caso.
  2. Clase 2 · 15 minLo que el agente ve: árbol de accesibilidad × captura de pantallaTú ves colores, un botón amarillo y un campo de fecha. Un agente de navegador como Playwright MCP recibe otra cosa: una lista de roles y nombres, el árbol de accesibilidad. En esta clase imprimes ese árbol de la página de ejemplo, lo comparas con la captura de pantalla y aprendes a leer lo que falta.
  3. Clase 3 · 20 minHTML semántico y formulario bien etiquetado: la interfaz que todo agente ya leeAntes de cualquier herramienta para agentes, existe una interfaz que todos ellos ya leen: el HTML. Etiqueta ligada al campo, botón de verdad, región principal, título, idioma y texto alternativo. Es estable, sirve para el lector de pantalla y para el agente, y no depende de un navegador experimental. En esta clase arreglas la página de ejemplo hasta dejar la verificación en cero.
  4. Clase 4 · 15 minMCP y WebMCP en una figura: servidor × página, quién llama a quiénLos dos nombres parecen lo mismo y no lo son. MCP conecta un agente con un servidor tuyo, fuera del navegador, y es estable. WebMCP deja que la propia página declare tools (herramientas) para el agente que está en el navegador, y es un borrador. En esta lección separas los dos en una figura y ejecutas la detección de funcionalidad que mantiene el sitio funcionando sin la API.
  5. Clase 5 · 15 minEstable × borrador: leer la spec, el Chrome Status y las posiciones de los navegadores con fechaWebMCP ya cambió de nombre una vez y puede cambiar de nuevo antes del fin del origin trial. Quien enseña o implementa necesita saber, con fecha, qué está escrito en la spec, en qué navegador funciona y quién está en contra. En esta clase lees eso directamente en las fuentes primarias con un script, y aprendes a separar lo que es base de lo que es laboratorio.
  6. Clase 6 · 15 minQuién está llegando: bots por finalidad y agentes firmados (el concepto)No todo bot de IA que visita tu sitio hace lo mismo: unos indexan para la búsqueda, otros leen a pedido de una persona, otros recolectan para entrenamiento. El robots.txt pide por finalidad, pero no prueba quién es quién. En esta clase lees tu robots.txt por finalidad y entiendes qué propone el borrador Web Bot Auth para identificar al agente.
  7. Clase 7 · 20 minEl diagnóstico de WebMCP Readiness: ejecutarlo y leerlo sin caer en el "nota alta = ranking"WebMCP Readiness es el scanner abierto de INEMA: abre la página en un navegador aislado, solo lee, y devuelve una nota en cuatro categorías. En esta clase ejecutas el scanner en tu máquina, con versión fijada, contra la página de ejemplo y contra tu sitio, y aprendes a leer el resultado como diagnóstico, no como promesa de ranking.
  8. Clase 8 · 20 minEl plan de tu sitio para agentesYa ejecutaste los tres modos, leíste el árbol, arreglaste el HTML, ubicaste MCP y WebMCP, leíste el estado con fecha, revisaste quién llega y pasaste el scanner. Ahora juntas todo en un plan de una página, con fechas, y confirmas que quedó completo. Ese es el plan que llevas a los próximos cursos de la formación.

Para quién es

  1. 1Dev web, maker o responsable técnico de un sitio que edita HTML y JavaScript y ejecuta comandos en la terminal.
  2. 2Quien quiere que los agentes de IA usen su sitio, en el navegador y por MCP, y nunca ha trabajado con eso.
  3. 3Quien oyó hablar de WebMCP y quiere saber qué es estable y qué sigue siendo borrador.

Qué sabrás hacer al terminar

  1. 1Ejecutar contra tu página las tres formas en que un agente usa un sitio y ver cuál funciona.
  2. 2Leer el árbol de accesibilidad que recibe el agente y dejar en cero los problemas del HTML.
  3. 3Decir, con fecha y fuente, en qué punto están WebMCP y las posiciones de los navegadores.
  4. 4Ejecutar WebMCP Readiness en tu máquina y armar el plan de tu sitio para agentes.

Dónde encaja este curso en la Formación WebMCP

  1. 1Es el curso 0: la base de los otros cinco. Orden sugerido: 0 → 1 → 2 → 3 → 4 → 5.
  2. 2Después de este: 1 · servidor MCP de tu servicio, 2 · WebMCP en la página, 3 · agentes de navegador, 4 · seguridad, 5 · experto.
  3. 3Antes de empezar: Node 20 o más reciente, git y Python 3. Linux o macOS; en Windows, usa WSL.
  4. 4El kit, la página de ejemplo y los mensajes de los scripts están en portugués en todas las versiones del curso; los comandos son los mismos.