update open graph data

codekeyz · Jan 4, 2024 · 6d62009 · 6d62009
1 parent 839d4ca
commit 6d62009
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 10 deletions.
diff --git a/frontend/web/images/banner.png b/frontend/web/images/banner.png
diff --git a/frontend/web/index.html b/frontend/web/index.html
@@ -18,29 +18,51 @@
 
     <meta charset="UTF-8" />
     <meta content="IE=Edge" http-equiv="X-UA-Compatible" />
-    <meta name="description" content="A new Flutter project." />
+    <!-- HTML Meta Tags -->
+    <title>Dart Blog 🚀</title>
+    <meta
+      name="description"
+      content="Full-stack blog show-casing Dart on the Backend and Flutter Web on the Frontend."
+    />
+
+    <!-- Favicon -->
+    <link rel="icon" href="favicon.ico" />
+    <link rel="manifest" href="manifest.json" />
 
     <!-- iOS meta tags & icons -->
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
     <meta name="apple-mobile-web-app-title" content="Dart Blog 🚀" />
     <link rel="apple-touch-icon" href="icons/Icon-192.png" />
 
-    <!-- Favicon -->
-    <link rel="icon" href="favicon.ico" />
-
-    <title>Dart Blog 🚀</title>
-    <link rel="manifest" href="manifest.json" />
-
-    <!-- Open Graph -->
+    <!-- Facebook Meta Tags -->
+    <meta property="og:url" content="https://dart-blog.onrender.com/" />
     <meta property="og:type" content="website" />
     <meta property="og:title" content="Dart Blog 🚀" />
-    <meta property="og:url" content="https://dart-blog.onrender.com/" />
-    <meta property="og:image" content="images/banner.png" />
     <meta
       property="og:description"
       content="Full-stack blog show-casing Dart on the Backend and Flutter Web on the Frontend."
     />
+    <meta
+      property="og:image"
+      content="https://ogcdn.net/2c2c6737-47d4-4459-9969-e711eb48394c/v1/dart-blog.onrender.com/Dart%20Blog%20%F0%9F%9A%80/Full-stack%20blog%20show-casing%20Dart%20on%20the%20Backend%20and%20Flutter%20Web%20on%20the%20Frontend./https%3A%2F%2Fopengraph.b-cdn.net%2Fproduction%2Fdocuments%2Fed2e793c-36e5-45b5-85de-e1e136c200ec.png%3Ftoken%3DMWQ2wKBRMheTf6pIReVu-zDppWbrjMbXDIfowmXY1x0%26height%3D1024%26width%3D1024%26expires%3D33240365876/og.png"
+    />
+
+    <!-- Twitter Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta property="twitter:domain" content="dart-blog.onrender.com" />
+    <meta property="twitter:url" content="https://dart-blog.onrender.com/" />
+    <meta name="twitter:title" content="Dart Blog 🚀" />
+    <meta
+      name="twitter:description"
+      content="Full-stack blog show-casing Dart on the Backend and Flutter Web on the Frontend."
+    />
+    <meta
+      name="twitter:image"
+      content="https://ogcdn.net/2c2c6737-47d4-4459-9969-e711eb48394c/v1/dart-blog.onrender.com/Dart%20Blog%20%F0%9F%9A%80/Full-stack%20blog%20show-casing%20Dart%20on%20the%20Backend%20and%20Flutter%20Web%20on%20the%20Frontend./https%3A%2F%2Fopengraph.b-cdn.net%2Fproduction%2Fdocuments%2Fed2e793c-36e5-45b5-85de-e1e136c200ec.png%3Ftoken%3DMWQ2wKBRMheTf6pIReVu-zDppWbrjMbXDIfowmXY1x0%26height%3D1024%26width%3D1024%26expires%3D33240365876/og.png"
+    />
+
+    <!-- Meta Tags Generated via https://www.opengraph.xyz -->
 
     <script>
       // The value below is injected by flutter build, do not touch.