SEO en Lovable y Base44: lo que un sitio hecho con IA no resuelve solo
Por Carlos Alberto Cardona B.· · revisada el 12 min de lectura
El SEO en Lovable y Base44 depende primero de una cosa: que Google reciba la página completa, haga lo que haga su constructor. Unos la entregan armada desde el servidor; otros, vacía, aunque usted vea el sitio terminado. Cuál es su caso lo dice el navegador; en Base44 y en apps antiguas de Lovable, la Inspección de URL.
Lo esencial
- Qué es
- Un sitio hecho con un constructor de IA se ve terminado en el navegador. Pero Google puede recibirlo como una página vacía si nada genera el HTML antes.
- Por qué le importa
- Si Google recibe la página vacía, todas sus páginas son para él la misma. No es que posicione mal: es que no tiene qué posicionar.
- Qué hacer hoy
- Abra «Ver código fuente» de su página y busque su titular. Si no está, confírmelo con la Inspección de URL antes de cambiar nada.
Lo aprendí con el primer sitio que medí, el de un familiar. En el navegador se veía completo, pero Google recibía de 24 a 35 palabras por página (Screaming Frog sin JavaScript, 18-jul-2026). Hoy lo cuento en el caso 1 del portafolio.
Si ya gastó créditos pidiéndole a su constructor que «mejore el SEO» y nada cambió, el problema no está en el prompt. Está en lo que Google recibe.
Cada punto de esta guía trae cómo comprobarlo en el suyo: con sus ojos, con una extensión del navegador o con un prompt. Sale de dos sitios en Base44 que especifiqué, medí y corregí con agentes de IA.
¿Todavía no la ha creado? Empiece por cómo crear una página web con IA.
¿Qué genera un constructor con IA?
Base44 y muchos constructores similares generan una aplicación en React. Es una sola página HTML casi vacía, más un programa en JavaScript que dibuja el contenido en el navegador. Es lo que se llama una aplicación de una sola página.
Google puede ejecutar JavaScript, pero en una segunda fase: la página espera en una cola hasta que sus recursos lo permiten. Su propia guía de JavaScript SEO dice que renderizar en el servidor o prerenderizar sigue siendo una gran idea. No todos los bots ejecutan JavaScript.
Lo que llega en el primer HTML es lo seguro; lo demás, una apuesta.
<title>Inicio</title><div id="root"></div>→ el título de la portada y un contenedor vacío, en TODAS las rutas

