Come far leggere a ChatGPT il tuo sito Bolt
Con Bolt hai un sito in pochi minuti. Ma se è un'app React disegnata nel browser, i crawler di ChatGPT, Grok, Claude e Perplexity trovano una pagina bianca.
Disegnato con JavaScript: l’IA di solito riceve una pagina vuota.
Perché succede
Bolt imposta spesso i progetti con Vite e React come app a pagina singola: l'HTML inviato dal server contiene solo il contenitore e gli script.
I crawler degli assistenti di IA in genere non eseguono JavaScript. Leggono l'HTML che arriva e se ne vanno.
Se il tuo progetto Bolt usa un framework con rendering lato server (Next.js, Astro, Remix), il problema potrebbe non esserci. Conviene misurare prima di toccare qualcosa.
Come sistemarlo
Misura cosa riceve l'IA
Analizza il sito con Tarsier e guarda il confronto: ciò che vede una persona e ciò che arriva a un crawler.
Chiedi il prerendering
Incolla in Bolt il prompt qui sotto. Genera l'HTML di ogni rotta pubblica nel build senza toccare il design.
Metadati per pagina
Titolo e descrizione propri per ogni rotta, e JSON-LD di schema.org in home.
Apri la porta ai bot
Un robots.txt che consenta GPTBot, ClaudeBot e PerplexityBot, e una sitemap.xml completa.
Pubblica e misura di nuovo
Se ospiti su Netlify o simili, verifica che vengano serviti gli HTML prerenderizzati e non sempre lo stesso index.html.
Il prompt da incollare in Bolt
Il mio sito è un'applicazione a pagina singola (React + Vite) e l'HTML servito è quasi vuoto: i crawler di IA (GPTBot, ClaudeBot, PerplexityBot) non eseguono JavaScript e non vedono il contenuto. Voglio che ogni pagina pubblica venga servita già renderizzata nell'HTML, senza cambiare il design: 1. Aggiungi il prerendering al build (per esempio vite-plugin-prerender o un passaggio SSG) per tutte le rotte pubbliche, così che ogni rotta generi il proprio index.html con testi, titoli e link dentro. 2. Dai a ogni pagina il suo <title> e la sua <meta name="description">, e aggiungi in home un blocco JSON-LD di schema.org (Organization o LocalBusiness, più Product o Offer se vendo qualcosa). 3. Crea public/robots.txt che consenta GPTBot, ClaudeBot, PerplexityBot, OAI-SearchBot e Google-Extended, con la riga Sitemap. 4. Genera public/sitemap.xml con tutte le rotte pubbliche. 5. Controlla con curl che l'HTML di ogni rotta contenga il testo principale prima che carichi qualsiasi script. Non toccare la logica dell'app né il design. Alla fine dimmi quali rotte vengono prerenderizzate.
Copialo così com’è. Se l’analisi trova altri problemi, il report completo include un prompt scritto per il tuo sito.
Domande frequenti
E se il mio progetto Bolt è Next.js?
Allora probabilmente è già renderizzato lato server. Le parti con "use client" che caricano i dati dopo possono comunque restare fuori: l'analisi ti dice quali.
Il prerendering rompe qualcosa?
Non dovrebbe: l'app parte allo stesso modo nel browser. Cambia solo che il primo HTML contiene già il contenuto.