Come far leggere a ChatGPT il tuo sito Lovable
Il tuo sito Lovable è perfetto nel browser. Ma GPTBot, ClaudeBot e PerplexityBot non eseguono JavaScript e ricevono un HTML con un div vuoto. Per loro, il tuo sito non dice nulla.
Disegnato con JavaScript: l’IA di solito riceve una pagina vuota.
Perché succede
Lovable genera applicazioni a pagina singola con React e Vite. Il server manda un HTML minimo ed è il browser, eseguendo il JavaScript, a disegnare testi, prezzi e link.
Google esegue JavaScript, con ritardo, ma i crawler degli assistenti di IA in genere no. Tengono l'HTML così come arriva, e lì non c'è niente da citare.
Per questo un sito Lovable può comparire su Google ed essere comunque invisibile quando qualcuno chiede a ChatGPT di quello che vendi.
Come sistemarlo
Verificalo
Analizza il tuo sito con Tarsier: confronta ciò che vede una persona con ciò che riceve un crawler di IA e ti dice quanta parte del testo si perde.
Prerenderizza le pagine pubbliche
Chiedi a Lovable di generare l'HTML di ogni rotta pubblica nel build. Il design non cambia: il testo arriva già dentro l'HTML.
Titoli, descrizioni e dati strutturati
Ogni pagina ha bisogno del suo <title> e della sua meta description, e la home di un blocco JSON-LD che dica chi sei e cosa vendi.
robots.txt e sitemap
Un robots.txt che lasci entrare i bot di IA e una sitemap.xml con tutte le rotte, entrambi nella cartella public.
Misura di nuovo
Pubblica e analizza di nuovo. La parità tra ciò che vede una persona e ciò che riceve l'IA dovrebbe avvicinarsi al 100%.
Il prompt da incollare in Lovable
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
Google vede il mio sito Lovable?
Di solito sì, perché Google esegue JavaScript, anche se indicizza più lentamente. Gli assistenti di IA sono un'altra cosa: la maggior parte dei loro crawler legge solo l'HTML.
Devo lasciare Lovable?
No. Il prerendering si aggiunge al progetto che hai già; continui a modificare in Lovable come sempre.
Quanto ci vuole perché si noti?
Ciò che riceve un crawler cambia appena pubblichi. Quando un assistente inizierà a citarti dipende da quando ripassa: giorni o settimane.