added social preview image and organized tags

ISO53 · Mar 3, 2024 · a33ac65 · a33ac65
1 parent 5e53c77
commit a33ac65
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -2,9 +2,17 @@
 <html lang="en">
 
 <head>
+    <!-- Default meta tags -->
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <!-- Social preview meta tags -->
+    <meta property="og:title" content="Movie Collection Visualizer">
+    <meta property="og:description" content="Organize and visualize your movie collection effortlessly.">
+    <meta property="og:image" content="res/MCV-social-preview.png">
+    <meta property="og:url" content="https://iso53.github.io/Movie-Collection-Visualizer">
+
     <!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-3K0461TXL0"></script>
     <script>
@@ -14,12 +22,16 @@
 
         gtag('config', 'G-3K0461TXL0');
     </script>
+
+    <!-- Preload resources -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
         href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Roboto+Mono:wght@600&display=swap"
         rel="stylesheet" />
     <link rel="stylesheet" href="index.css" />
+
+    <!-- Title -->
     <title>Movie Collection Visualizer</title>
 </head>
 

diff --git a/docs/res/MCV-social-preview.png b/docs/res/MCV-social-preview.png