1 files changed, 22 insertions, 22 deletions
diff --git a/examples/blog/src/components/MainHead.astro b/examples/blog/src/components/MainHead.astro
index dfeb9dfb4..86f750ddc 100644
--- a/examples/blog/src/components/MainHead.astro
+++ b/examples/blog/src/components/MainHead.astro
@@ -7,33 +7,33 @@ export let type: string | undefined;
 export let next: string | undefined;
 export let prev: string | undefined;
 export let canonicalURL: string | undefined;
-
-// internal data
-const OG_TYPES = {
-  'movie': 'video.movie',
-  'television': 'video.tv_show'
-}
 ---
 
 <!-- Common -->
-<meta charset="UTF-8" />
+<meta charset="UTF-8">
 <title>{title}</title>
-<meta name="description" content={description} />
-<link rel="stylesheet" href="/global.css" />
-<link rel="sitemap" href="/sitemap.xml" />
-<link rel="canonical" href={canonicalURL} />
-{next && <link rel="next" href={next} />}
-{prev && <link rel="prev" href={prev} />}
+<meta name="description" content={description}>
+<link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="/global.css">
+<!-- Sitemap -->
+<link rel="sitemap" href="/sitemap.xml">
+<!-- RSS -->
+<link rel="alternate" type="application/rss+xml" href="/feed/posts.xml">
+
+<!-- SEO -->
+<link rel="canonical" href={canonicalURL}>
+{next && <link rel="next" href={new URL(next, canonicalURL).href}>}
+{prev && <link rel="prev" href={new URL(prev, canonicalURL).href}>}
 
 <!-- OpenGraph -->
-<meta property="og:title" content={title} />
-<meta property="og:description" content={description} />
-{image && (<meta property="og:image" content={image} />)}
-{OG_TYPES[type] && (<meta property="og:type" content={OG_TYPES[type]} />)}
+<meta property="og:title" content={title}>
+<meta property="og:description" content={description}>
+{image && (<meta property="og:image" content={new URL(image, canonicalURL)}>)}
 
 <!-- Twitter -->
-<meta name="twitter:card" content={image ? 'summary_large_image' : 'summary'} />
-<meta name="twitter:site" content="@astro" />
-<meta name="twitter:title" content={title} />
-<meta name="twitter:description" content={description} />
-{image && (<meta name="twitter:image" content={image} />)}
+<meta name="twitter:card" content={image ? 'summary_large_image' : 'summary'}>
+<meta name="twitter:site" content="@astro">
+<meta name="twitter:title" content={title}>
+<meta name="twitter:description" content={description}>
+{image && (<meta name="twitter:image" content={image}>)}