Adding Social Preview Card (#22)

* add meta tags * add all meta tags * change title * add links and images to meta tags --------- Co-authored-by: Hamid Roohi <[email protected]> Co-authored-by: fisher <[email protected]>
ringecosystem · May 15, 2024 · 200461f · 200461f
1 parent 1d0510a
commit 200461f
Showing 1 changed file with 25 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -6,10 +6,33 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="Programmable Cross-Chain Messaging Port" />
-    <title>Msgport</title>
+
+    <!-- Social Meta Tags -->
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Msgport">
+    <meta property="og:description" content="Programmable Cross-Chain Messaging Port">
+    <meta property="og:image" content="/images/logo.png">
+    <meta property="og:url" content="https://msgport.xyz/">
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:url" content="https://twitter.com/msgport_xyz" />
+    <meta property="twitter:title" content="Msgport" />
+    <meta property="twitter:description" content="Programmable Cross-Chain Messaging Port" />
+    <meta property="twitter:image" content="/assets/icons/x.svg" />
+
+    <!-- SEO Meta Tags -->
+    <title>MSGPort</title>
+    <meta name="keywords" content="msgport, cross-chain, messaging, communication, programmable">
+    <meta name="robots" content="index, follow">
+    <meta name="author" content="Msgport Team">
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://example.com">
+
   </head>
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
-</html>
+</html>