diff options
Diffstat (limited to 'src/components/Head.astro')
| -rw-r--r-- | src/components/Head.astro | 33 |
1 files changed, 29 insertions, 4 deletions
diff --git a/src/components/Head.astro b/src/components/Head.astro index 8ed2224..3fded95 100644 --- a/src/components/Head.astro +++ b/src/components/Head.astro @@ -1,14 +1,22 @@ --- +import type { WithContext, Thing } from "schema-dts"; +import JsonLd from "./JsonLd.astro"; + type Props = { readonly description: string; + readonly preview: string; + readonly schema: WithContext<Thing>; readonly title: string; }; -const canonicalURL = new URL(Astro.url.pathname, Astro.site); -const { description, title } = Astro.props; +const { description, preview, schema, title } = Astro.props; + +const canonicalUrl = new URL(Astro.url.pathname, Astro.site); +const previewUrl = new URL(preview, Astro.site); --- <head> + <!-- Meta Tags --> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> @@ -18,12 +26,29 @@ const { description, title } = Astro.props; <link href="/feed.xml" rel="alternate" title="RSS" type="application/atom+xml" /> <link href="/sitemap-index.xml" rel="sitemap" /> - <link href={canonicalURL} rel="canonical" /> + <link href={canonicalUrl} rel="canonical" /> <title>{title}</title> - <link rel="icon" href="/favicon.png" /> + <!-- Icons --> + <link rel="icon" type="image/x-icon" href="/favicon.ico" /> + <link rel="icon" type="image/png" href="/favicon.png" /> <link rel="apple-touch-icon" href="/apple-touch-icon.png" /> <link rel="manifest" href="/manifest.json" /> <meta name="theme-color" content="#ffffff" /> + + <!-- Open Graph --> + <meta property="og:type" content="website" /> + <meta property="og:title" content={title} /> + <meta property="og:description" content={description} /> + <meta property="og:image" content={previewUrl} /> + <meta property="og:url" content={canonicalUrl} /> + + <!-- Twitter Cards --> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content={title} /> + <meta name="twitter:description" content={description} /> + <meta name="twitter:image" content={previewUrl} /> + + <JsonLd schema={schema} /> </head> |