feat: enhance SEO and structured data in index.html

luckfunc · luckfunc · commit 8959ca7b0092 · 2025-07-12T17:36:29.000+08:00
diff --git a/index.html b/index.html
@@ -4,7 +4,64 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="./src/assets/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>JSON Formatter</title>
+    
+    <!-- SEO Meta Tags -->
+    <title>JSON Formatter - Free Online JSON Validator, Beautifier & Minifier Tool</title>
+    <meta name="description" content="Free online JSON formatter, validator and beautifier. Format, validate, minify JSON data with syntax highlighting. Dark/light theme support. Copy and download results instantly." />
+    <meta name="keywords" content="JSON formatter, JSON validator, JSON beautifier, JSON minifier, online JSON tool, JSON syntax highlighter, JSON parser" />
+    <meta name="author" content="const" />
+    <meta name="robots" content="index, follow" />
+    <meta name="language" content="English" />
+    
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://json.const.site/" />
+    <meta property="og:title" content="JSON Formatter - Free Online JSON Tool" />
+    <meta property="og:description" content="Free online JSON formatter, validator and beautifier. Format, validate, minify JSON data with syntax highlighting." />
+    <meta property="og:image" content="https://json.const.site/assets/preview.png" />
+    <meta property="og:site_name" content="JSON Formatter" />
+    
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:url" content="https://json.const.site/" />
+    <meta property="twitter:title" content="JSON Formatter - Free Online JSON Tool" />
+    <meta property="twitter:description" content="Free online JSON formatter, validator and beautifier. Format, validate, minify JSON data with syntax highlighting." />
+    <meta property="twitter:image" content="https://json.const.site/assets/preview.png" />
+    
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://json.const.site/" />
+    
+    <!-- Structured Data -->
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "WebApplication",
+      "name": "JSON Formatter",
+      "description": "Free online JSON formatter, validator and beautifier tool",
+      "url": "https://json.const.site/",
+      "author": {
+        "@type": "Person",
+        "name": "const",
+        "url": "https://blog.luckfunc.com"
+      },
+      "applicationCategory": "DeveloperApplication",
+      "operatingSystem": "Web Browser",
+      "offers": {
+        "@type": "Offer",
+        "price": "0",
+        "priceCurrency": "USD"
+      },
+      "featureList": [
+        "JSON formatting",
+        "JSON validation", 
+        "JSON minification",
+        "Syntax highlighting",
+        "Copy to clipboard",
+        "Download JSON files",
+        "Dark/Light theme"
+      ]
+    }
+    </script>
   </head>
   <body>
     <div id="root"></div>
diff --git a/src/constants/index.ts b/src/constants/index.ts
@@ -1,10 +1,13 @@
+declare const __BUILD_TIME__: string;
+
 export const DEFAULT_JSON = `{
   "name": "JSON Formatter",
   "version": "1.0.0",
   "description": "A beautiful JSON formatting tool",
   "author": "const",
   "site": "https://json.const.site",
   "blog": "https://blog.luckfunc.com",
+  "updateTime": "${__BUILD_TIME__}",
   "features": [
     "format",
     "minify",
diff --git a/vite.config.ts b/vite.config.ts
@@ -4,4 +4,7 @@ import react from '@vitejs/plugin-react';
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  define: {
+    __BUILD_TIME__: JSON.stringify(new Date().toLocaleString('zh-CN', { timeZone: 'Asia/Shanghai' })),
+  },
 });
