La actualización más radical de Lovable
Lovable y el SEO siempre han estado reñidos. Hasta ahora.
Si me conoces, sabes que a cualquier persona que me preguntaba si podía hacer la web de su negocio con Lovable, siempre le respondía: ni en pintura. No porque fuese una mala herramienta sino porque, a ojos de los robots de Google (o LLMs), los proyectos que allí construías estaban vacíos.
Hablo en pasado porque esto acaba de cambiar.
Hola, soy Pol Marzà, AI Product Builder y cada semana escribo una nueva edición de Con Criterio, la newsletter sobre construir productos digitales con IA, con planificación, método y sin atajos. Si te han reenviado este email, puedes suscribirte aquí:
Para entender qué ha pasado, primero necesitas saber por qué estaba roto.
Cuando visitas una web, tu navegador recibe un documento HTML y lo muestra. Pero hay dos formas de generar ese documento:
SSR (Server-Side Rendering): el servidor te lo manda ya construido, con todo el contenido dentro.
SPA (Single Page Application): el servidor te manda un esqueleto casi vacío y un montón de JavaScript que se ejecuta en tu navegador para construir la página.
Tú, como usuario, no notas la diferencia. Ves el título, el texto, las imágenes. Todo normal. El problema es que los robots no funcionan como tú.
Cuando Google rastrea una web, manda un programa que descarga el HTML inicial y lo lee tal cual. En una web construida con Lovable, ese HTML inicial era básicamente un <div> vacío (era una SPA). El contenido real lo generaba React después, en tu navegador, pero para cuando eso ocurría el robot ya se había ido. Lo mismo le pasaba a ChatGPT, a Perplexity, a cualquier herramienta que intentase leer el contenido de tu app a partir de su URL.
Llevaba meses señalando esto en LinkedIn cada vez que el tema salía. Si necesitabas posicionamiento, recomendaba Astro, Next.js, o trabajar directamente con Claude Code. Herramientas que generan el HTML completo en el servidor (SSR) antes de mandártelo, para que cuando llegue el robot encuentre algo que leer.
Lovable acaba de hacer exactamente eso. Los proyectos nuevos se construyen sobre TanStack Start, un framework con renderizado en el servidor nativo. Las páginas llegan al navegador ya completas. Google las puede leer desde el primer momento. ChatGPT también. Y los proyectos existentes reciben automáticamente un sistema de snapshots estáticos que hace accesible el contenido a los crawlers sin que tengas que migrar nada ni tocar ningún ajuste.
Es un cambio técnico, sí. Pero lo que representa va más allá de la técnica. Lovable lleva tiempo siendo la herramienta favorita para construir prototipos rápidos, pero con este movimiento está diciendo que quiere ser algo más: una plataforma desde la que lanzar productos reales, que compitan, que el mundo pueda encontrar.
Si este post te resulta útil, ¿qué te parece si lo compartes? 😜
Hoy el post ha sido algo más cortito, con un par de enlaces a las definiciones de SSR y SPA en nexy.ai y otros enlaces a las webs de frameworks. ¿Qué te parece este formato? Déjame tu opinión en los comentarios :)
Por cierto, el próximo jueves 28 de mayo estaré en Valencia dando una charla con los compañeros de Product Beers Valencia. Explicaré como ha sido mi camino de AI CODING, desde mis inicios con ChatGPT en noviembre de 2022 hasta Claude Code. Hablaré de la mentalidad maker más que de las herramientas, explicaré mi experiencia construyendo, desde los proyectos Frankenstein hasta el SDD.
Si estás por Valencia, ¡apúntate que las reservas están volando!