feat: Add SEO related improvements

index.html

@@ -5,13 +5,21 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <!-- Primary Meta Tags -->
-    <title>Beautiful themes for shadcn/ui — tweakcn</title>
-    <meta name="title" content="Beautiful themes for shadcn/ui — tweakcn" />
+    <title>
+      Beautiful themes for shadcn/ui — tweakcn | Theme Editor & Generator
+    </title>
+    <meta
+      name="title"
+      content="Beautiful themes for shadcn/ui — tweakcn | Theme Editor & Generator"
+    />
     <meta
       name="description"
-      content="tweakcn is a powerful theme editor for shadcn/ui components, offering beautifully designed themes and seamless Tailwind CSS integration."
+      content="tweakcn is a powerful theme editor for shadcn/ui components, offering beautifully designed themes and seamless Tailwind CSS integration. Create, customize, and export themes instantly."
     />
 
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://tweakcn.com/" />
+
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
@@ -29,31 +37,32 @@
     <meta property="og:url" content="https://tweakcn.com/" />
     <meta
       property="og:title"
-      content="Beautiful themes for tailwind & shadcn/ui — tweakcn"
+      content="Beautiful themes for shadcn/ui — tweakcn | Theme Editor & Generator"
     />
     <meta
       property="og:description"
-      content="tweakcn is a powerful theme editor for tailwind & shadcn/ui components, offering beautifully designed themes and seamless Tailwind CSS integration."
+      content="tweakcn is a powerful theme editor for shadcn/ui components, offering beautifully designed themes and seamless Tailwind CSS integration. Create, customize, and export themes instantly."
     />
     <meta property="og:image" content="https://tweakcn.com/og-image.png" />
+    <meta property="og:site_name" content="tweakcn" />
 
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image" />
     <meta property="twitter:url" content="https://tweakcn.com/" />
     <meta
       property="twitter:title"
-      content="Beautiful themes for tailwind & shadcn/ui — tweakcn"
+      content="Beautiful themes for shadcn/ui — tweakcn | Theme Editor & Generator"
     />
     <meta
       property="twitter:description"
-      content="tweakcn is a powerful theme editor for tailwind & shadcn/ui components, offering beautifully designed themes and seamless Tailwind CSS integration."
+      content="tweakcn is a powerful theme editor for shadcn/ui components, offering beautifully designed themes and seamless Tailwind CSS integration. Create, customize, and export themes instantly."
     />
     <meta property="twitter:image" content="https://tweakcn.com/og-image.png" />
 
     <!-- Keywords -->
     <meta
       name="keywords"
-      content="theme editor, theme generator, shadcn, ui, components, react, tailwind, button, editor, visual editor, component editor"
+      content="theme editor, theme generator, shadcn, ui, components, react, tailwind, button, editor, visual editor, component editor, web development, frontend, design system, UI components, React components, Tailwind CSS, shadcn/ui themes"
     />
 
     <!-- Author -->
@@ -61,6 +70,34 @@
 
     <!-- Theme Color -->
     <meta name="theme-color" content="#000000" />
+
+    <!-- Additional Meta Tags -->
+    <meta name="robots" content="index, follow" />
+    <meta name="language" content="English" />
+    <meta name="revisit-after" content="7 days" />
+    <meta name="generator" content="Vite" />
+
+    <!-- Structured Data -->
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "WebApplication",
+        "name": "tweakcn",
+        "description": "A powerful theme editor for shadcn/ui components, offering beautifully designed themes and seamless Tailwind CSS integration.",
+        "url": "https://tweakcn.com",
+        "applicationCategory": "DesignApplication",
+        "operatingSystem": "Web",
+        "offers": {
+          "@type": "Offer",
+          "price": "0",
+          "priceCurrency": "USD"
+        },
+        "author": {
+          "@type": "Person",
+          "name": "Sahaj Jain"
+        }
+      }
+    </script>
   </head>
 
   <body>

public/robots.txt

@@ -0,0 +1,9 @@
+User-agent: *
+Allow: /
+Allow: /editor/theme
+Allow: /sitemap.xml
+Disallow: /api/
+Disallow: /admin/
+Disallow: /private/
+
+Sitemap: https://tweakcn.com/sitemap.xml 

public/sitemap.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>https://tweakcn.com/</loc>
+    <lastmod>2024-03-31</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>1.0</priority>
+  </url>
+  <url>
+    <loc>https://tweakcn.com/editor/theme</loc>
+    <lastmod>2024-03-31</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.9</priority>
+  </url>
+</urlset>