diff --git a/www/src/routes/__layout.svelte b/www/src/routes/__layout.svelte
index 0c04bc3..3ebca5e 100644
--- a/www/src/routes/__layout.svelte
+++ b/www/src/routes/__layout.svelte
@@ -4,13 +4,30 @@
 
 <svelte:head>
 	<title>Svelte French Toast</title>
-	<meta property="og:title" content="Svelte French Toast" />
+	<meta name="title" content="Svelte French Toast" />
+	<meta
+		name="description"
+		content="Buttery smooth toast notifications for Svelte. Lightweight, customizable, and beautiful by default."
+	/>
+
+	<!-- Open Graph / Facebook -->
 	<meta property="og:type" content="website" />
-	<meta property="og:url" content="https://svelte-french-toast.com" />
+	<meta property="og:url" content="https://svelte-french-toast.com/" />
+	<meta property="og:title" content="Svelte French Toast" />
+	<meta
+		property="og:description"
+		content="Buttery smooth toast notifications for Svelte. Lightweight, customizable, and beautiful by default."
+	/>
 	<meta property="og:image" content="https://svelte-french-toast.com/og-image.png" />
+
+	<!-- Twitter -->
+	<meta property="twitter:card" content="summary_large_image" />
+	<meta property="twitter:url" content="https://svelte-french-toast.com/" />
+	<meta property="twitter:title" content="Svelte French Toast" />
 	<meta
-		property="og:image:alt"
-		content="A silhouette of toast with Svelte French Toast written beneath it"
+		property="twitter:description"
+		content="Buttery smooth toast notifications for Svelte. Lightweight, customizable, and beautiful by default."
 	/>
+	<meta property="twitter:image" content="https://svelte-french-toast.com/og-image.png" />
 </svelte:head>
 <slot />
diff --git a/www/static/og-image.png b/www/static/og-image.png
index b91a95e..acdf42c 100644
Binary files a/www/static/og-image.png and b/www/static/og-image.png differ