09 到上線測試還有多少工作

五個階段、16 棒;哪些能平行、哪些已由決策者裁示

已完成:素材、骨架、內容頁 待做:SEO、英文版、截圖、部署 4 件已裁示

09 到上線測試還有多少工作

「上線測試」的定義:官網部署到 Cloudflare Pages 的測試網址,全部頁面有真文案(中英)、真截圖,SEO/AI SEO 配備齊全(測試期全站 noindex),用爬蟲身分抓得到內文,可以給內部與少數外部人看。不含正式網域切換。

§1

一、一句話

素材與骨架都好了,剩下的是把文案變成頁面、把頁面用 TanStack Start prerender 成靜態站、再把 SEO 配備掛上去。五個階段 16 棒,階段 B、C 可平行。有 4 件已裁示(見第五節)。

§2

二、已經完成的(不用再做)

項目 位置
產品盤點、網站地圖、截圖清單 01、02
首頁、產品總覽、五個功能細頁、五個解決方案頁、信任中心/預約/聯絡 文案(中英) 03~06
指南六篇(中英)+知識庫 docs/website/guides/
架構決策:留 TanStack Start 開 prerender、Pages、SEO/GEO 做法 08
骨架:版型、亮暗主題、中英切換、首頁、產品總覽(TanStack 版,已開 prerender) guidant-ai-website
ISO 27001 內建框架 FR-153 已出貨,截圖前置解除
公司資訊、Logo 規格、CTA 兩種、不做價格頁 已定
§3

三、五個階段

階段 A:地基(已取消)

# 棒 做什麼 驗收 估
A1 轉 Next.js 已取消(決策者改判留 TanStack,prerender 併入 B1 完成) 已由 B1 達成:.output/public/ 48 支 index.html —

階段 B:內容頁(5 棒,B5 等 C1)

每棒:路由、頁面元件、文案進 i18n json(中文;英文欄位先複製中文)、圖片用 Placeholder、FAQ 用手風琴。

# 棒 文案來源 頁數 估
B1 功能細頁 04 5 1 天
B2 解決方案(適用法規 3+依角色 2) 05 5 1 天
B3 信任中心、預約展示、聯絡我們、隱私權/服務條款占位 06 5 1 天
B4 指南:清單頁+六篇文章,Markdown 檔渲染(content/guides/<slug>.<lang>.md) docs/website/guides/articles(-en)/ 7 1 天
B5 英文版(CM-2956,等 C1) 03~06 英文稿 全站 —

階段 C:SEO/AI SEO 配備(5 棒,可平行)

全部抄 design-home,座標在 08 §九。

# 棒 做什麼 驗收 估
C1 Metadata 每頁 canonical、hreflang(zh-Hant/en/x-default)、og:url/image/locale 任一頁原始 HTML 有 rel=canonical 與兩組 hreflang 0.5 天
C2 robots+sitemap public/robots.txt AI 爬蟲清單+Sitemap 行;scripts/gen-sitemap.mjs → public/sitemap.xml 中英全頁 /robots.txt 列出 GPTBot 等;/sitemap.xml 條數=頁數×2 0.5 天
C3 JSON-LD src/lib/jsonld.ts+各路由 head();root 掛 Organization(竣盟公司資訊);產品頁 SoftwareApplication、指南 Article、有 FAQ 的頁 FAQPage、每頁 BreadcrumbList validator.schema.org 貼本機 build 出的 HTML 無錯 1 天
C4 llms.txt public/llms.txt 寫死:公司一段、頁面清單、指南清單 /llms.txt 開得到 0.5 天
C5 og 圖 每區一張 1200×630 WebP(首頁、產品、解決方案、指南、信任中心) public/og/ 五張,C1 引用 0.5 天(需設計決定風格)

階段 D:截圖(2 棒,串行,可與 B/C 平行)

# 棒 做什麼 估
D1 建 Demo 資料 DEV 的 Billows Tech 租戶下建 CMMC L2 專案(虛構公司名與人名),資源庫用內建 CMMC,約 30 條走完任務→證據→判定→改善→結案;另跑一批 AI 分類、一次檢測 1 天
D2 截圖與替換 本機 DEV 1440×900 @2x,16 張 × 亮暗兩套(清單見 01 §三);壓 WebP;換掉所有 Placeholder;<img> 標寬高 1 天

階段 E:部署與驗收(3 棒,串行,B/C/D 全過後)

# 棒 做什麼 驗收 估
E1 Cloudflare Pages Pages 專案連 GitLab,build npm run build,輸出 .output/public;VITE_SITE_URL 設測試網址;測試網址 guidant-ai.stg.jedicotech.com 與 pages.dev 並用,測試期全站 noindex(照 E1 卡尾) push 後自動部署成功 0.5 天
E2 表單與分析 預約/聯絡表單送出去向(見「卡決策者」);GA4 或 Cloudflare Web Analytics 掛 root;表單送出設轉換事件;AI 搜尋管道群組 送一筆測試表單收得到 0.5 天
E3 上線測試驗收 爬蟲身分抓:curl -s -A "GPTBot" <網址> | grep -c Guidant > 0、-A ClaudeBot 抓 /solutions/cmmc 有 CMMC;rich-results 測試過;中英兩邊都驗、全站點一遍、Search Console/Bing 送件(照 E3 卡尾);手機寬度無橫向捲動;亮暗兩套都看 驗收表全綠 0.5 天
§4

四、時程

B1 B2 B3 B4(內容頁,4 棒平行)──┐
C1 C2 C3 C4 C5(SEO,5 棒平行)──┼─ E1 → E2 → E3
B5 英文版(等 C1)───────────────┤
D1 → D2(截圖,D2 等 C5)────────┘
排法 工作天
一個 runner 串行 11~14 天
B/C 各一 runner 平行,D 另一 runner 8~10 天
§5

五、決策者已裁示的 4 件事

# 事 卡住哪一棒 裁示
1 測試網址 E1 guidant-ai.stg.jedicotech.com 與 pages.dev 並用,測試期全站 noindex;正式網域上線前再決定
2 預約/聯絡表單送到哪 E2 先寄到 billows@billows.com.tw
3 og 圖與截圖的視覺風格 C5、D2 截圖加 16px 圓角與淡陰影;og 圖深 teal 底+白字標題+Logo
4 分析工具 E2 第一版用 Cloudflare Web Analytics,要轉換追蹤再換 GA4

英文版 B5(CM-2956)已開卡,排在 C1 後;B2B 站外佈局清單(08 §八第 11 項)是文件工作,另排。

§6

六、風險

風險 影響 對策
Demo 資料建不出「走到結案」的專案(流程門檻、FR-139 branch 功能狀態) D2 的稽核判定、改善、結案報告三張截不到 先截不需要專案狀態的 8 張;卡住的三張用 CRA 自評專案(1591)頂替
文案含內部標記(🟡🔵【待確認】)漏進頁面 上線測試被看到 每棒 commit 前 grep -rn "🟡|🔵|待確認" i18n content 要空,驗收也查