¿Qué reviso primero? Los cinco síntomas
Reviso primero lo que recibe Google, no lo que veo en la pantalla. Son cinco síntomas: el HTML vacío, direcciones inventadas que responden 200, redirecciones temporales, un sitemap que se contradice y títulos que no coinciden. El primero es el principal, y por él empiezo siempre.
HTML vacío para el rastreador: «Ver código fuente» muestra un contenedor sin texto. Es el síntoma principal y el que aborda la guía de JavaScript de Google.
Rutas inventadas que responden 200: pida una URL que no existe y mire el código. Si responde 200 con la portada, Google puede tratarla como un error blando (soft 404) o como un duplicado de la portada.
Redirecciones temporales donde deberían ser permanentes: Google consolida señales con un 301; un 302 le dice que la mudanza es provisional.
Sitemap que lista páginas noindex o que no existen: el sitemap solo debe traer URL indexables y canónicas. Uno que se contradice con el sitio es peor que no tenerlo.
Títulos definidos en tres sitios que no coinciden: el panel SEO de la plataforma, el código y la plantilla. Google ve el que llega en el HTML y, si no describe la página, arma el suyo con el H1 o con otros textos.
Y una trampa que no se ve en el navegador. Si el HTML que llega primero trae un noindex y la app lo quita al cargar, Google puede no enterarse nunca. Según su guía de JavaScript, cuando ve un noindex puede saltarse el paso de ejecutar el código.
Lo que cuenta es lo que dice «Ver código fuente», no lo que muestra la página.
Desde el navegador · 2 min
Qué recibe Google de su página
Por qué importa: Lo que usted ve en pantalla puede no estar en el código que Google recibe primero. Si el texto llega solo cuando el navegador arma la página, Google depende de un segundo paso para leerlo.
Es la diferencia entre un mueble armado y uno en caja. El armado se evalúa con verlo; el de caja, cuando alguien tenga tiempo de armarlo. Lo que trae el código fuente es el mueble armado.
Si el buscador recibe su contenido o una página vacía. Es la primera que hago en cualquier sitio, y la que más puede cambiar el diagnóstico entero. Por qué pasa tan a menudo en los sitios hechos con IA: qué genera de verdad un constructor con IA.
- 1.
Abra su sitio en el navegador.
- 2.
Clic derecho → «Ver código fuente de la página». Se abre una pestaña llena de texto: eso es lo que recibe Google antes de ejecutar nada.
- 3.
Pulse Ctrl+F (Cmd+F en Mac) y busque
<h1.
Lo que salga le dice en cuál de estos casos está.
Aparece su titular.
Google lo está recibiendo. Su página sí se está comunicando.
No aparece ningún
<h1>, y todo el código cabe en dos pantallas.Google recibe una página vacía. Usted ve una página terminada porque su navegador la arma al abrirla; el buscador no la arma.
Aparece un
<h1>, pero no es el suyo.Dice «Inicio», «Home», «Welcome» o el nombre de la plantilla. Google recibe una página: la de la plantilla, no la que usted escribió.
Pídaselo a su asistente de IA: el prompt para copiar
Ábralo en la barra lateral de su navegador (Claude, Gemini o ChatGPT), con su página abierta, y cambie lo que va entre corchetes. Las reglas del final hacen que cite lo que vio y que diga «no verificable» en vez de inventar.
Abra esta página: [dirección de su página].Dígame el H1, los H2 y el primer párrafo que ve.Le pego un fragmento de «Ver código fuente» de la misma página: [el texto desde «<h1» hasta «</h1>» y el párrafo que le sigue; o escriba «no apareció ningún <h1>»].Compare los dos y dígame si el texto que veo en pantalla está también en el código.Reglas de esta revisión:1. Cite entre comillas el texto exacto que encontró. No lo parafrasee.2. Si algo no se puede ver desde el navegador, escriba «no verificable desde el navegador». No suponga.3. Entregue una tabla: elemento · lo que encontró · bien / revisar / falta · por qué importa en una frase.4. No invente datos de tráfico, visitas ni posiciones. No prometa que algo subirá en Google.5. Si no puede abrir una dirección usted mismo, dígalo en la primera línea y trabaje solo con lo que le pegué. No describa una página que no vio.
Lo que esta comprobación NO demuestra: Esto mira una página, no el sitio, y el HTML de la primera respuesta. Google puede ejecutar el JavaScript después, en una segunda pasada con recursos limitados, y a veces lo hace.
Cuándo ya no es para hacerlo solo: en el código fuente no aparece su texto y su plataforma no tiene ninguna opción para cambiarlo. Le reviso el sitio gratis y se lo entrego por escrito.
Desde el navegador · 3 min
Lo mismo, pero pidiéndoselo a Google
Por qué importa: Si Google no logra ver el texto de su página, no tiene con qué mostrarla cuando alguien busca lo que usted vende. Muchos sitios hechos con IA arman el texto en el navegador, y Google tiene que hacer un paso extra para verlo.
Si Google logra ver su página después de armarla. La primera comprobación mira lo que llega antes; esta mira lo que Google consigue ver al final, con la herramienta del propio Google. Esa herramienta muestra dos versiones que no se mezclan: qué dice de verdad la Inspección de URL.
- 1.
En Search Console, abra la herramienta de inspección de URLs y pegue la dirección de su página.
- 2.
Pulse «Probar URL publicada» y espere el resultado.
- 3.
Abra «Ver página probada» y abra la pestaña «Captura de pantalla».
Lo que salga le dice en cuál de estos casos está.
La captura muestra su página, con su texto.
Google logra verla. Si además la primera comprobación encontró su titular en el código fuente, Google no depende de un segundo paso para leerla.
La captura sale en blanco, o solo con el menú.
Google no está viendo su contenido. Para el buscador, su página dice mucho menos de lo que usted cree.
La herramienta dice que la URL no está en Google.
Puede ser solo que todavía no la ha descubierto. Revise la comprobación del sitemap y la del noindex antes de concluir nada.
Pídaselo a su asistente de IA: el prompt para copiar
Ábralo en la barra lateral de su navegador (Claude, Gemini o ChatGPT), con su página abierta, y cambie lo que va entre corchetes. Las reglas del final hacen que cite lo que vio y que diga «no verificable» en vez de inventar.
Abra esta página: [dirección de su página].Dígame el H1 y el primer párrafo que ve.Le describo la captura que muestra Search Console en «Ver página probada»: [describa qué se ve, escriba «sale en blanco» o escriba «no tengo acceso a Search Console»].Compare las dos y dígame si Google está viendo lo mismo que yo.Reglas de esta revisión:1. Cite entre comillas el texto exacto que encontró. No lo parafrasee.2. Si algo no se puede ver desde el navegador, escriba «no verificable desde el navegador». No suponga.3. Entregue una tabla: elemento · lo que encontró · bien / revisar / falta · por qué importa en una frase.4. No invente datos de tráfico, visitas ni posiciones. No prometa que algo subirá en Google.5. Si no puede abrir una dirección usted mismo, dígalo en la primera línea y trabaje solo con lo que le pegué. No describa una página que no vio.
Para quien maneja su sitio: la versión de terminal
curl -s -A "Googlebot" https://su-sitio.com/ | wc -wcurl -s -o /dev/null -w "%{http_code}" https://su-sitio.com/no-existecurl -sI https://su-sitio.com/sitemap.xml
(Invoke-WebRequest -Uri "https://su-sitio.com/" -UserAgent "Googlebot").Content.Split().Count(Invoke-WebRequest -Uri "https://su-sitio.com/no-existe" -SkipHttpErrorCheck).StatusCode(Invoke-WebRequest -Uri "https://su-sitio.com/sitemap.xml" -Method Head).Headers
El primer comando cuenta las palabras que recibe Google: cientos en una página con texto, pocas decenas, casi todas etiquetas, en un contenedor vacío. El index.html vacío de este sitio dio 81 el 2-oct-2026; el segundo comando debe devolver 404, y su -SkipHttpErrorCheck pide PowerShell 7 o posterior. Hay dos variantes porque grep no existe en Windows y, en Windows PowerShell 5.1, curl es un alias de Invoke-WebRequest sin -s ni -A.
Lo que esta comprobación NO demuestra: La captura es la de una visita de prueba, hecha hoy: no garantiza que Google la vea igual en cada rastreo. Tampoco muestra el código de respuesta, que está en los encabezados HTTP de la información adicional de «Ver página probada». Si no sabe leerlos, la versión de terminal, plegada aquí para quien maneja su sitio, lo da en una línea.
Cuándo ya no es para hacerlo solo: la captura sale en blanco y su plataforma no ofrece ninguna opción para cambiar cómo sirve la página. Le reviso el sitio gratis y se lo entrego por escrito.
Desde el navegador · 1 min
Si su sitio responde un 404 real
Por qué importa: Si cualquier dirección inventada muestra su portada, Google puede guardar páginas que no existen y gastar su visita en ellas. Una página que no existe debe responder con el código 404, no con el 200 de «todo bien».
Un 404 real es el portero que dice «aquí no vive nadie». Si a cualquier dirección inventada le abre la sala principal, el cartero termina repartiendo cartas a casas que no existen.
Qué hace su sitio con una dirección inexistente: las plataformas que arman la página en el navegador suelen responder «todo bien» y mostrar la portada. Google puede tratarlo como un soft 404 (un falso «no encontrado») o como un duplicado de la portada. Si le pasa, vea cómo se corrige un sitio hecho con IA sin abandonar la plataforma.
- 1.
Escriba en la barra de direcciones su dominio seguido de algo inventado:
su-sitio.com/esto-no-existe-12345. - 2.
Mire qué sale en pantalla.
- 3.
Después, clic derecho → «Ver código fuente» y busque
<title: le dice qué página cree el servidor que le está dando.
Lo que salga le dice en cuál de estos casos está.
Sale una página que dice que no existe, con enlaces para volver.
Bien. Falta comprobar que además responda con el código 404. Eso no se ve en pantalla: lo muestra la pestaña Red de las herramientas de desarrollo (F12), en la columna «Estado», al recargar la página.
Sale su portada, con su contenido normal.
Su sitio está diciendo «esta página existe» de cualquier dirección que alguien escriba mal o enlace mal. Google puede indexar copias de su portada bajo direcciones que usted nunca creó.
Sale una pantalla en blanco o un error de la plataforma.
Nadie va a volver de ahí, y el buscador tampoco sabe qué hacer con eso.
Pídaselo a su asistente de IA: el prompt para copiar
Ábralo en la barra lateral de su navegador (Claude, Gemini o ChatGPT), con su página abierta, y cambie lo que va entre corchetes. Las reglas del final hacen que cite lo que vio y que diga «no verificable» en vez de inventar.
Abra esta dirección, que no existe a propósito: [su dominio]/esto-no-existe-12345.¿Qué ve: un aviso de página no encontrada, mi portada u otra página? Cite el título y el primer texto visible.Si la pestaña Red del navegador me mostró el código de respuesta, aquí está: [código, o escriba «no lo sé»].Reglas de esta revisión:1. Cite entre comillas el texto exacto que encontró. No lo parafrasee.2. Si algo no se puede ver desde el navegador, escriba «no verificable desde el navegador». No suponga.3. Entregue una tabla: elemento · lo que encontró · bien / revisar / falta · por qué importa en una frase.4. No invente datos de tráfico, visitas ni posiciones. No prometa que algo subirá en Google.5. Si no puede abrir una dirección usted mismo, dígalo en la primera línea y trabaje solo con lo que le pegué. No describa una página que no vio.
Lo que esta comprobación NO demuestra: Desde el navegador se ve la pantalla, no el código de respuesta. Una página que dice «no encontrada» y responde 200 sigue siendo un falso 404 para Google.
Cuándo ya no es para hacerlo solo: la dirección inventada muestra su portada y su plataforma no le deja configurar la página de error. Le reviso el sitio gratis y se lo entrego por escrito.
Desde el navegador · 3 min
Si una dirección vieja lleva a la nueva, en un solo salto
Por qué importa: Si cambió una dirección y la vieja no lleva a la nueva con una redirección permanente, Google no traslada a la nueva lo ya ganado. Y quien llegue por un enlace antiguo encuentra un error. Una mudanza bien hecha responde 301, de una vez, sin escalas.
Qué responde su sitio cuando alguien pide una dirección antigua o una variante: con o sin «www», con «http» o con barra final. Debe llevar a una sola versión, con un 301 y en un solo salto. En este mismo sitio, «http://» llegaba a la versión buena en dos saltos y «http://www», en tres (curl, 15 de septiembre de 2026).
- 1.
Instale la extensión gratuita Redirect Path, de Ayima, en Chrome.
- 2.
Escriba en la barra de direcciones cada variante de su portada: con «www», con «http://» y con una barra al final de una página interna. Si cambió alguna dirección, escriba también la vieja.
- 3.
Pulse el icono de la extensión: muestra cada salto con su código. Sin extensión: F12 → pestaña «Red», marque «Conservar registro» y recargue; la columna «Estado» da el mismo dato.
Lo que salga le dice en cuál de estos casos está.
Un solo salto, con 301 o 308, hasta la dirección que usa el resto del sitio.
Bien. Así Google sabe cuál es la buena y le pasa lo que tenía la vieja.
Hay un 302 o un 307.
Es una mudanza «temporal»: Google no la usa como señal de que la nueva sea la buena, y suele seguir mostrando la vieja. Si el cambio es definitivo, debe ser 301: es uno de los cinco síntomas que reviso primero en un sitio hecho con IA.
Dos o más saltos seguidos (por ejemplo http → https → sin www).
Funciona, pero cada salto es una escala más. Lo correcto es que cada variante vaya directa al destino final.
La dirección vieja da 404 o muestra la portada.
No hay mudanza: lo ganado por la vieja se pierde. Si muestra la portada, Google puede tratarla como un soft 404 (un falso «no encontrado»).
Pídaselo a su asistente de IA: el prompt para copiar
Ábralo en la barra lateral de su navegador (Claude, Gemini o ChatGPT), con su página abierta, y cambie lo que va entre corchetes. Las reglas del final hacen que cite lo que vio y que diga «no verificable» en vez de inventar.
Estas son las redirecciones que vi con la extensión Redirect Path (o en la pestaña Red): [para cada dirección: la que escribí → cada salto con su código → dónde terminó].Dígame, para cada una, cuántos saltos hubo, si alguno es temporal (302 o 307) y si el destino final es la versión que uso en el resto del sitio (con o sin www, con o sin barra final).Si un 307 solo cambia http por https en la misma dirección, no lo cuente como temporal: suele ser la memoria HSTS de Chrome, no mi servidor; dígamelo aparte.Use solo lo que le pegué; si falta un salto, dígalo.Reglas de esta revisión:1. Cite entre comillas el texto exacto que encontró. No lo parafrasee.2. Si algo no se puede ver desde el navegador, escriba «no verificable desde el navegador». No suponga.3. Entregue una tabla: elemento · lo que encontró · bien / revisar / falta · por qué importa en una frase.4. No invente datos de tráfico, visitas ni posiciones. No prometa que algo subirá en Google.5. Si no puede abrir una dirección usted mismo, dígalo en la primera línea y trabaje solo con lo que le pegué. No describa una página que no vio.
Lo que esta comprobación NO demuestra: Mira las direcciones que usted escribe, no todas las del sitio. Y la prueba en vivo de Search Console («Probar URL publicada») no sirve para esto. Según Google, sigue las redirecciones sin decir cuáles siguió ni mostrar la dirección final.
Cuándo ya no es para hacerlo solo: hay saltos temporales o cadenas de varios pasos y su plataforma no le deja configurar las redirecciones. Le reviso el sitio gratis y se lo entrego por escrito.
Desde el navegador · 3 min
Si Google puede seguir los enlaces de su menú
Por qué importa: Google llega a sus páginas siguiendo enlaces. Si el menú o los botones llevan a otra página sin ser un enlace de verdad, Google puede no llegar nunca a ellas. Lo mismo pasa si los enlaces solo aparecen cuando alguien abre un desplegable.
Si los caminos de su sitio están hechos para que un robot los recorra; Google solo sigue con seguridad los enlaces escritos como <a href>. Los botones que navegan con código o los enlaces que aparecen al abrir un menú pueden quedarse fuera. Me pasó aquí: hasta el 2 de octubre de 2026, el menú «Cómo le ayudo» armaba sus enlaces al abrirse, y Google no los recibía.
- 1.
Pase el cursor sobre cada opción del menú y de los botones: si es un enlace, el navegador muestra la dirección abajo a la izquierda.
- 2.
Clic derecho sobre cada uno: un enlace ofrece «Abrir enlace en una pestaña nueva»; un botón, no.
- 3.
Clic derecho → «Ver código fuente», Ctrl+F y busque la dirección de una página del menú, por ejemplo «/servicios». Si no aparece, el enlace no llega en la primera respuesta.
Lo que salga le dice en cuál de estos casos está.
Cada opción muestra su dirección y aparece en el código fuente.
Bien: Google puede seguir los caminos de su sitio desde el primer HTML. Lo siguiente es revisar los enlaces que van dentro del texto.
Muestra la dirección al pasar el cursor, pero no aparece en el código fuente.
El enlace existe solo después de armar la página, o al abrir el menú. Google depende de un segundo paso para verlo, y si va dentro de un desplegable puede no verlo nunca.
No muestra dirección ni ofrece abrir en pestaña nueva.
Es un botón que navega con código. Para usted es igual; Google no lo sigue con seguridad.
Pídaselo a su asistente de IA: el prompt para copiar
Ábralo en la barra lateral de su navegador (Claude, Gemini o ChatGPT), con su página abierta, y cambie lo que va entre corchetes. Las reglas del final hacen que cite lo que vio y que diga «no verificable» en vez de inventar.
Abra [dirección de su página].Liste cada elemento del menú, del pie y cada botón que lleve a otra página. Para cada uno diga si es un enlace con dirección de destino (cite la dirección) o un botón sin dirección.Le pego lo que encontré al buscar «href» en «Ver código fuente» de esa misma página: [pegue las líneas, o escriba «no las encontré»].¿Hay alguna página del menú que no aparezca como enlace en el código fuente?Reglas de esta revisión:1. Cite entre comillas el texto exacto que encontró. No lo parafrasee.2. Si algo no se puede ver desde el navegador, escriba «no verificable desde el navegador». No suponga.3. Entregue una tabla: elemento · lo que encontró · bien / revisar / falta · por qué importa en una frase.4. No invente datos de tráfico, visitas ni posiciones. No prometa que algo subirá en Google.5. Si no puede abrir una dirección usted mismo, dígalo en la primera línea y trabaje solo con lo que le pegué. No describa una página que no vio.
Lo que esta comprobación NO demuestra: Pasar el cursor y el clic derecho son buenas señales, no una prueba: lo que manda es cómo está escrito en el código. Y que Google pueda seguir un enlace no garantiza que guarde la página: eso lo dice el informe de indexación.
Cuándo ya no es para hacerlo solo: el código fuente no trae como enlace páginas importantes del menú, y su plataforma no deja cambiarlo. Le reviso el sitio gratis y se lo entrego por escrito.
¿Cómo se corrige sin abandonar la plataforma?
No hace falta reescribir el sitio ni salir de la plataforma. Hace falta que el HTML del primer byte traiga el contenido, y que delante del sitio haya algo que responda 404 y 301 de verdad. Son cuatro piezas, y ninguna le obliga a cambiar de constructor:
Prerender: en el build se genera un HTML por ruta con el texto real, los metadatos y los datos estructurados. Google lee la página sin ejecutar nada. Si un H1 no cuadra o se cuela código, el build falla.
Un Worker de Cloudflare (un pequeño programa delante del sitio) como dominio personalizado. Reescribe cada ruta a su HTML prerenderizado, devuelve 404 real a lo que no está en el manifiesto y hace las redirecciones 301. Cloudflare documenta el modo Custom Domain; en Base44 el dominio se conecta desde el panel y después se desenlaza para que lo sirva el Worker.
Una sola fuente de títulos y descripciones, en el código, y una comprobación automática que avisa si alguna copia se desvía.
Verificación en producción, identificándome como Googlebot, después de cada publicación. Lo que dice el panel no es evidencia; lo es la respuesta del servidor. Así lo hice en el caso de regresoempresarial.com.
Si no puede poner nada delante del sitio, Google acepta dos salidas para las direcciones que no existen en una app de una sola página. Una: que la app lleve esas direcciones a una página que responda 404 de verdad, por ejemplo /no-encontrada. Otra: que su página de error lleve una etiqueta noindex.
Las dos se le pueden pedir a su constructor con IA, y después se comprueban con la comprobación del 404.
Si se lo pide a su constructor: un cambio, y nada más
Un constructor con IA con prisa arregla una cosa y toca tres. Este es el orden que sigo cuando le encargo un cambio a mis agentes, reducido a lo que usted necesita:
Quiero un solo cambio en mi sitio: [qué cambiar, en una frase].Dónde: [página o sección].Ya decidido, no lo toque: [por ejemplo, el texto del titular].Antes de cambiar nada, dígame qué va a tocar y espere mi «sí».Si no puede hacerlo exactamente así, pare y dígamelo; no lo resuelva de otra forma.Al terminar, dígame qué más cambió, aunque sea mínimo, y cómo compruebo que quedó bien.Reglas: no dé por hecho nada que no haya hecho. Si no puede abrir o editar esa página, escriba «no pude abrir [página]» en la primera línea y no cambie nada.
Después repita la comprobación que encontró el problema. Si sale igual que antes, el cambio no llegó, diga lo que diga el constructor.
Si su constructor le promete «SEO incluido», compruebe qué incluye en lo que recibe Google, no en el panel del editor. Mientras su sitio llegue vacío, cada mes publicado es un mes en que Google no tiene nada suyo que mostrar. Por eso el diagnóstico gratuito empieza por ahí, y se lo entrego por escrito en dos días hábiles.

