Cómo hacer que ChatGPT lea tu web hecha con v0
v0 genera proyectos de Next.js, que de serie pueden servir el HTML ya pintado. El problema aparece cuando el contenido importante vive en componentes de cliente que lo cargan después.
Depende de cómo esté montada o de un ajuste.
Por qué pasa
En Next.js, los componentes de servidor llegan con su texto dentro del HTML. Los marcados con «use client» también se renderizan en el servidor la primera vez, salvo lo que cargan con efectos o peticiones en el navegador.
Si tus precios, tus textos o tus fichas se piden con fetch desde el navegador, el rastreador de IA recibe el esqueleto sin datos.
Por eso una web de v0 puede estar casi perfecta o casi vacía para la IA, según cómo se haya montado cada página.
Cómo arreglarlo
Analiza la web publicada
Tarsier compara lo que ve una persona con lo que recibe un rastreador y señala qué bloques se pierden.
Carga los datos en el servidor
Mueve las peticiones de datos de los efectos del cliente a componentes de servidor o a la carga de la página.
Metadatos con la API de Next
Usa generateMetadata para el título y la descripción de cada página, y añade JSON-LD en la portada.
robots.txt y sitemap
Next tiene app/robots.ts y app/sitemap.ts: deja entrar a los bots de IA y lista todas las rutas.
El prompt para pegar en v0
Mi web es un proyecto de Next.js generado con v0. Quiero que todo el contenido público llegue ya renderizado en el HTML para los rastreadores de IA, que no ejecutan JavaScript. 1. Revisa las páginas públicas y mueve a componentes de servidor cualquier carga de datos que hoy se haga en el navegador (useEffect, SWR, fetch en componentes "use client") para textos, precios, productos o FAQ. 2. Deja en el cliente solo lo interactivo (carrito, filtros, formularios). 3. Añade generateMetadata con título y descripción propios en cada página, y JSON-LD de schema.org en la portada. 4. Crea app/robots.ts que permita GPTBot, ClaudeBot, PerplexityBot, OAI-SearchBot y Google-Extended, y app/sitemap.ts con todas las rutas públicas. No cambies el diseño. Al acabar, dime qué páginas cargaban datos en el cliente y qué has movido.
Cópialo tal cual. Si el análisis encuentra más problemas, el informe completo trae un prompt escrito para tu web.
Preguntas frecuentes
¿Next.js no renderiza ya en el servidor?
Sí, pero solo lo que tiene al renderizar. Lo que se pide desde el navegador después llega tarde para un rastreador que no ejecuta JavaScript.
¿Tengo que publicarlo en Vercel?
No hace falta, pero sí en un sitio que ejecute Next.js con su servidor. Si lo exportas como estático, comprueba que las páginas salen con su contenido.