diff --git a/frontend/src/assets/mempool-preview.png b/frontend/src/assets/mempool-preview.png
new file mode 100644
index 000000000..326c4d312
Binary files /dev/null and b/frontend/src/assets/mempool-preview.png differ
diff --git a/frontend/src/index.html b/frontend/src/index.html
index 05a0f5d2d..1bea30fec 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -2,9 +2,22 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>mempool.space - Bitcoin blockchain explorer and mempool visualizer</title>
+  <title>mempool</title>
   <base href="/">
 
+  <meta name="description" content="An open-source mempool visualizer and blockchain explorer for Bitcoin, Testnet, and Liquid, supporting realtime TX tracking, mempool fee estimation, and more." />
+  <meta property="og:image" content="https://mempool.ninja/assets/mempool-preview.png" />
+  <meta property="og:image:type" content="image/png" />
+  <meta property="og:image:width" content="4096" />
+  <meta property="og:image:height" content="2048" />
+  <meta property="twitter:card" content="summary_large_image">
+  <meta property="twitter:site" content="mempool">
+  <meta property="twitter:title" content="mempool">
+  <meta property="twitter:description" content=" An open-source mempool visualizer and blockchain explorer for Bitcoin, Testnet, and Liquid, supporting realtime TX tracking, mempool fee estimation, and more.">
+  <meta property="twitter:creator" content="mempoolspace">
+  <meta property="twitter:image:src" content="https://mempool.ninja/assets/mempool-preview.png" />
+  <meta property="twitter:domain" content="mempool.ninja">
+
   <link rel="apple-touch-icon" sizes="57x57" href="/assets/favicons/apple-icon-57x57.png">
   <link rel="apple-touch-icon" sizes="60x60" href="/assets/favicons/apple-icon-60x60.png">
   <link rel="apple-touch-icon" sizes="72x72" href="/assets/favicons/apple-icon-72x72.png">
