diff --git a/src/assets/images/icon512x512.png b/src/assets/images/icon512x512.png
new file mode 100644
index 0000000..f576fc8
Binary files /dev/null and b/src/assets/images/icon512x512.png differ
diff --git a/src/index.html b/src/index.html
index 386a1e9..6157cff 100644
--- a/src/index.html
+++ b/src/index.html
@@ -3,12 +3,32 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
     <title>showbridge</title>
+    <meta name="description" content="highly configurable protocol router" />
+
+    <!-- Google / Search Engine Tags -->
+    <meta itemprop="name" content="showbridge" />
+    <meta itemprop="description" content="highly configurable protocol router" />
+    <meta itemprop="image" content="assets/images/icon512x512.png" />
+
+    <!-- Facebook Meta Tags -->
+    <meta property="og:url" content="http://showbridge.io" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="showbridge" />
+    <meta property="og:description" content="highly configurable protocol router" />
+    <meta property="og:image" content="assets/images/icon512x512.png" />
+
+    <!-- Twitter Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="showbridge" />
+    <meta name="twitter:description" content="highly configurable protocol router" />
+    <meta name="twitter:image" content="assets/images/icon512x512.png" />
+
     <link rel="icon" type="image/x-icon" href="assets/images/favicon.ico" />
     <link href="assets/css/tailwind.css" rel="stylesheet" />
   </head>
   <body class="h-screen w-screen flex flex-col justify-center items-center">
     <a class="w-40 h-40 bg-blue-400" href="https://github.com/jwetzell/showbridge"> </a>
-    <div class="flex"></div>
   </body>
 </html>
