Proyectos · Astro SEO

SEO para Astro

@northsoon/astro-seo es el componente que usamos en Northsoon para mantener metadatos, Open Graph, Twitter Cards, URLs canonical, hreflang, robots y JSON-LD en un solo lugar.

npm github

Qué resuelve

En un sitio Astro es fácil empezar con dos o tres metatags sueltas. El problema aparece cuando tienes varias páginas, idiomas, imágenes sociales, datos estructurados y reglas de indexación distintas.

Este paquete centraliza esa capa SEO en un componente tipado, para que cada página declare su intención y el HTML final salga consistente.

Incluye

Title, description y canonical URLs
Open Graph para compartir en redes y mensajería
Twitter Cards sin duplicar datos innecesarios
hreflang para sitios multidioma
noindex, nofollow y robots props
JSON-LD tipado para datos estructurados

Ejemplo

---
import { AstroHead } from "@northsoon/astro-seo";
---

<AstroHead
  title="Mi página"
  description="Descripción para buscadores y redes sociales."
  canonical="https://example.com/"
  languageAlternates={[
    { hreflang: "es", href: "https://example.com/" },
    { hreflang: "en", href: "https://example.com/en/" },
  ]}
  jsonLd={{
    "@context": "https://schema.org",
    "@type": "WebSite",
    name: "Mi sitio",
    url: "https://example.com/",
  }}
/>

Usado aquí

Esta misma página está renderizada con @northsoon/astro-seo: canonical, hreflang, Open Graph, Twitter Card y JSON-LD salen desde el paquete.

Ver otros paquetes