Come far leggere a ChatGPT il tuo sito creato con v0
v0 genera progetti Next.js che di base possono servire HTML già renderizzato. Il problema nasce quando il contenuto importante vive in componenti client che lo caricano dopo.
Dipende da come è costruito o da un’impostazione.
Perché succede
In Next.js i componenti server arrivano con il testo nell'HTML. Anche quelli con "use client" vengono renderizzati sul server la prima volta, tranne ciò che caricano con effetti o richieste dal browser.
Se prezzi, testi o schede vengono richiesti dal browser, il crawler di IA riceve lo scheletro senza dati.
Un sito v0 può quindi essere quasi perfetto o quasi vuoto per l'IA, a seconda di come è costruita ogni pagina.
Come sistemarlo
Analizza il sito online
Tarsier confronta ciò che vede una persona con ciò che riceve un crawler e indica quali blocchi si perdono.
Carica i dati sul server
Sposta le richieste di dati dagli effetti client ai componenti server o al caricamento della pagina.
Metadati con l'API di Next
Usa generateMetadata per titolo e descrizione di ogni pagina e aggiungi JSON-LD in home.
robots.txt e sitemap
Next ha app/robots.ts e app/sitemap.ts: lascia entrare i bot di IA ed elenca tutte le rotte.
Il prompt da incollare in v0
Il mio sito è un progetto Next.js generato con v0. Voglio che tutto il contenuto pubblico arrivi già renderizzato nell'HTML per i crawler di IA, che non eseguono JavaScript. 1. Rivedi le pagine pubbliche e sposta nei componenti server qualsiasi caricamento di dati che oggi avviene nel browser (useEffect, SWR, fetch in componenti "use client") per testi, prezzi, prodotti o FAQ. 2. Lascia sul client solo le parti interattive (carrello, filtri, moduli). 3. Aggiungi generateMetadata con titolo e descrizione propri in ogni pagina, e JSON-LD di schema.org in home. 4. Crea app/robots.ts che consenta GPTBot, ClaudeBot, PerplexityBot, OAI-SearchBot e Google-Extended, e app/sitemap.ts con tutte le rotte pubbliche. Non cambiare il design. Alla fine dimmi quali pagine caricavano dati nel client e cosa hai spostato.
Copialo così com’è. Se l’analisi trova altri problemi, il report completo include un prompt scritto per il tuo sito.
Domande frequenti
Next.js non renderizza già sul server?
Sì, ma solo ciò che ha al momento del rendering. Quello che viene richiesto dopo dal browser arriva troppo tardi per un crawler senza JavaScript.
Devo pubblicarlo su Vercel?
Non per forza, ma serve un hosting che esegua Next.js con il suo server. Se lo esporti come statico, verifica che le pagine escano con il contenuto.