Update meta tags for site previews (#887)

Make the title and description consistent with other sites we have. Add preview image for social media sharing.
thesis · Nov 21, 2024 · a0812ff · a0812ff
2 parents e1acba8 + 01d854a
commit a0812ff
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 10 deletions.
diff --git a/dapp/index.html b/dapp/index.html
@@ -1,13 +1,33 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/acre.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>ACRE</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
+
+<head>
+  <title>Acre App</title>
+  <meta name="title" content="Acre App" />
+  <meta name="description" content="Bitcoin Rewards Done Right" />
+
+  <link rel="icon" type="image/svg+xml" href="/acre.svg" />
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+  <!-- Open Graph / Facebook -->
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://bitcoin.acre.fi/" />
+  <meta property="og:title" content="Acre App" />
+  <meta property="og:description" content="Bitcoin Rewards Done Right" />
+  <meta property="og:image" content="/meta-image.png" />
+
+  <!-- Twitter -->
+  <meta property="twitter:card" content="summary_large_image" />
+  <meta property="twitter:url" content="https://bitcoin.acre.fi/" />
+  <meta property="twitter:title" content="Acre App" />
+  <meta property="twitter:description" content="Bitcoin Rewards Done Right" />
+  <meta property="twitter:image" content="/meta-image.png" />
+</head>
+
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+
 </html>
diff --git a/dapp/public/meta-image.png b/dapp/public/meta-image.png