diff --git a/src/lib/Post.svelte b/src/lib/Post.svelte
index 4a1af05..e6199a5 100644
--- a/src/lib/Post.svelte
+++ b/src/lib/Post.svelte
@@ -10,10 +10,11 @@
 
 <script>
     export let title, date;
-    export const description = '';
+    export let description = '';
     export const draft = false;
     export let toc = null;
 
+    export let slug;
     export let prev = null;
     export let next = null;
 </script>
@@ -91,7 +92,12 @@
 </style>
 
 <svelte:head>
-    <title>{title}</title>
+    <title>{title} | Joe's Blog</title>
+    <meta property="og:title" content="{title} | Joe's Blog">
+    <meta property="og:type" content="article">
+    <meta property="og:url" content="https://blog.jfmonty2.com/{slug}">
+    <meta property="og:description" content={description}>
+    <meta property="og:site_name" content="Joe's Blog">
     <link rel="stylesheet" href="/prism-dracula.css" />
 </svelte:head>
 
diff --git a/src/routes/+page.js b/src/routes/+page.js
index baa10ca..e32475c 100644
--- a/src/routes/+page.js
+++ b/src/routes/+page.js
@@ -1,5 +1,6 @@
 export async function load({ data }) {
     let post = await import(`./_posts/${data.slug}.svx`);
+    post.metadata.slug = data.slug;
     post.metadata.next = data.next;
     return {
         post: post.default,
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 2266eb1..c7f6cd4 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -3,7 +3,3 @@
 </script>
 
 <svelte:component this={data.post} />
-
-<svelte:head>
-    <title>Joe's Blog</title>
-</svelte:head>
diff --git a/src/routes/[slug]/+page.js b/src/routes/[slug]/+page.js
index ee82b83..83e5a84 100644
--- a/src/routes/[slug]/+page.js
+++ b/src/routes/[slug]/+page.js
@@ -4,6 +4,7 @@ import { error } from '@sveltejs/kit';
 export async function load({ url, params, data }) {
     try {
         let post = await import(`../_posts/${params.slug}.svx`);
+        post.metadata.slug = params.slug;
         post.metadata.prev = data.prev;
         post.metadata.next = data.next;
         return {
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index 7a0ba90..fef0965 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -6,7 +6,7 @@
 </style>
 
 <svelte:head>
-    <title>About Me</title>
+    <title>About Me | Joe's Blog</title>
 </svelte:head>