diff --git a/src/lib/components/blog/PostLayout.svelte b/src/lib/components/blog/PostLayout.svelte
index 7cec666..259932d 100644
--- a/src/lib/components/blog/PostLayout.svelte
+++ b/src/lib/components/blog/PostLayout.svelte
@@ -3,7 +3,7 @@
 	import '$lib/assets/prism-nord.css';
 
 	export let imagesDirectoryName: string;
-
+	export let excerpt: string = '';
 	export let date: string = '';
 	export let slug: string = '';
 	export let title: string;
@@ -11,6 +11,21 @@
 	export let tags: string[] = [];
 </script>
 
+<svelte:head>
+	<title>{title}</title>
+	<meta name="description" content={excerpt} />
+	<meta property="og:title" content={title} />
+	<meta property="og:type" content="article" />
+	<meta property="og:description" content={excerpt} />
+	<meta property="og:url" content="https://mattmor.in/{slug}" />
+	<meta property="og:image" content={image} />
+	<meta property="og:type" content="article:published_time" />
+	<meta property="article:published_time" content={date} />
+	{#each tags as tag (tag)}
+		<meta property="article:tag" content={tag} />
+	{/each}
+</svelte:head>
+
 <article class="flex justify-center mt-4 mb-8">
 	<div class=" w-full lg:w-[50rem] leading-[177.7%]">
 		<header>