v0.5.115: add History routing and SEO prerender for Climperor Web.

Path URLs, crawlable hero/mechanics pages, and sitemap make the static site indexable while keeping SPA hydration. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-30 04:55:33 +08:00
parent 38f46ad2ea
commit 544ea42d40
16 changed files with 838 additions and 81 deletions
@@ -3,13 +3,67 @@
 <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>DOTA2 上分帝</title>
+  <title>DOTA2 上分帝 — 英雄克制 / 搭档 / 走势 / 机制</title>
+  <meta
+    name="description"
+    content="上分帝（Climperor）：Dota 2 英雄机制克制与搭档、段位走势、机制查询、物品与版本更新。定性关系理由 + 公开数据走势，助你上分。"
+  />
+  <meta name="keywords" content="DOTA2,上分帝,Climperor,英雄克制,搭档,胜率走势,机制查询,驱散,版本更新" />
+  <link rel="canonical" href="https://dota2.refining.dev/" />
+  <meta property="og:type" content="website" />
+  <meta property="og:site_name" content="上分帝" />
+  <meta property="og:locale" content="zh_CN" />
+  <meta property="og:title" content="DOTA2 上分帝 — 英雄克制 / 搭档 / 走势 / 机制" />
+  <meta
+    property="og:description"
+    content="Dota 2 英雄机制克制与搭档、段位走势、机制查询、物品与版本更新。"
+  />
+  <meta property="og:url" content="https://dota2.refining.dev/" />
+  <meta property="og:image" content="https://climperor.oss-cn-shanghai.aliyuncs.com/ui-icon/dota2_logo_wordmark.png" />
+  <meta name="twitter:card" content="summary" />
+  <meta name="twitter:title" content="DOTA2 上分帝" />
+  <meta
+    name="twitter:description"
+    content="Dota 2 英雄机制克制与搭档、段位走势、机制查询、物品与版本更新。"
+  />
+  <script type="application/ld+json" id="seo-jsonld">
+  {
+    "@context": "https://schema.org",
+    "@type": "WebSite",
+    "name": "上分帝",
+    "alternateName": ["Climperor", "DOTA2 上分帝"],
+    "url": "https://dota2.refining.dev/",
+    "inLanguage": "zh-CN",
+    "description": "Dota 2 英雄机制克制与搭档、段位走势、机制查询、物品与版本更新。",
+    "potentialAction": {
+      "@type": "SearchAction",
+      "target": "https://dota2.refining.dev/heroes?q={search_term_string}",
+      "query-input": "required name=search_term_string"
+    }
+  }
+  </script>
  <link rel="icon" href="/ui-icon/dota2_logo.png" type="image/png" />
-  <link rel="stylesheet" href="/style.css?v=0.5.114" />
-  <script src="/mobile-gate.js?v=0.5.114"></script>
+  <link rel="stylesheet" href="/style.css?v=0.5.115" />
+  <script src="/mobile-gate.js?v=0.5.115"></script>
 </head>
 <body>
  <h1 class="sr-only">DOTA2 上分帝</h1>
+  <aside id="seo-prerender" class="seo-prerender">
+    <p>
+      上分帝（Climperor）是面向 Dota 2 的选将与机制参考站：浏览英雄克制与搭档理由、
+      段位走势、机制查询（驱散与控制）、物品商店与版本更新。请使用桌面浏览器访问完整交互界面。
+    </p>
+    <ul>
+      <li><a href="/heroes">英雄克制与搭档</a></li>
+      <li><a href="/mechanics">机制查询</a></li>
+      <li><a href="/trends">近 8 周走势</a></li>
+      <li><a href="/items">物品商店</a></li>
+      <li><a href="/patches">版本更新</a></li>
+      <li><a href="/rankings">Immortal 排行</a></li>
+      <li><a href="/streamers">主播</a></li>
+      <li><a href="/matches">明星比赛</a></li>
+    </ul>
+  </aside>
  <div id="mobile-gate" class="mobile-gate" role="dialog" aria-labelledby="mobile-gate-title" aria-modal="true">
    <div class="mobile-gate-card">
      <div class="mobile-gate-brand" aria-hidden="true">
@@ -178,8 +232,8 @@

  <section class="detail" id="detail" aria-live="polite"></section>

-  <script src="/config.js?v=0.5.114"></script>
-  <script src="/router.js?v=0.5.114"></script>
-  <script src="/app.js?v=0.5.114"></script>
+  <script src="/config.js?v=0.5.115"></script>
+  <script src="/router.js?v=0.5.115"></script>
+  <script src="/app.js?v=0.5.115"></script>
 </body>
 </html>