diff --git a/frontend/src/index.html b/frontend/src/index.html
index 97a4d7e..54a67bd 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -9,6 +9,20 @@
     />
     <meta name="theme-color" content="#b7455e" />
 
+    <meta property="og:url" content="https://decla.red" />
+    <meta property="og:image" content="https://decla.red/og-image.png" />
+    <meta property="og:image:width" content="2086" />
+    <meta property="og:image:height" content="940" />
+    <meta
+      property="og:image:alt"
+      content="Dimly lit planets surrounding a text saying 'decla.red'"
+    />
+    <meta name="theme-color" content="#b33951" />
+    <meta
+      name="description"
+      content="Conquer the planets, work as part of a team, and play with your friends online through this browser game."
+    />
+
     <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
     <link rel="icon" href="/favicon.ico" type="image/x-icon" />
 
diff --git a/frontend/static/og-image.png b/frontend/static/og-image.png
new file mode 100644
index 0000000..86fa9f9
Binary files /dev/null and b/frontend/static/og-image.png differ
diff --git a/frontend/webpack.config.js b/frontend/webpack.config.js
index 699beee..dd5536f 100644
--- a/frontend/webpack.config.js
+++ b/frontend/webpack.config.js
@@ -54,7 +54,7 @@ module.exports = {
         use: ['source-map-loader'],
       },
       {
-        test: /\.svg$/,
+        test: /\.(svg|png)$/,
         use: {
           loader: 'file-loader',
         },