SEO técnico en sitios Astro: la guía práctica para 2026

Astro es uno de los frameworks más amigables con el SEO disponibles hoy. Genera HTML completamente estático, sin JavaScript innecesario en el cliente, lo que se traduce en páginas que cargan en menos de 1 segundo y puntuaciones perfectas en Core Web Vitals.

Pero “Astro es bueno para SEO” no significa que todo esté resuelto. Hay decisiones técnicas que marcan la diferencia.

1. Sitemap automático

Con @astrojs/sitemap, el sitemap.xml se genera en cada build automáticamente. Solo necesitas declarar el site en tu configuración:

// astro.config.mjs
export default defineConfig({
  site: 'https://www.tu-dominio.cl',
  integrations: [sitemap()],
});

El sitemap incluye todas las rutas estáticas, incluyendo las rutas dinámicas que retornen getStaticPaths.

2. Canonical correcto en cada página

Evita contenido duplicado declarando canonical en cada página. En Astro, lo más limpio es pasarlo como prop al Layout:

<Layout
  title="Página de ejemplo"
  canonical="/pagina-de-ejemplo"
>

3. Core Web Vitals: LCP y CLS

El mayor riesgo en Astro es el LCP (Largest Contentful Paint) afectado por imágenes sin dimensiones. Siempre declara width y height explícitos en imágenes del hero. Para imágenes externas, usa loading="eager" solo en el elemento visible above-the-fold.

4. Estructura semántica

Astro no impone estructura. Usa encabezados en orden (h1 → h2 → h3) sin saltar niveles. Cada página debe tener exactamente un h1.

Si necesitas ayuda implementando SEO técnico en tu proyecto, escríbenos.