diff --git a/public/preview.png b/public/preview.png
new file mode 100644
index 0000000..692f2f3
Binary files /dev/null and b/public/preview.png differ
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 47b471f..d2ccf03 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -22,11 +22,17 @@ import "../styles/main.css";
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <meta name="generator" content={Astro.generator} />
-        <link rel="shortcut icon" href="/favicon.gif">
+        <link rel="shortcut icon" href="/favicon.gif" />
         <link rel="sitemap" href="/sitemap-index.xml" />
         <title>reidlab's site - {title}</title>
         <meta name="description" content={description} />
 
+        <meta property="og:title" content={`reidlab's site - ${title}`} />
+        <meta property="og:description" content={description} />
+        <meta property="og:image" content="/preview.png" />
+        <meta property="og:type" content="website" />
+        <meta property="og:url" content={Astro.url.href} />
+
         <!-- view transitions. actually fucking magical! -->
         <!-- doesn't work without js, maybe add noscript element? -->
         <ViewTransitions />