¿Una app en React es mala para el SEO? SSR, prerender y qué hacer si no puede migrar
Una aplicación de una sola página (SPA) no es mala para el SEO por sí misma: el problema es que el texto llegue tarde. Lo que decide es quién arma el HTML y cuándo: el navegador del visitante, su servidor en cada visita o su build antes de publicar.
Google ejecuta JavaScript, pero su guía de JavaScript SEO dice que renderizar en el servidor o prerenderizar sigue siendo una gran idea. La página va más rápida para personas y rastreadores, y no todos los bots ejecutan JavaScript. Estas son las tres formas de armar el HTML:
| Aspecto | Quién arma el HTML | Cuándo conviene | Lo que hay que vigilar |
|---|---|---|---|
| Solo en el navegador (SPA pura) | El navegador de cada visitante, al ejecutar el JavaScript | Aplicaciones detrás de un inicio de sesión, donde el SEO no importa | La primera respuesta trae un contenedor vacío para Google y para los asistentes |
| Renderizado en el servidor (SSR) | Su servidor, en cada visita | Sitios con muchas páginas o que cambian a diario | Exige un servidor que ejecute código; pasar a esto suele ser migrar |
| Prerender en el build | Su build, una vez por ruta, antes de publicar | Sitios de servicios con pocas páginas que cambian al publicar | Que cada ruta tenga su HTML y que ninguna se quede sin generar |
Vercel y MERJ lo midieron en 2024, con más de 100.000 visitas de Googlebot. En nextjs.org, Google terminó de renderizar todas las páginas HTML indexables; la mitad esperó 10 segundos o menos, y algunas, horas. Es decir, Google sí lee el JavaScript, pero tarde.
Con los asistentes de IA es otra historia. En diciembre de 2024, el mismo equipo publicó que «por ahora, ninguno de los grandes rastreadores de IA renderiza JavaScript» (traducción mía). Las excepciones que cita son Gemini, que usa la infraestructura de Googlebot, y AppleBot.
Si le importa aparecer en sus respuestas, siga con la guía sobre respuestas de IA.
React sin Next.js: no hace falta migrar
Si su sitio está en React sin Next.js, no necesita cambiar de marco para que Google reciba el texto. Este sitio es React con Vite sobre Base44: cada build genera un HTML por ruta con el texto, los metadatos y los datos estructurados. Y el build falla si un H1 no cuadra.
Lo especifiqué, lo generé con Claude Code y lo verifico en producción después de cada publicación.
Rehacer también tiene su riesgo: cuando Pinterest rehízo sus páginas, el tráfico SEO tardó unas semanas en volver a su nivel. Faltaban etiquetas como el H1 y la canónica, según su blog de ingeniería (3-mar-2017). Al final midió un 40 % menos de espera, un 15 % más de tráfico SEO y un 15 % más de conversión a registro.
Si no puede migrar ni tocar el build
Mida primero qué recibe Google hoy, con la prueba en directo de la Inspección de URL. Puede que su plataforma ya entregue el contenido a los rastreadores y no haya nada que arreglar.
Si puede poner algo delante del sitio: un Worker que sirva el HTML prerenderizado y responda 404 y 301 de verdad. Está en la sección anterior.
Lovable dice que prerenderiza solo para los rastreadores sus apps anteriores al 13 de mayo de 2026 (22 de junio en los planes Enterprise). Si su plataforma hace eso, encaja con lo que Google llama renderizado dinámico. Google lo describe como una solución provisional, no a largo plazo: compruébelo de nuevo después de cada cambio grande.
Si no puede hacer nada de eso, pídale a su constructor las dos salidas de Google para las direcciones que no existen. Están en la sección anterior. No arreglan el contenido vacío, pero evitan que las direcciones inventadas compitan con las reales.
¿Y el SEO en Base44 o en Lovable? Lo que sé, lo que no y lo que se comprueba
No todos los constructores entregan la carcasa vacía que muestra «Ver código fuente». La entregan las apps de Lovable creadas antes del 13 de mayo de 2026; las nuevas, según Lovable, llegan armadas desde el servidor. Base44 la entregaba cuando lo medí, entre julio y septiembre de 2026.
Por eso no le digo que Google no ve su sitio: le digo que compruebe lo que recibe, haga lo que haga su constructor.
Base44 lo he medido en dos sitios, y hoy no entrega lo mismo que entonces. Su documentación, leída el 18-oct-2026, dice que les sirve a los rastreadores una versión renderizada de cada página. Si todavía no la tiene, les sirve un resumen con el titular, la descripción y enlaces.
Ese mismo día pedí nueve rutas de este sitio como Googlebot, en su dirección gratuita de Base44 y sin el Worker. Seis llegaron completas; tres, con un título genérico y el texto de la portada, y una dirección inventada respondió 200. Con un navegador normal, las tres páginas interiores que probé mostraban el texto de la portada.
Base44 aclara que su SEO está pensado para un dominio propio, así que en el suyo puede variar. Por eso, en Base44 como en Lovable, «Ver código fuente» no basta: la prueba que vale es la Inspección de URL.
Su sitemap y su llms.txt automáticos incluían el 18-oct-2026 dos páginas que este sitio marca noindex en el código: /gracias y /privacidad. Según su documentación, el panel deja sacarlas del sitemap una por una. Con prerender y Worker delante, se corrige.
Lovable no lo he medido con mi método, así que no comparo. Según su documentación, releída el 18-oct-2026, las apps creadas desde el 13 de mayo de 2026 se renderizan en el servidor. A las anteriores les sirve una versión prerenderizada solo a los rastreadores verificados, como el de Google.
En esas apps anteriores, «Ver código fuente» y una petición con el nombre de Googlebot muestran la carcasa vacía aunque Google reciba el contenido. Ahí la prueba que vale es la prueba en directo de la Inspección de URL de Search Console, que hace Google desde sus propias máquinas.
Cuando lo mida, esta sección dirá qué responde su servidor, con fecha.
Si Search Console marca sus páginas como «Descubierta: actualmente sin indexar» o «Rastreada: actualmente sin indexar», no es lo mismo ni se arregla igual. En la primera, Google todavía no visitó la página; en la segunda, la visitó y no la guardó. En una app que entrega una página casi vacía, ese segundo estado es lo primero que miro.
La diferencia y qué hacer en cada caso están en el artículo sobre por qué una página no aparece en Google. Ahí explico también por qué volver a subir el sitemap no lo arregla.
Si prefiere que lo revise yo, el diagnóstico gratuito empieza exactamente por estos cinco síntomas, y la auditoría SEO técnica es el paso siguiente. Cómo leo Search Console para confirmar lo que Google indexó está en la guía de Google Search Console. Y cuando Google ya reciba su sitio, la guía para configurar GA4 le dice si el sitio le trae contactos.
¿Todavía no tiene página, o la va a rehacer? Se la puedo hacer con todo esto resuelto desde el primer día: vea el diseño de páginas web con SEO. Y antes, vea cuánto cuesta una página web si la encarga.
Véalo explicado por quien lo construyó
Vídeos de los canales oficiales de Google. Están en inglés y llevan subtítulos automáticos; son la misma fuente que enlazo arriba, en vídeo.
Cómo indexa Google los sitios con JavaScript · Google Search Central, 2019, 3 minutos. Primer episodio de la serie oficial de SEO con JavaScript.
¿Cuándo importa el SEO con JavaScript? · Google Search Central, 2019, 4 minutos. Qué cuenta como «sitio con JavaScript» y cuándo el renderizado pasa a ser su problema.
Preguntas frecuentes
Haciendo que cada dirección llegue a Google con su texto en el primer HTML. Eso se logra con prerender en el build o con renderizado en el servidor. Además, las rutas inventadas deben responder 404, las redirecciones deben ser 301 y el sitemap solo debe listar páginas indexables.
No son malos, pero no entregan lo mismo: lo que decide es lo que Google recibe de su sitio. En julio de 2026, Google recibía casi vacías las apps de Base44; hoy Base44 dice que renderiza para los rastreadores. Lovable documenta que renderiza en el servidor las apps creadas desde el 13 de mayo de 2026 y prerenderiza las anteriores para los rastreadores verificados.
No. Con prerender, un Worker delante, una sola fuente de títulos y verificación en producción se corrige sin cambiar de constructor.
Para que Google reciba el texto en la primera respuesta, sí: el renderizado en el servidor (SSR) o el prerender lo ponen ahí. La guía de JavaScript de Google los sigue llamando una gran idea, porque no todos los bots ejecutan JavaScript. Si no puede migrar, el prerender en el build lo consigue sin rehacer la app.
Según un estudio de Vercel y MERJ de diciembre de 2024, los rastreadores de OpenAI, Anthropic, Meta y Perplexity no ejecutaban JavaScript. Gemini, que usa la infraestructura de Google, sí lo hacía. Si su texto no está en el primer HTML, un asistente puede no verlo; el prerender le sirve para Google y para él.
Sirve para una búsqueda principal, si su texto llega en el HTML. Si usted ofrece tres servicios que se buscan por separado, en mi criterio una sola página compite por los tres y suele quedarse corta. No la confunda con una aplicación de una sola página (SPA): es una forma de construir el sitio, y puede tener muchas direcciones.
Abra «Ver código fuente» de su página y busque su titular, o pásele a su asistente de IA el prompt de esta guía. Si solo ve un contenedor vacío, confírmelo con la prueba en directo de la Inspección de URL. En Base44 y en apps antiguas de Lovable, Google puede recibir algo distinto de lo que usted ve.
No: verla cargar no prueba nada, porque su navegador arma la página aunque Google reciba un contenedor vacío. Un borrador de comprobación de este sitio, redactado con IA, decía justo eso; se corrigió al probarlo, el 27 de septiembre de 2026. La prueba que sí sirve es buscar en Google, entre comillas, una frase de una página interior: si sale su página, Google tiene ese texto.
Fuentes
Artículo revisado el 18 de octubre de 2026. La fecha de cada una es la de su última actualización publicada.
Ver las 17 fuentes
- 01How Google Search indexes JavaScript sites · Google Search Central · vídeo
- 02When does JavaScript SEO matter? · Google Search Central · vídeo
- 03JavaScript SEO basics · Google Search Central
- 04Dynamic rendering as a workaround · Google Search Central
- 05HTTP status codes, network and DNS errors (soft 404) · Google Search Central
- 06Redirects and Google Search · Google Search Central
- 07Build and submit a sitemap · Google Search Central
- 08How to specify a canonical with rel=canonical and other methods · Google Search Central
- 09Custom Domains for Workers · Cloudflare Docs
- 10Setting up your custom domain · Base44 Docs
- 11SEO and search visibility (leída el 18-oct-2026) · Base44 Docs
- 12Optimize your app for SEO and AI search · Lovable Documentation
- 13URL Inspection Tool · Google Search Console Help
- 14Influencing your title links in search results · Google Search Central
- 15How Google handles JavaScript throughout the indexing process (31-jul-2024) · Vercel · Giacomo Zecchini, Alice Alexandra Moore, Ryan Siddle y Malte Ubl
- 16The rise of the AI crawler (17-dic-2024) · Vercel · Giacomo Zecchini, Alice Alexandra Moore, Malte Ubl y Ryan Siddle
- 17Driving user growth with performance improvements (3-mar-2017) · Pinterest Engineering · Sam Meder, Vadim Antonov y Jeff Chang
Sobre el autor. Carlos Alberto Cardona B., especialista SEO en Bogotá. Escribo lo que mido, con cada cifra junto a su instrumento y su fecha, y verifico yo lo que ejecuta la IA.

