Updated the metadata

src/_data/metadata.json

@@ -1,11 +1,11 @@
 {
-  "title": "Blog name",
-  "url": "https://blog.com",
+  "title": "Eleventy Not so minimal blog starter",
+  "url": "https://eleventy-not-so-minimal-blog-starter.netlify.app",
   "language": "en",
-  "description": "A not so minimal starter for building a website + blog using the Eleventy static site generator.",
+  "description": "Build your own website + blog with the 'not so minimal blog starter' which uses the Eleventy static site generator.",
   "author": {
     "name": "firstname lastname",
-    "email": "hello@blog.com",
-    "url": "https://blog.com/about/"
-  }
+    "email": "hello@blog.com"
+  },
+  "image": "/assets/social-image.jpg"
 }

src/_includes/components/metadata.njk

@@ -0,0 +1,17 @@
+  {% set socialImage = [metadata.url, metadata.image] | join %}
+  
+  <meta name="description" content="{{ metadata.description }}">
+  <meta name="author" content="{{ metadata.author.name }}">
+
+  <meta property="og:title" content="{{ title }}">
+  <meta property="og:type" content="website">
+  <meta property="og:url" content="">
+  <meta property="og:description" content="{{ metadata.description }}">
+  <meta property="og:image" content="{{ socialImage  }}">
+
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@mangamaui">
+  <meta name="twitter:title" content="{{ title }}">
+  <meta name="twitter:description" content="{{ metadata.description }}">
+  <meta name="twitter:image" content="socialImage">
+

src/_includes/layouts/page.njk

@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>✨</text></svg>">
     <title>{{ title or metadata.title }}</title>
+    {% include "../components/metadata.njk" %}
     <script type="module" src="/assets/svg-icon-sprite.js"></script>
     <link rel="stylesheet" href="{{'/assets/theme.css' | url }}" />
   </head>