refactor(index.html): improve meta tags and utilize DNS prefetching

- Added `dns-prefetch` and `preconnect` links for better performance optimization. - Included `description` and `keywords` meta tags for better SEO. Fixes goplus#713 Signed-off-by: Aofei Sheng <[email protected]>
aofei · Aug 22, 2024 · 6618364 · 6618364
1 parent 26d17eb
commit 6618364
Showing 1 changed file with 22 additions and 12 deletions.
diff --git a/spx-gui/index.html b/spx-gui/index.html
@@ -1,22 +1,32 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-
   <head>
-    <meta charset="UTF-8">
-    <link rel="icon" href="/logo.svg">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    <link rel="dns-prefetch" href="https://builder-static.goplus.org" />
+    <link rel="dns-prefetch" href="https://aigc-static.goplus.org" />
+    <link rel="dns-prefetch" href="https://upload-na0.qiniup.com" />
+    <link rel="preconnect" href="https://builder-static.goplus.org" crossorigin />
+
     <title>Go+ Builder</title>
+    <meta name="description" content="Go+ Builder is a tool for building games. We create it to help children to learn abilities to build." />
+    <meta name="keywords" content="Go+ Builder, game development for kids, educational coding tools, STEM education, creative game building, children's programming, learn to code for kids" />
+
+    <link rel="icon" href="/logo.svg" />
+
+    <style>
+      html,
+      body,
+      #app {
+        width: 100%;
+        height: 100%;
+      }
+    </style>
   </head>
 
   <body>
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
-
-  <style>
-    html, body, #app {
-      width: 100%;
-      height: 100%;
-    }
-  </style>
 </html>