Un toolkit per sviluppatori per preparare il tuo sito web per gli agenti

Kasper Kulikowski

Michael Hablich

Data di pubblicazione: 22 giugno 2026

Man mano che gli agenti AI si evolvono dalla semplice generazione di testo alla navigazione, all'interazione e al completamento di attività complesse sul tuo sito web, gli sviluppatori hanno bisogno di strumenti dedicati per garantire un'esperienza di alta qualità per questi utenti non umani. La nuova categoria di navigazione con agenti di Lighthouse, insieme ai miglioramenti di Chrome DevTools, fornisce audit deterministici e un framework di test per aiutarti a creare siti web pronti per gli agenti.

Il passaggio al web agentico prevede due fasi principali: gli agenti che cercano sul web e gli agenti che utilizzano il web.

Quando gli agenti cercano solo siti web, si applicano ancora i principi dell'ottimizzazione per i motori di ricerca (SEO). In questo post del blog ci concentriamo sul lavoro che gli sviluppatori possono fare quando un agente interagisce direttamente con il sito web.

Controllare, migliorare ed eseguire il debug del tuo sito web pronto per l'agente

Affinché un agente AI possa completare in modo affidabile un flusso sul tuo sito, ad esempio prenotare un appuntamento o effettuare un ordine, ha bisogno di segnali prevedibili e leggibili dalla macchina. Ecco gli strumenti che ti aiuteranno a valutare e migliorare la preparazione.

Controllare che il tuo sito web sia pronto per l'utilizzo di agenti

La nuova categoria di navigazione agentica in Lighthouse è disponibile a partire dalla versione M150 e fornisce agli sviluppatori un insieme di controlli deterministici per valutare il livello di compatibilità dei loro siti web con gli agenti, incoraggiando l'adozione di nuovi standard di settore.

• Cosa verificano gli audit: gli audit si concentrano su tre aree chiave fondamentali per l'interazione con la macchina:

  • Accessibilità: l'accessibilità è pensata prima di tutto per gli esseri umani. Gli agenti si basano sull'albero di accessibilità, derivato dal DOM per le tecnologie per la disabilità, come modello di dati principale. L'audit di navigazione con agenti verifica un sottoinsieme di categorie dell'audit di accessibilità che sono fondamentali per l'interazione con la macchina. Ad esempio, entrambi gli audit verificano che ogni elemento interattivo abbia un nome programmatico. Un albero di accessibilità ben formato è il modo principale in cui gli agenti AI comprendono la tua pagina.
  • Stabilità: misura la stabilità visiva utilizzando Cumulative Layout Shift (CLS) per garantire che gli elementi non si spostino in modo imprevisto, evitando clic errati da parte dell'agente.
  • Integrazione WebMCP: verifica la disponibilità di strumenti WebMCP registrati, moduli WebMCP dichiarativi mancanti e validità dello schema. L'adozione di WebMCP aiuta gli agenti a esporre esplicitamente la logica e i moduli del tuo sito, rendendo l'interazione affidabile.

• Il punteggio: a differenza di altre categorie di Lighthouse, al momento della pubblicazione, Agentic Browsing è informativa e non sottoposta a benchmark. L'obiettivo è fornire indicatori azionabili (stato di superamento o mancato superamento e avvisi) anziché una classificazione definitiva.

Per saperne di più sui controlli specifici e su cosa puoi fare per migliorare, consulta la documentazione relativa ai controlli di navigazione degli agenti per Lighthouse.

Rendere le interazioni tra l'agente e il sito web più rapide e affidabili

WebMCP è uno standard proposto che mira a esporre gli strumenti di struttura agli agenti AI sui siti web esistenti, accelerando e semplificando le interazioni degli agenti. Per ulteriori informazioni sull'implementazione, consulta Informazioni su WebMCP.

Implementare le funzionalità più recenti utilizzando l'agente di programmazione che preferisci

Modern Web Guidance fornisce una raccolta di best practice e competenze per aiutare gli sviluppatori a creare siti web pronti per gli agenti. Include la skill webmcp, che ti consente di delegare l'implementazione degli strumenti WebMCP al tuo agente di codifica. Integrando Modern Web Guidance nel tuo flusso di lavoro di sviluppo, puoi assicurarti che la tua applicazione sia creata con standard moderni e compatibili con gli agenti fin dall'inizio. Per saperne di più, consulta la documentazione Modern Web Guidance.

Testare ed eseguire il debug del tuo sito web con Chrome DevTools per gli agenti

Per il debug approfondito e lo sviluppo iterativo, Chrome DevTools for Agents offre una persona di test unica. Ti consente di trasformare il tuo IDE o agente di programmazione assistito dall'AI in un agente di navigazione, offrendoti un elevato grado di controllo.

Con gli strumenti DevTools per gli agenti puoi:

• Simula l'interazione con l'agente:puoi simulare i passaggi esatti che un agente intraprenderebbe, "diventando l'utente" (o l'agente) per riprodurre gli errori e verificare che i flussi del tuo sito web siano deterministici.
• Richiamo diretto di Lighthouse:l'ambiente di test può richiamare direttamente lo strumento lighthouse_audit nella scheda attiva. che fornisce un controllo di integrità istantaneo e multicategoria in base allo stato attuale della pagina, consentendoti di verificare le correzioni in modo iterativo rispetto agli standard di Navigazione agentica.
• Registrazione dello schermo e debug:lo strumento offre funzionalità dettagliate di registrazione e registrazione dello schermo, in modo da poter vedere esattamente come l'agente percepisce e interagisce con la pagina. In questo modo vengono esposti alcuni segnali leggibili dalla macchina, come l'albero di accessibilità, che potrebbero confondere l'agente.

In questo modo, puoi garantire un'esperienza di alta qualità per gli utenti non umani prima del deployment.

Per saperne di più sulle funzionalità e sulla configurazione di Chrome DevTools per gli agenti, consulta il nostro repository GitHub.

La seguente configurazione di esempio di Chrome DevTools per gli agenti (~/.gemini/config/mcp_config.json per AntigravityCLI o configurata in Antigravity) si connette a Chrome Canary.

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "chrome-devtools-mcp@latest",
        "--autoConnect",
        "--categoryExperimentalWebmcp",
        "--channel=canary"
      ]
    }
  }
}

Utilizza la query di esempio: "Utilizzando Chrome DevTools MCP, vai su https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/ e crea una pizza con 10 funghi e 2 peperoni; assicurati di fornirmi un riepilogo di ciò che hai fatto e degli strumenti che hai chiamato".

Puoi anche utilizzare DevTools per gli agenti per eseguire l'audit Lighthouse di preparazione degli agenti:

"Voglio eseguire un controllo Lighthouse autonomo su https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname utilizzando Chrome DevTools MCP; forniscimi un riepilogo completo."

Passaggi successivi

Per contribuire e partecipare alla discussione, consulta il repository ufficiale di Lighthouse.

Per ulteriori informazioni su WebMCP, consulta la documentazione di WebMCP. Per saperne di più su Modern Web Guidance, consulta la documentazione di Modern Web Guidance. Per ulteriori informazioni sull'ottimizzazione del tuo sito web per l'AI generativa, consulta la pagina Ottimizza il tuo sito web per le funzionalità di AI generativa nella Ricerca Google.