🏷️ Added Meta Tags for better SEO

Zingzy · Jan 21, 2024 · f18d6e0 · f18d6e0
1 parent 3a3d787
commit f18d6e0
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 1 deletion.
diff --git a/static/images/panda-api-banner.webp b/static/images/panda-api-banner.webp
diff --git a/templates/index.html b/templates/index.html
@@ -5,6 +5,42 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Panda API Terminal</title>
     <link rel="icon" type="image/png" href="{{ url_for('static', path='images/panda-logo.png') }}">
+
+    <!-- Primary Meta Tags -->
+    <meta name="title" content="Explore Panda API for cute pics, fun gifs, and interesting facts!" />
+    <meta name="description" content="Delve into the Panda API to find charming pictures, delightful gifs, and intriguing facts, adding a touch of cuteness and joy to your exploration." />
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://pandaa.vercel.app/" />
+    <meta property="og:title" content="Explore Panda API for cute pics, fun gifs, and interesting facts!" />
+    <meta property="og:description" content="Delve into the Panda API to find charming pictures, delightful gifs, and intriguing facts, adding a touch of cuteness and joy to your exploration." />
+    <meta property="og:image" content="https://pandaa.vercel.app/static/images/panda-api-banner.webp" />
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:url" content="https://pandaa.vercel.app/" />
+    <meta name="twitter:site" content="@spoo_me">
+    <meta property="twitter:title" content="Explore Panda API for cute pics, fun gifs, and interesting facts!" />
+    <meta property="twitter:description" content="Delve into the Panda API to find charming pictures, delightful gifs, and intriguing facts, adding a touch of cuteness and joy to your exploration." />
+    <meta property="twitter:image" content="https://pandaa.vercel.app/static/images/panda-api-banner.webp" />
+
+    <meta content="#e9f7f5" name="theme-color">
+    <meta name="moz-appearance" content="#e9f7f5">
+    <meta content="#e9f7f5" name="msapplication-TileColor">
+
+    <!-- Microsoft Clarity -->
+    <script type="text/javascript">
+        (function(c,l,a,r,i,t,y){
+            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
+            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+        })(window, document, "clarity", "script", "kpf95ax5g2");
+    </script>
+
+    <!-- sites.google.com -->
+    <meta name="google-site-verification" content="cpoEeuaChja_qwJeku_D6PKtP1Uv7yexn6UWR7v7gCQ" />
+
     <style>
         * {
             -webkit-tap-highlight-color: transparent;
@@ -16,7 +52,7 @@
         }
 
         ::-webkit-scrollbar-track {
-            background: rgba(0, 0, 0, 0);
+            background: rgb(0, 0, 0);
         }
 
         ::-webkit-scrollbar-thumb {
@@ -95,6 +131,8 @@
             border-bottom: 1px solid black;
             padding-bottom: 3px;
             text-decoration: dashed underline;
+            text-decoration-skip: ink;
+            text-underline-offset: 4px;
         }
 
         .url:hover {