clean up metatags

SpiralOutDotEu · Nov 8, 2023 · ec70d06 · ec70d06
1 parent e1f6975
commit ec70d06
Showing 1 changed file with 45 additions and 34 deletions.
diff --git a/public/index.html b/public/index.html
@@ -1,34 +1,43 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <title>Ethereum Wallet Generator</title>
-      <meta name="description" content="Ethereum Wallet Generator" />
-      <meta name="title" key="title" content="Ethereum Wallet Generator" />
-      <meta property="og:title" key="og:title" content="Ethereum Wallet Generator" />
-      <meta property="og:locale" key="og:locale" content="en_US" />
-      <meta charSet="utf-8" />
-      <meta property="og:type" key="og:type" content="website" />
-      <meta
-        property="og:description"
-        key="og:description"
-        content="Generate Ethereum wallets securely in your browser. No data is stored or transmitted."
-      />
-      <meta
-        property="og:image"
-        key="og:image"
-        content="https://ethereum-wallet-generator-online.vercel.app/demo.png"
-      />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/apple-touch-icon.png" />
-    <!--
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+
+  <!-- HTML Meta Tags -->
+  <title>Ethereum Wallet Generator</title>
+  <meta name="description"
+    content="Generate Ethereum wallets securely in your browser. No data is stored or transmitted.">
+
+  <!-- Facebook Meta Tags -->
+  <meta property="og:url" content="https://ethereum-wallet-generator-online.vercel.app/">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="Ethereum Wallet Generator">
+  <meta property="og:description"
+    content="Generate Ethereum wallets securely in your browser. No data is stored or transmitted.">
+  <meta property="og:image" content="https://ethereum-wallet-generator-online.vercel.app/demo.png">
+
+  <!-- Twitter Meta Tags -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta property="twitter:domain" content="ethereum-wallet-generator-online.vercel.app">
+  <meta property="twitter:url" content="https://ethereum-wallet-generator-online.vercel.app/">
+  <meta name="twitter:title" content="Ethereum Wallet Generator">
+  <meta name="twitter:description"
+    content="Generate Ethereum wallets securely in your browser. No data is stored or transmitted.">
+  <meta name="twitter:image" content="https://ethereum-wallet-generator-online.vercel.app/demo.png">
+
+  <!-- Meta Tags Generated via https://www.opengraph.xyz -->
+
+  <link rel="apple-touch-icon" href="%PUBLIC_URL%/apple-touch-icon.png" />
+  <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/site.webmanifest" />
-    <!--
+  <link rel="manifest" href="%PUBLIC_URL%/site.webmanifest" />
+  <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
       Only files inside the `public` folder can be referenced from the HTML.
@@ -37,12 +46,13 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>Ethereum Wallet Generator</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
+  <title>Ethereum Wallet Generator</title>
+</head>
+
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+  <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
 
@@ -52,5 +62,6 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
-  </body>
-</html>
+</body>
+
+</html>