SG Hub Market
Pack de meta tags SEO

Plantilla base para páginas web.

----------------------------------------
HTML básico
----------------------------------------

<title>Título de la página | Nombre del sitio</title>
<meta name="description" content="Descripción clara de la página en 120 a 160 caracteres." />

----------------------------------------
Open Graph
----------------------------------------

<meta property="og:type" content="website" />
<meta property="og:title" content="Título de la página | Nombre del sitio" />
<meta property="og:description" content="Descripción clara para redes sociales y mensajería." />
<meta property="og:url" content="https://www.tusitio.com/pagina" />
<meta property="og:image" content="https://www.tusitio.com/og-image.png" />
<meta property="og:site_name" content="Nombre del sitio" />

----------------------------------------
Twitter Card
----------------------------------------

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Título de la página | Nombre del sitio" />
<meta name="twitter:description" content="Descripción clara para Twitter/X." />
<meta name="twitter:image" content="https://www.tusitio.com/og-image.png" />

----------------------------------------
Canonical
----------------------------------------

<link rel="canonical" href="https://www.tusitio.com/pagina" />

----------------------------------------
Robots
----------------------------------------

<meta name="robots" content="index, follow" />

----------------------------------------
Next.js Metadata ejemplo
----------------------------------------

export const metadata = {
  title: "Título de la página | Nombre del sitio",
  description: "Descripción clara de la página.",
  openGraph: {
    title: "Título de la página | Nombre del sitio",
    description: "Descripción clara para redes sociales.",
    url: "https://www.tusitio.com/pagina",
    siteName: "Nombre del sitio",
    images: [
      {
        url: "/og-image.png",
        width: 1200,
        height: 630,
        alt: "Imagen principal de la página",
      },
    ],
    type: "website",
  },
  twitter: {
    card: "summary_large_image",
    title: "Título de la página | Nombre del sitio",
    description: "Descripción clara para Twitter/X.",
    images: ["/og-image.png"],
  },
};