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,10 +2,57 @@
 <html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
-    <title>外贸小助手 - TradeMate</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, viewport-fit=cover" />
+    <meta name="description" content="TradeMate 外贸小助手 - AI 驱动的外贸智能工作台。智能翻译、客户管理、营销文案、报价单生成、WhatsApp 集成，专为外贸 SOHO 和小团队打造。" />
+    <meta name="keywords" content="外贸小助手,TradeMate,外贸AI工具,智能翻译,客户管理,营销文案,报价单,WhatsApp集成,外贸SOHO,外贸工具" />
+    <meta name="author" content="北京宇之然科技中心" />
+    <meta name="robots" content="index, follow" />
+    <meta name="theme-color" content="#1890ff" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
+    <meta name="apple-mobile-web-app-title" content="TradeMate" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <link rel="canonical" href="https://trade.yuzhiran.com/app/" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="TradeMate 外贸小助手 - AI 驱动的外贸智能工作台" />
+    <meta property="og:description" content="专为外贸 SOHO 和小团队打造的 AI 智能工作台。集成智能翻译、客户管理、营销文案、报价单、WhatsApp 沟通于一体。" />
+    <meta property="og:url" content="https://trade.yuzhiran.com/app/" />
+    <meta property="og:site_name" content="TradeMate" />
+    <meta property="og:image" content="https://trade.yuzhiran.com/og-image.png" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="TradeMate 外贸小助手" />
+    <meta name="twitter:description" content="AI 驱动的外贸智能工作台" />
+    <meta name="twitter:image" content="https://trade.yuzhiran.com/og-image.png" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+    <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png" />
+    <link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon-167x167.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": "SoftwareApplication",
+      "name": "TradeMate 外贸小助手",
+      "url": "https://trade.yuzhiran.com/app/",
+      "applicationCategory": "BusinessApplication",
+      "operatingSystem": "Web, iOS, Android",
+      "description": "AI 驱动的外贸智能工作台，专为外贸 SOHO 和小团队打造",
+      "offers": {
+        "@type": "Offer",
+        "price": "0",
+        "priceCurrency": "CNY"
+      },
+      "aggregateRating": {
+        "@type": "AggregateRating",
+        "ratingValue": "4.8",
+        "ratingCount": "1200"
+      }
+    }
+    </script>
+    <title>TradeMate 外贸小助手 - AI 驱动的外贸智能工作台</title>
  </head>
  <body>
    <div id="app"></div>