Navigazione Agentica: Come Passare il Controllo di PageSpeed Insights

Riassunto: Google ha introdotto una nuova categoria in PageSpeed Insights: la Navigazione Agentica, che valuta quanto il tuo sito sia pronto per essere navigato da agenti AI come ChatGPT e Claude. In questo articolo ti spiego i tre controlli fondamentali da superare: albero di accessibilità ben formato con esempi pratici di aria-label, Cumulative Layout Shift pari a zero con tecniche per stabilizzare la pagina, e il file llms.txt con istruzioni su cosa includere e perché è utile per gli agenti. Includo anche un accenno a WebMCP, il protocollo emergente che però non è ancora una priorità, e una checklist finale per verificare la conformità.

Google ha introdotto una nuova categoria in PageSpeed Insights: la Navigazione Agentica. Non è un punteggio classico, ma un insieme di controlli che valutano quanto il tuo sito sia pronto per gli agenti AI.

Se hai aperto PageSpeed Insights di recente, potresti aver notato una nuova sezione: “Navigazione agentica” (Agentic Browsing). A differenza delle altre categorie, non ha un punteggio da 0 a 100, ma mostra un rapporto di controlli superati (es. 3/3).

Nota: La categoria è sperimentale e basata su standard proposti. Richiede Chrome 150+.

In questo articolo ti spiego i 3 controlli fondamentali che ho superato sul mio blog.

---

1. Albero di Accessibilità Ben Formato

L’albero di accessibilità è il modello dati principale per gli agenti AI. Se è mal formato, l’agente non capisce la struttura della pagina.

Cosa controlla Lighthouse

• Ogni elemento interattivo deve avere un nome — bottoni, link, input con testo visibile o `aria-label`
• Ruoli e relazioni padre-figlio validi — gerarchia HTML corretta
• Contenuti non nascosti all’albero di accessibilità

Cosa ho fatto io

Ho risolto l’errore “I pulsanti devono avere un testo riconoscibile” sul pulsante cambio lingua (icona Globo). Ecco il prima e dopo:

<!-- PRIMA: nessun testo visibile -->
<button><GlobeIcon /></button>

<!-- DOPO: con aria-label -->
<button aria-label="Cambia lingua"><GlobeIcon /></button>

Nota: Il blocco ```html indica un blocco di codice HTML formattato per essere leggibile. Non fa parte del sito, è solo un esempio visivo.

Prompt per Vibe Coding

Assicurati che ogni bottone, link e input abbia un aria-label o testo visibile.
Gli elementi icona devono avere aria-label per agenti AI e screen reader.

---

2. CLS = 0

Il Cumulative Layout Shift misura la stabilità visiva. CLS = 0 significa nessuno spostamento durante il caricamento.

Perché è importante per gli agenti

Gli agenti identificano gli elementi per posizione. Se un elemento si sposta, l’interazione fallisce. Cause comuni:

• Annunci che spingono il contenuto
• Immagini senza dimensioni esplicite
• Font caricati in ritardo

Come ottenere CLS = 0

img, video, iframe { width: 100%; height: auto; aspect-ratio: auto; }
.ads-container { min-height: 250px; }
html { font-display: swap; }

Prompt per l’IA

Ottimizza per CLS = 0: width/height su ogni immagine, spazio riservato
per contenuti dinamici, font-display: swap.

---

3. File llms.txt

llms.txt è uno standard emergente (proposto da answer.ai) che dà agli agenti AI un riepilogo del tuo sito in formato markdown, posizionato alla root (/llms.txt).

Esempio di llms.txt

Crea un file chiamato llms.txt nella root del tuo sito (/llms.txt) con questo formato:

# Nome del tuo sito

> Breve descrizione del sito.

## Pagine Principali

- [Titolo pagina](https://tuodominio.com/pagina)
- [Altro titolo](https://tuodominio.com/altro)

Sostituisci i dati con i tuoi contenuti e link reali.

Perché è utile

Dice a ChatGPT, Claude, Gemini “ecco cosa trovi qui” senza scansionare tutto il sito. Aggiornalo a ogni nuovo contenuto.

---

WebMCP: Il Futuro

WebMCP è un protocollo emergente per esporre strumenti AI ai siti web. Al momento è sperimentale e disponibile solo tramite origin trial (sperimentazione Chrome) su Chrome 150+.

Per ora non è una priorità. I 3 controlli sopra sono ciò che conta oggi. Quando WebMCP diventerà uno standard, farò un approfondimento dedicato.

---

---

Domande Frequenti

Cos’è la Navigazione Agentica in PageSpeed Insights?

È una nuova categoria sperimentale di Lighthouse che valuta quanto un sito sia pronto per essere navigato da agenti AI. A differenza delle altre categorie, non produce un punteggio da 0 a 100 ma un rapporto di controlli superati (es. 3/3). I test sono deterministici e riproducibili in pipeline CI/CD.

llms.txt è obbligatorio per la Navigazione Agentica?

Sì, è uno dei tre controlli fondamentali. Il file llms.txt, posizionato nella root del dominio, fornisce agli agenti AI un riepilogo strutturato del sito. Senza di esso, gli agenti devono scansionare l’intero sito per capirne il contenuto, con tempi e costi maggiori.

WebMCP è già da implementare?

Non ancora. WebMCP è ancora sperimentale e disponibile solo tramite origin trial su Chrome 150+. Al momento conviene concentrarsi sui tre controlli già attivi: albero di accessibilità, CLS = 0 e llms.txt. Quando WebMCP diventerà uno standard, seguirà un aggiornamento.

Checklist Finale

• Albero di accessibilità : ogni elemento interattivo ha un nome
• CLS = 0 : dimensioni esplicite su immagini e contenuti
• llms.txt : file nella root del dominio
• WebMCP : da valutare in futuro

Se vuoi approfondire la SEO tecnica, leggi la mia Guida alla SEO Tecnica per il Vibe Coding.