Servicios SEOSEO para Angular
SEO para Angular: de aplicación en el navegador a sitio indexable
Angular es muy usado en bancos, aseguradoras y grandes empresas, y muchas de esas aplicaciones siguen entregando el contenido solo en el navegador. Reviso cómo se renderiza tu proyecto y te ayudo a llevar el contenido al HTML con las herramientas oficiales de Angular.
01Retos de Angular
Por qué una app en Angular no aparece en Google
Angular nació para aplicaciones en el navegador. Hoy tiene renderizado en el servidor e hidratación, pero muchos proyectos todavía no los usan.
Solo en el navegador
Sin SSR, el servidor entrega <app-root> vacío y el contenido depende de ejecutar JavaScript.
Metadatos fijos
El mismo título y descripción en todas las rutas porque no se usan los servicios Title y Meta.
404 con código 200
La ruta comodín muestra «no encontrado», pero el servidor responde como si la página existiera.
Navegación sin enlaces
Elementos que navegan con (click) en vez de routerLink sobre un <a>.
Parpadeo al hidratar
Sin hidratación, la app vuelve a pintar la página y empeora LCP y CLS.
Paquetes grandes
Módulos que se cargan de entrada aunque la página no los necesite.
02Renderizado
Las herramientas de Angular para el SEO
Angular ofrece todo lo necesario para el SEO dentro del propio framework. Así lo aplico:
| Herramienta | Qué resuelve | Cómo la uso |
|---|---|---|
| @angular/ssr | Renderizado en el servidor. | Se agrega al proyecto con el CLI y se define qué rutas van en el servidor. |
| Prerender | HTML estático generado al compilar. | Para landings, blog y páginas que cambian poco. |
| Hidratación | Reutiliza el HTML del servidor sin volver a pintar. | Activada, y con hidratación incremental en bloques pesados. |
| Title, Meta y DOCUMENT | Título, descripción, canonical y Open Graph por ruta. | Un servicio de SEO que lee los datos de cada ruta. |
| @defer | Carga diferida de componentes. | Solo en bloques secundarios, nunca en el contenido principal. |
Ojo con la carga diferida: lo que se difiere no llega en el HTML inicial, y muchos rastreadores de IA no ejecutan JavaScript para verlo.
Fuentes: documentación de Angular y Vercel.
03Resultados
Renderizado corregido, posiciones ganadas
Caso real · AFP PlanVital
De una app en Angular dependiente de JavaScript al Top 3 de Google
El sitio de AFP PlanVital estaba construido en Angular y dependía por completo de JavaScript para mostrar su contenido. Corregimos los problemas de renderizado para que Google recibiera el contenido, y sumamos mejoras de arquitectura, enlazado interno y cobertura de indexación. En 8 meses, 10 páginas llegaron al Top 3.
Fuente: posiciones en Google Chile, octubre de 2026. Ver todos los casos.
04Cómo trabajo
De una SPA a un sitio que se indexa
Cómo trabajo el SEO de un proyecto en Angular
Cambios graduales, compatibles con el ciclo de desarrollo de tu equipo.
- Qué ve Google
HTML inicial vs. renderizado, por tipo de ruta.
ResultadoBrechas detectadas. - Prioridad
Qué rutas necesitan posicionar y cuáles no.
ResultadoAlcance acotado. - Renderizado
SSR o prerender en las rutas públicas.
ResultadoContenido en el HTML. - Metadatos
Título, descripción, canonical y schema por ruta.
ResultadoCada URL con identidad propia. - Rendimiento
Hidratación, paquetes y Core Web Vitals.
ResultadoUna app rápida y visible.
Encaja si…
- Tu sitio público está hecho en Angular y no aparece en Google como esperas.
- Tu equipo evalúa activar SSR y necesita criterio de SEO.
- Vas a rediseñar o actualizar de versión.
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 proyecto.
05Preguntas frecuentes
Preguntas sobre SEO para Angular
¿Angular es malo para el SEO?
No. El problema es usarlo solo en el navegador para páginas que deben posicionar. Con SSR o prerender, Angular entrega HTML completo como cualquier sitio.
¿Qué pasó con Angular Universal?
Se integró en el paquete oficial @angular/ssr. Hoy el renderizado en el servidor se agrega con el CLI de Angular.
¿Hay que activar SSR en toda la aplicación?
No necesariamente. Se puede renderizar en el servidor o prerenderizar solo las rutas públicas y dejar el resto en el cliente.
¿Cómo manejo los 404 en Angular con SSR?
La ruta de error debe indicar al servidor que responda con código 404. Así Google no indexa páginas inexistentes.
¿Puedes trabajar con mi equipo de desarrollo?
Sí. Soy desarrollador frontend: reviso el código, propongo cambios y valido cada entrega 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.
