4.0.1 - fixes

src/lib/components/SeoHead.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+  import { getImageMetadata } from '$lib/image-metadata';
+
   export let title: string;
   export let description: string;
   export let canonicalPath: string;
@@ -31,6 +33,7 @@
   $: pageTitle = fullTitle(title);
   $: canonicalUrl = absoluteUrl(canonicalPath);
   $: imageUrl = absoluteUrl(image);
+  $: imageMeta = getImageMetadata(image);
 </script>
 
 <svelte:head>
@@ -62,8 +65,13 @@
   <meta property="og:image" content={imageUrl} />
   <meta property="og:image:secure_url" content={imageUrl} />
   <meta property="og:image:alt" content={imageAlt} />
+  {#if imageMeta}
+    <meta property="og:image:width" content={String(imageMeta.width)} />
+    <meta property="og:image:height" content={String(imageMeta.height)} />
+  {/if}
 
   <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:site" content="@goodwalk.nz" />
   <meta name="twitter:title" content={pageTitle} />
   <meta name="twitter:description" content={description} />
   <meta name="twitter:image" content={imageUrl} />