Las aplicaciones construidas como single page application tienen un reto especial con el SEO, ya que gran parte del contenido se genera con JavaScript después de la carga inicial. Angular ofrece varias herramientas para resolverlo.
Renderiza el contenido con SSR o SSG
Generar el HTML en el servidor o durante el build, en lugar de depender solo del navegador, es el cambio con más impacto en el SEO de una aplicación Angular. Así los buscadores reciben una página con contenido real desde la primera petición.
Cuida el título y la descripción de cada página
Cada ruta debería tener su propio título y su propia meta descripción, en lugar de repetir siempre el mismo texto genérico. Angular permite definir esta información por ruta y actualizarla en cada navegación.
No olvides los detalles técnicos
- Un archivo robots.txt que indique qué se puede rastrear.
- Un sitemap.xml con todas las URLs importantes del sitio.
- Una URL canónica en cada página para evitar contenido duplicado.
Este mismo portfolio aplica todos estos puntos, desde el renderizado estático hasta las meta etiquetas de cada sección, incluida esta.
El renderizado es la pieza que más pesa aquí, así que échale un ojo a qué es el server side rendering y qué es Angular y por qué usarlo.