diff --git a/pages/index.tsx b/pages/index.tsx
index 321afc9..01a9651 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -11,8 +11,29 @@ const Home: NextPage = () => {
         <meta charSet="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <title>Modmapper</title>
-        <meta name="description" content="Map of Skyrim mods" />
         <link rel="icon" href="/favicon.ico" />
+
+        <meta name="description" content="Map of Skyrim mods" />
+        <meta property="og:title" content="Modmapper" />
+        <meta property="og:site_name" content="Modmapper"></meta>
+        <meta property="og:description" content="Map of Skyrim mods" />
+        <meta property="og:type" content="website" />
+        <meta property="og:url" content="https://modmapper.com" />
+        <meta property="og:image" content="/img/screenshot.jpg" />
+        <meta
+          property="og:image:alt"
+          content="A screenshot of Modmapper displaying a map of Skyrim with a grid of cells overlayed colored green to red indicating how many mods edited each cell"
+        />
+        <meta name="twitter:title" content="Modmapper" />
+        <meta name="twitter:description" content="Map of Skyrim mods" />
+        <meta name="twitter:image" content="/img/screenshot.jpg" />
+        <meta
+          name="twitter:image:alt"
+          content="A screenshot of Modmapper displaying a map of Skyrim with a grid of cells overlayed colored green to red indicating how many mods edited each cell"
+        />
+        <meta name="twitter:card" content="summary_large_image" />
+        <meta name="twitter:site" content="@tyhallada" />
+        <meta name="twitter:creator" content="@tyhallada" />
       </Head>
       <Map />
     </>
diff --git a/public/img/screenshot.jpg b/public/img/screenshot.jpg
new file mode 100644
index 0000000..6f07683
Binary files /dev/null and b/public/img/screenshot.jpg differ