diff --git a/apps/client/src/index.html b/apps/client/src/index.html
index 55120ec08..a7d01e481 100644
--- a/apps/client/src/index.html
+++ b/apps/client/src/index.html
@@ -1,11 +1,14 @@
 <!DOCTYPE html>
-<html class="h-100 position-relative" lang="${languageCode}">
+<html class="h-100 position-relative" lang="en">
   <head>
-    <title>${title}</title>
+    <title>Ghostfolio – Open Source Wealth Management Software</title>
     <base href="/" />
     <meta charset="utf-8" />
     <meta content="yes" name="apple-mobile-web-app-capable" />
-    <meta content="${description}" name="description" />
+    <meta
+      content="Ghostfolio is a personal finance dashboard to keep track of your assets like stocks, ETFs or cryptocurrencies across multiple platforms."
+      name="description"
+    />
     <meta
       content="app, asset, cryptocurrency, dashboard, etf, finance, management, performance, portfolio, software, stock, trading, wealth, web3"
       name="keywords"
@@ -16,20 +19,29 @@
       content="Ghostfolio is a personal finance dashboard to keep track of your assets like stocks, ETFs or cryptocurrencies"
       name="twitter:description"
     />
-    <meta content="${rootUrl}/${featureGraphicPath}" name="twitter:image" />
-    <meta content="${title}" name="twitter:title" />
+    <meta content="https://ghostfol.io/assets/cover.png" name="twitter:image" />
+    <meta
+      content="Ghostfolio – Open Source Wealth Management Software"
+      name="twitter:title"
+    />
     <meta
       content="initial-scale=1, viewport-fit=cover, width=device-width"
       name="viewport"
     />
     <meta content="#FFFFFF" name="theme-color" />
     <meta content="" property="og:description" />
-    <meta content="${title}" property="og:title" />
+    <meta
+      content="Ghostfolio – Open Source Wealth Management Software"
+      property="og:title"
+    />
     <meta content="website" property="og:type" />
-    <meta content="${rootUrl}${path}" property="og:url" />
-    <meta content="${rootUrl}/${featureGraphicPath}" property="og:image" />
-    <meta content="${currentDate}T00:00:00+00:00" property="og:updated_time" />
-    <meta content="${title}" property="og:site_name" />
+    <meta content="https://ghostfol.io" property="og:url" />
+    <meta content="https://ghostfol.io/assets/cover.png" property="og:image" />
+    <meta content="2023-08-10T00:00:00+00:00" property="og:updated_time" />
+    <meta
+      content="Ghostfolio – Open Source Wealth Management Software"
+      property="og:site_name"
+    />
 
     <link
       href="../assets/apple-touch-icon.png"
diff --git a/apps/client/src/index.template.html b/apps/client/src/index.template.html
new file mode 100644
index 000000000..55120ec08
--- /dev/null
+++ b/apps/client/src/index.template.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html class="h-100 position-relative" lang="${languageCode}">
+  <head>
+    <title>${title}</title>
+    <base href="/" />
+    <meta charset="utf-8" />
+    <meta content="yes" name="apple-mobile-web-app-capable" />
+    <meta content="${description}" name="description" />
+    <meta
+      content="app, asset, cryptocurrency, dashboard, etf, finance, management, performance, portfolio, software, stock, trading, wealth, web3"
+      name="keywords"
+    />
+    <meta content="yes" name="mobile-web-app-capable" />
+    <meta content="summary_large_image" name="twitter:card" />
+    <meta
+      content="Ghostfolio is a personal finance dashboard to keep track of your assets like stocks, ETFs or cryptocurrencies"
+      name="twitter:description"
+    />
+    <meta content="${rootUrl}/${featureGraphicPath}" name="twitter:image" />
+    <meta content="${title}" name="twitter:title" />
+    <meta
+      content="initial-scale=1, viewport-fit=cover, width=device-width"
+      name="viewport"
+    />
+    <meta content="#FFFFFF" name="theme-color" />
+    <meta content="" property="og:description" />
+    <meta content="${title}" property="og:title" />
+    <meta content="website" property="og:type" />
+    <meta content="${rootUrl}${path}" property="og:url" />
+    <meta content="${rootUrl}/${featureGraphicPath}" property="og:image" />
+    <meta content="${currentDate}T00:00:00+00:00" property="og:updated_time" />
+    <meta content="${title}" property="og:site_name" />
+
+    <link
+      href="../assets/apple-touch-icon.png"
+      rel="apple-touch-icon"
+      sizes="180x180"
+    />
+    <link
+      href="../assets/favicon-32x32.png"
+      rel="icon"
+      sizes="32x32"
+      type="image/png"
+    />
+    <link
+      href="../assets/favicon-16x16.png"
+      rel="icon"
+      sizes="16x16"
+      type="image/png"
+    />
+    <link href="../assets/site.webmanifest" rel="manifest" />
+  </head>
+  <body>
+    <gf-root></gf-root>
+
+    <script src="../ionicons/ionicons.esm.js" type="module"></script>
+    <script nomodule="" src="ionicons.js"></script>
+
+    <noscript
+      >Please enable JavaScript to continue using this application.</noscript
+    >
+  </body>
+</html>
