refactor(ui): update SEO and social sharing meta tags (#732)

## What type of PR is this? /kind refactor(ui) ## What this PR does / why we need it: This PR updates the website's SEO and social sharing meta tags to improve visibility and user engagement. The changes include: - Adding Open Graph and Twitter Card meta tags to enhance the appearance of shared links on social media platforms. - Updating the meta description to better highlight the advanced search and insight capabilities of the platform. - Refining the title to emphasize the intelligence features for Kubernetes, making it more appealing to the target audience. ## Which issue(s) this PR fixes: Fixes #
KusionStack · Jan 14, 2025 · 548beb5 · 548beb5
1 parent bb6a549
commit 548beb5
Showing 1 changed file with 21 additions and 3 deletions.
diff --git a/ui/public/index.html b/ui/public/index.html
@@ -23,9 +23,27 @@
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#000000" />
   <meta name="keywords"
-    content="Kubernetes,Intelligence,Search,AI,Kubernetes Explorer,Kubernetes Dashboard,Cloud Native,Multi Cluster" />
+    content="Kubernetes,Search,AI,Kubernetes Explorer,Kubernetes Dashboard,Cloud Native,Multi Cluster" />
   <meta name="description"
-    content="Karpor is a Kubernetes Explorer/Kubernetes Dashboard focusing on Search, Insight and AI. It has self-host, secure compliance, multi-cloud/multi-cluster support" />
+    content="Advanced Search and Insight capabilities for your Kubernetes clusters across any clouds. Powered by LLM, providing real-time insights and expert-level solutions." />
+  <!-- Open Graph Meta Tags for better social sharing -->
+  <meta property="og:title" content="Karpor - Intelligence for Kubernetes" />
+  <meta property="og:description" content="Advanced Search and Insight capabilities for your Kubernetes clusters across any clouds. Powered by LLM, providing real-time insights and expert-level solutions." />
+  <meta property="og:type" content="website" />
+  <meta property="og:site_name" content="Karpor" />
+  <meta property="og:locale" content="en_US" />
+  <meta property="og:image" content="%PUBLIC_URL%/logo512.png" />
+  <meta property="og:image:width" content="512" />
+  <meta property="og:image:height" content="512" />
+  <meta property="og:image:alt" content="Karpor Logo" />
+  <!-- Twitter Card Meta Tags -->
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="Karpor - Intelligence for Kubernetes" />
+  <meta name="twitter:description" content="Advanced Search and Insight capabilities for your Kubernetes clusters across any clouds. Powered by LLM, providing real-time insights and expert-level solutions." />
+  <meta name="twitter:image" content="%PUBLIC_URL%/logo512.png" />
+  <!-- Additional SEO Meta Tags -->
+  <meta name="robots" content="index, follow" />
+  <meta name="author" content="KusionStack" />
   <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
   <!--
       manifest.json provides metadata used when your web app is installed on a
@@ -41,7 +59,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-  <title>Karpor - A Modern Kubernetes Explorer/Kubernetes Dashboard</title>
+  <title>Karpor - Intelligence for Kubernetes</title>
 </head>
 
 <body>