---
const { title, siteTitle, description, image } = Astro.props;

let pageTitle = title ? title + ' | ' + siteTitle : siteTitle

---

<title>{pageTitle}</title>
<meta property="og:title" itemprop="name" content={title ? title : siteTitle} />
<meta name="application-name" property="og:site_name" content={siteTitle} />

{
	description &&
	<meta name="description" property="og:description" itemprop="description" content={description} />
}

<base href={Astro.url.toString()} />
<link rel="canonical" href={Astro.url.toString()} />
<meta name="url" property="og:url" itemprop="url" content={Astro.url.toString()} />

{
	image &&
	<meta property="og:image" itemprop="image" content={image.src} />
}