Base: como os agentes usam um site hoje|INEMA.CLUB-PRO

Aula 8 · 20 min

O plano do seu site para agentes

Você já rodou os três jeitos, leu a árvore, consertou o HTML, situou MCP e WebMCP, leu o estado com data, conferiu quem chega e passou o scanner. Agora junta tudo num plano de uma página, com datas, e confere que ficou completo. É esse plano que você leva para os próximos cursos da formação.

Começar a aula
Mesa escura vista de cima com um caderno aberto numa lista de verificação desenhada à mão, um calendário de papel e um notebook.

Nesta aula você vai

  1. 1O mapa do curso em quatro degraus
  2. 2O plano com datas, gerado aqui
  3. 3O conferir-plano.py: sete seções, nenhum marcador
  4. 4Qual curso da formação vem depois

Objetivo: montar o plano do seu site para agentes com as saídas das aulas 1 a 7 e conferir que ficou completo.

01O mapa do curso

Quatro degraus, os exercícios de cada um e o que cada degrau entrega. Clique num exercício para ver o "pronto quando".

Dia 1Ver

aulas 1 e 2

3 exercícios

As três linhas do seu site e o número de problemas da árvore.

Ver a aula
Dia 2Consertar

aula 3

3 exercícios

A cópia zerada e um conserto no seu site.

Ver a aula
Dia 3Situar

aulas 4 a 6

2 exercícios

Anotação datada do WebMCP e o robots.txt lido por finalidade.

Ver a aula
Dia 4Diagnosticar

aula 7

3 exercícios

O relatório do scanner e as três primeiras correções.

Ver a aula
Ao final do cursoUm plano de uma página do seu site para agentes, com datas e com o próximo curso escolhido.
11 exercícios
Clique num exercício para ver o que fazer e o "pronto quando".
  1. 1/5

    Ver

    Kit instalado, os três jeitos contra o exemplo e contra o seu site, e a árvore de acessibilidade que o agente recebe.

  2. 2/5

    Consertar

    Requer o degrau 1. Rótulo, botão, regiões, idioma, alt e status até o arvore.mjs dar zero.

  3. 3/5

    Situar

    MCP × WebMCP com detecção e fallback, o estado lido nas fontes com data e quem chega ao site.

  4. 4/5

    Diagnosticar

    Scanner local com versão fixada, no exemplo e no seu site, lido como diagnóstico.

  5. 5/5

    O curso inteiro

    Ver, consertar, situar e diagnosticar. Cada degrau tem exercícios com saída esperada; o plano junta as saídas.

Ordem sugerida: cada degrau usa a página ou a anotação do anterior.

02Gere o seu plano com datas

Escolha a data de início e quanto tempo você tem por semana.

03O plano do seu site e o conferidor

Sete seções, uma por assunto do curso. O conferir-plano.py acusa seção faltando, vazia ou com <…> sobrando, e exige pelo menos uma data. O kit traz o plano preenchido da oficina de exemplo.

Arquivo · kit/plano-modelo.md
# Plano do meu site para agentes

## Site e data
Site: <endereço do site>
Data do diagnóstico: <dd/mm/aaaa>

## Como os agentes usam o site hoje
<saída do tres-jeitos.mjs na página mais importante: o que deu certo em ler, operar e chamar>

## O que o agente enxerga
Problemas do arvore.mjs antes: <número> · depois das correções: <número>
<as correções feitas: rótulos, botão de verdade, main, h1, lang, alt>

## Quem pode entrar
<saída do robots.py: busca, ação do usuário e treino, e a decisão anotada>

## Readiness
Nota: <nota> em <dd/mm/aaaa> (diagnóstico, não ranking)
<as três falhas ou avisos que vou tratar primeiro e por quê>

## WebMCP
Estado lido em <dd/mm/aaaa>: spec de <data>, <navegadores com origin trial>
Decisão: <esperar | laboratório no curso 2 | já registro ferramentas com detecção e fallback>

## Próximos passos
<o próximo curso da formação e a data em que vou rever este plano>
Terminal · modelo vazio e exemplo preenchido
cd ~/projetos/formacao-webmcp-base-v72/kit
python3 conferir-plano.py plano-modelo.md; echo "saída: $?"
python3 conferir-plano.py exemplo-plano.md; echo "saída: $?"
Modelo · o seu plano
cp ~/projetos/formacao-webmcp-base-v72/kit/plano-modelo.md ~/meu-plano.md
# preencha ~/meu-plano.md com as saídas das aulas 1 a 7
python3 ~/projetos/formacao-webmcp-base-v72/kit/conferir-plano.py ~/meu-plano.md; echo "saída: $?"
Exemplo do repositório
  ainda tem <marcador> em: Site e data
  ainda tem <marcador> em: Como os agentes usam o site hoje
  ainda tem <marcador> em: O que o agente enxerga
  ainda tem <marcador> em: Quem pode entrar
  ainda tem <marcador> em: Readiness
  ainda tem <marcador> em: WebMCP
  ainda tem <marcador> em: Próximos passos
  nenhuma data dd/mm/aaaa no plano
0/7 seções preenchidas · data: nenhuma
saída: 1
7/7 seções preenchidas · data: 19/10/2026
saída: 0

O modelo vazio falha nas sete seções, de propósito: é o critério antes do trabalho. O exemplo da oficina passa com 7/7 e a data do diagnóstico.

04Prática

O plano completo e o próximo curso.

E1 · O plano do seu site

30 min

Copie o modelo para ~/meu-plano.md e preencha cada seção com as saídas que você anotou nas aulas 1 a 7. Use kit/exemplo-plano.md como referência de tamanho.

Pronto quando: python3 conferir-plano.py ~/meu-plano.md → 7/7 seções preenchidas com uma data e saída: 0.

E2 · O próximo curso e a data de revisão

5 min

Na seção "Próximos passos", escolha o curso seguinte: o 1 se o seu serviço tem API e você quer um servidor MCP; o 2 se a ação vive na página. Marque a data em que vai rodar o estado.sh de novo.

Pronto quando: a seção "Próximos passos" do plano cita um curso da formação e uma data dd/mm/aaaa de revisão.

05Teste final

Quatro perguntas sobre o curso inteiro.

Pergunta 1 de 4

Qual destes itens é base estável para preparar um site para agentes em out/2026?competência

06O curso em três frases

Veja como o agente vêTrês jeitos, a árvore de acessibilidade e o seu HTML.
Separe base de laboratórioHTML e MCP são estáveis; WebMCP é rascunho com data.
Plano, não notaDiagnóstico com data, falhas por prioridade e o próximo curso.

Continue por aqui

Próximo: curso 1 · servidor MCP do seu serviçoCurso 2 · WebMCP no seu siteÁrea WebMCPKit do curso: plano-modelo.md e conferir-plano.py
Aula anteriorVoltar ao início do curso