Servicios SEOSEO para React
SEO para React: que lo que construyes también se encuentre
Una aplicación en React puede verse perfecta en el navegador y llegar casi vacía a los buscadores. Reviso qué contenido trae el HTML, cómo se generan los metadatos y los enlaces, y propongo el renderizado que tu proyecto necesita.
01Retos de React
Por qué una app en React puede ser invisible para los buscadores
React construye la interfaz en el navegador. Si nadie decide cómo llega ese contenido al HTML, los buscadores reciben mucho menos de lo que ve el usuario.
HTML vacío
En una SPA el servidor entrega un <div id="root"> y todo el contenido aparece con JavaScript.
Enlaces que no son enlaces
Botones con onClick en vez de <a href>. Google solo sigue enlaces reales.
Mismo título en todo el sitio
Título y descripción fijos en el index.html, iguales para todas las rutas.
Falsos 404
Rutas inexistentes que muestran «no encontrado» pero responden con código 200.
URLs con #
El enrutamiento con hash crea páginas que los buscadores tratan como una sola.
Paquetes pesados
Mucho JavaScript inicial que retrasa el contenido y empeora el INP.
02Renderizado
CSR, SSR o SSG: qué ve cada rastreador
Google puede ejecutar JavaScript, pero lo hace en una cola aparte. La mayoría de los rastreadores de IA ni siquiera lo intenta. La forma de renderizar define qué ve cada uno:
| Renderizado | Qué recibe el rastreador | Cuándo conviene |
|---|---|---|
| En el cliente (CSR) | HTML casi vacío; el contenido depende de ejecutar JavaScript. | Paneles privados y apps tras login, donde el SEO no importa. |
| En el servidor (SSR) | HTML completo en cada solicitud. | Contenido que cambia seguido: catálogos, precios, stock. |
| Estático (SSG) | HTML completo generado al publicar. | Landings, blogs y documentación. |
| Prerender | Una copia en HTML servida a los bots. | Solución temporal mientras se migra a SSR o SSG. |
Según un análisis de Vercel, ninguno de los principales rastreadores de IA ejecutaba JavaScript, incluidos los de OpenAI, Anthropic y Perplexity. Si tu contenido solo aparece en el navegador, puede no existir para ChatGPT o Claude.
Fuente: Vercel, «The rise of the AI crawler», diciembre de 2024.
03Cómo trabajo
SEO desde el código del proyecto
Cómo trabajo el SEO de un proyecto en React
Primero medir qué ven los bots, después decidir cuánto cambiar.
- Qué ve Google
HTML inicial vs. HTML renderizado, ruta por ruta.
ResultadoBrechas de contenido detectadas. - Rutas
URLs limpias, enlaces reales y códigos HTTP correctos.
ResultadoCada página rastreable. - Metadatos
Título, descripción, canonical y schema por ruta.
ResultadoCada URL con su identidad. - Renderizado
SSR, SSG o prerender según el tipo de página.
ResultadoContenido en el HTML. - Rendimiento
División de código, imágenes e INP.
ResultadoCore Web Vitals en verde.
- React 19 permite declarar
<title>y<meta>dentro de los componentes; en versiones anteriores uso librerías como react-helmet-async. - Si el proyecto nació con Create React App, que React dejó de recomendar en 2025, evaluamos pasar a un framework con SSR como Next.js o React Router.
04Experiencia
SEO técnico en sitios que dependen de JavaScript
Caso real · Navimag Ferries
SEO técnico de un sitio construido en React
En iProspect (Dentsu) trabajé el SEO técnico de Navimag, un sitio en React totalmente dependiente de JavaScript: revisión de lo que llegaba en el HTML a los buscadores, rutas y metadatos, y el plan de redirecciones de su migración para no perder posicionamiento.
Encaja si…
- Tu sitio público está hecho en React y no aparece en Google como esperas.
- Vas a migrar a Next.js u otro framework con SSR.
- Quieres que tu contenido también lo lean ChatGPT, Perplexity o Claude.
No encaja si…
- Tu aplicación vive detrás de un login y no necesita posicionar.
- No hay un equipo que pueda aplicar cambios en el código.
05Preguntas frecuentes
Preguntas sobre SEO para React
¿Google puede indexar un sitio en React?
Sí, Google ejecuta JavaScript, pero en una etapa posterior al rastreo y con recursos limitados. Es más seguro que el contenido importante venga en el HTML inicial.
¿Necesito migrar a Next.js para tener buen SEO?
No siempre. Si solo algunas páginas necesitan posicionar, se pueden prerenderizar o servir con SSR. Next.js conviene cuando el SEO es central en todo el proyecto.
¿Por qué ChatGPT o Perplexity no muestran mi contenido?
Muchos rastreadores de IA no ejecutan JavaScript. Si tu contenido solo aparece en el navegador, no lo leen. Llevarlo al HTML inicial es parte del trabajo de GEO.
¿Cómo manejo los errores 404 en una SPA?
El servidor debe responder con código 404 en las rutas que no existen. Si no es posible, se usa una etiqueta noindex en la vista de error.
¿Puedes trabajar en el código con mi equipo?
Sí. Soy desarrollador frontend: puedo hacer los cambios o revisar los pull requests de tu equipo desde el punto de vista del SEO.
SEOSEO por tecnología
Sigue explorando
¿Conversamos sobre tu proyecto?
Escríbeme por WhatsApp con la URL de tu sitio y lo que quieres lograr. Te respondo con un diagnóstico inicial y una propuesta de cómo abordarlo.
