Add SEO, PWA, and deployment metadata files

Added CLAUDE.md for Claude Code guidance, enhanced index.html with comprehensive SEO, social, and structured data meta tags, and introduced manifest.json for PWA support. Added robots.txt and sitemap.xml for improved search engine indexing and deployment configuration.
2025-11-12 20:18:08 +08:00
1 parent c0a6304b92
commit 2ba053b374
@@ -4,8 +4,85 @@
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="Modern UUID Playground - Generate and explore UUID formats with a beautiful interface" />
-    <title>UUID Playground</title>
+
+    <!-- Primary Meta Tags -->
+    <title>UUID Playground - Generate & Explore UUIDs Online</title>
+    <meta name="title" content="UUID Playground - Generate & Explore UUIDs Online" />
+    <meta name="description" content="Free online UUID generator supporting v1, v4, and v7. View UUIDs in 8 different formats including canonical, hex, Base64, and more. Modern interface with light/dark themes." />
+    <meta name="keywords" content="UUID generator, GUID generator, UUID v4, UUID v7, UUID v1, UUID formats, unique identifier, random UUID, time-based UUID, UUID converter, UUID validator" />
+    <meta name="author" content="Xi Xu" />
+    <meta name="robots" content="index, follow" />
+    <meta name="language" content="English" />
+    <meta name="theme-color" content="#667eea" />
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://uuid.xi-xu.me/" />
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://uuid.xi-xu.me/" />
+    <meta property="og:title" content="UUID Playground - Generate & Explore UUIDs Online" />
+    <meta property="og:description" content="Free online UUID generator supporting v1, v4, and v7. View UUIDs in 8 different formats including canonical, hex, Base64, and more." />
+    <meta property="og:image" content="https://uuid.xi-xu.me/og-image.png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:site_name" content="UUID Playground" />
+    <meta property="og:locale" content="en_US" />
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:url" content="https://uuid.xi-xu.me/" />
+    <meta name="twitter:title" content="UUID Playground - Generate & Explore UUIDs Online" />
+    <meta name="twitter:description" content="Free online UUID generator supporting v1, v4, and v7. View UUIDs in 8 different formats including canonical, hex, Base64, and more." />
+    <meta name="twitter:image" content="https://uuid.xi-xu.me/og-image.png" />
+    <meta name="twitter:creator" content="@xixu_me" />
+
+    <!-- Manifest for PWA -->
+    <link rel="manifest" href="/manifest.json" />
+
+    <!-- Apple Touch Icon -->
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+
+    <!-- JSON-LD Structured Data -->
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "WebApplication",
+      "name": "UUID Playground",
+      "url": "https://uuid.xi-xu.me/",
+      "description": "Free online UUID generator supporting v1, v4, and v7. View UUIDs in 8 different formats including canonical, hex, Base64, and more.",
+      "applicationCategory": "DeveloperApplication",
+      "operatingSystem": "Any",
+      "offers": {
+        "@type": "Offer",
+        "price": "0",
+        "priceCurrency": "USD"
+      },
+      "author": {
+        "@type": "Person",
+        "name": "Xi Xu",
+        "url": "https://xi-xu.me"
+      },
+      "browserRequirements": "Requires JavaScript. Requires HTML5.",
+      "screenshot": "https://uuid.xi-xu.me/og-image.png",
+      "featureList": [
+        "Generate UUIDv1 (time-based)",
+        "Generate UUIDv4 (random)",
+        "Generate UUIDv7 (time-ordered)",
+        "View UUIDs in 8 different formats",
+        "One-click copy to clipboard",
+        "UUID validation and normalization",
+        "Dark and light themes",
+        "Keyboard shortcuts support",
+        "Auto-generate at intervals"
+      ],
+      "aggregateRating": {
+        "@type": "AggregateRating",
+        "ratingValue": "5",
+        "ratingCount": "1"
+      }
+    }
+    </script>
  </head>
  <body>
    <div id="root"></div>