OpenGraph.astro

---
interface Props {
  title: string
  description: string
  image: string
}

const {
  title = 'JSConf Chile 2025 | La más prestigiosa conferencia de JavaScript',
  description = 'Acompáñanos en la tercera edición de la JSConf Chile donde tendremos Charlistas internacionales, comunidad, aprendizaje y conexiones.',
  image = '/og/og.jpg'
} = Astro.props
---

<!-- Facebook Meta Tags -->
<meta content={title} property="og:title" />
<meta content={description} property="og:description" />
<meta content={new URL(image, Astro.url)} property="og:image" />
<meta content={Astro.url.href} property="og:url" />
<meta content="website" property="og:type" />

<!-- Twitter Meta Tags -->
<meta content="summary_large_image" name="twitter:card" />
<meta content={title} name="twitter:title" />
<meta content={description} name="twitter:description" />
<meta content={new URL(image, Astro.url)} name="twitter:image" />
<meta content={Astro.url.href} property="twitter:url" />