feat: enhance SEO and metadata for DevLab

- Updated the title and meta tags to improve search engine optimization and provide a clearer description of the application. - Added Open Graph and Twitter Card metadata for better social media sharing. - Included structured data (JSON-LD) to enhance visibility in search results and provide detailed information about the application.
2026-01-19 15:20:43 +08:00
parent 11d0cc5765
commit 9c7861b975
3 changed files with 120 additions and 1 deletions
@@ -4,7 +4,63 @@
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/onixbyte.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>DevLab</title>
+    
+    <!-- Primary Meta Tags -->
+    <title>DevLab - Free Developer Tools Collection</title>
+    <meta name="title" content="DevLab - Free Developer Tools Collection" />
+    <meta name="description" content="A collection of powerful, privacy-focused developer tools. JSON Viewer with JSONPath queries, BMI Calculator, and more. All processing happens locally in your browser." />
+    <meta name="keywords" content="developer tools, JSON viewer, JSONPath, BMI calculator, privacy-focused tools, free tools, online tools, JSON parser, JSON visualiser" />
+    <meta name="author" content="OnixByte" />
+    <meta name="robots" content="index, follow" />
+    <meta name="language" content="English" />
+    <meta name="revisit-after" content="7 days" />
+    
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://dev-lab.onixbyte.dev/" />
+    <meta property="og:title" content="DevLab - Free Developer Tools Collection" />
+    <meta property="og:description" content="A collection of powerful, privacy-focused developer tools. JSON Viewer with JSONPath queries, BMI Calculator, and more. All processing happens locally in your browser." />
+    <meta property="og:image" content="https://dev-lab.onixbyte.dev/onixbyte.svg" />
+    <meta property="og:locale" content="en_GB" />
+    <meta property="og:site_name" content="DevLab" />
+    
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:url" content="https://dev-lab.onixbyte.dev/" />
+    <meta property="twitter:title" content="DevLab - Free Developer Tools Collection" />
+    <meta property="twitter:description" content="A collection of powerful, privacy-focused developer tools. JSON Viewer with JSONPath queries, BMI Calculator, and more." />
+    <meta property="twitter:image" content="https://dev-lab.onixbyte.dev/onixbyte.svg" />
+    
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://dev-lab.onixbyte.dev/" />
+    
+    <!-- Structured Data (JSON-LD) -->
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "WebApplication",
+      "name": "DevLab",
+      "description": "A collection of powerful, privacy-focused developer tools including JSON Viewer with JSONPath queries and BMI Calculator.",
+      "url": "https://dev-lab.onixbyte.dev",
+      "applicationCategory": "DeveloperApplication",
+      "operatingSystem": "Web Browser",
+      "offers": {
+        "@type": "Offer",
+        "price": "0",
+        "priceCurrency": "USD"
+      },
+      "featureList": [
+        "JSON Viewer with JSONPath queries",
+        "BMI Calculator",
+        "Privacy-focused local processing",
+        "Free and open source"
+      ],
+      "author": {
+        "@type": "Organization",
+        "name": "OnixByte"
+      }
+    }
+    </script>
  </head>
  <body>
    <div id="root"></div>