diff --git a/index.html b/index.html
index 24218fa..78e0f4b 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,22 @@
 		<meta charset="UTF-8" />
 		<link rel="icon" type="image/svg+xml" href="/icon.svg" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>blockmatic</title>
+
+		<title>blockmatic — minecraft pixel art generator</title>
+		<meta name="title" content="blockmatic — minecraft pixel art generator" />
+		<meta name="description" content="Convert your images to schematics with blockmatic using the built-in web editor!" />
+
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="https://blockmatic.trafficlunar.net" />
+		<meta property="og:title" content="blockmatic — minecraft pixel art generator" />
+		<meta property="og:description" content="Convert your images to schematics with blockmatic using the built-in web editor!" />
+		<meta property="og:image" content="https://blockmatic.trafficlunar.net/blockmatic_preview.png" />
+
+		<meta property="twitter:card" content="summary_large_image" />
+		<meta property="twitter:url" content="https://blockmatic.trafficlunar.net" />
+		<meta property="twitter:title" content="blockmatic — minecraft pixel art generator" />
+		<meta property="twitter:description" content="Convert your images to schematics with blockmatic using the built-in web editor!" />
+		<meta property="twitter:image" content="https://blockmatic.trafficlunar.net/blockmatic_preview.png" />
 	</head>
 	<body>
 		<div id="root"></div>
diff --git a/public/blockmatic_preview.png b/public/blockmatic_preview.png
new file mode 100644
index 0000000..52c2274
Binary files /dev/null and b/public/blockmatic_preview.png differ
