feat: SEO 优化与浏览器自动化测试

- 为 admin-frontend、user-frontend、uni-app 添加完整 SEO meta 标签 - 添加结构化数据 (JSON-LD) 提升搜索引擎理解 - 创建 robots.txt 和 sitemap.xml 文件 - 优化移动端 viewport、PWA 支持、theme-color - 添加 Open Graph 和 Twitter Card 元标签 - 创建浏览器自动化测试脚本 (11 项测试全部通过) - 修复 Nginx charset 配置解决编码问题
2026-06-29 20:17:59 +08:00
parent ad329815fa
commit 9ca5d79d8a
8 changed files with 528 additions and 4 deletions
@@ -2,7 +2,36 @@
 <html lang="zh-CN">
 <head>
  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <meta name="description" content="TradeMate 管理后台 — 外贸小助手的管理控制台。管理用户、产品、订单、AI 模型配置、系统设置等。" />
+  <meta name="keywords" content="外贸管理后台,TradeMate,外贸小助手,用户管理,产品管理,AI配置" />
+  <meta name="author" content="北京宇之然科技中心" />
+  <meta name="robots" content="noindex, nofollow" />
+  <meta name="theme-color" content="#1890ff" />
+  <link rel="canonical" href="https://trade.yuzhiran.com/admin/" />
+  <meta property="og:type" content="website" />
+  <meta property="og:title" content="TradeMate 管理后台" />
+  <meta property="og:description" content="TradeMate 外贸小助手的管理控制台" />
+  <meta property="og:url" content="https://trade.yuzhiran.com/admin/" />
+  <meta property="og:site_name" content="TradeMate" />
+  <meta name="twitter:card" content="summary" />
+  <meta name="twitter:title" content="TradeMate 管理后台" />
+  <meta name="twitter:description" content="TradeMate 外贸小助手的管理控制台" />
+  <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "WebApplication",
+    "name": "TradeMate 管理后台",
+    "url": "https://trade.yuzhiran.com/admin/",
+    "applicationCategory": "BusinessApplication",
+    "operatingSystem": "Web",
+    "description": "TradeMate 外贸小助手的管理控制台"
+  }
+  </script>
  <title>TradeMate 管理后台</title>
 </head>
 <body>