研究 govin999999 Threads 案例（Taste-Skill AI 設計工具），盤點鯤航現有網站問題，整合成七大面向可立即執行的建議。
版本：v1.0｜產出日期：2026-06-11｜官網：https://kunhang.com.tw/
來源任務：TASK-20260610T172528Z-6a76cc｜負責人：Tao/Oliver
帳號 @govin999999 分享了一個開源工具 Taste-Skill，目前有約 33,300 GitHub stars。它解決的核心問題是：「AI 生成的頁面通常有一種塑膠感（plastic quality）」。
做法是先透過 Taste-Skill 建立設計方向，再用 Claude 或 Cursor 實作程式碼，最終視覺品質明顯提升。
鯤航官網目前偏向「公司介紹單頁」風格，視覺呈現功能性強但轉換引導偏弱。Taste-Skill 的「頁面診斷 + 重建」功能，特別適合用於改造首頁首屏與招生簡章頁兩個最需要轉換的頁面，且不需要設計師參與。
| 目標頁面 | 建議風格 | 操作方法 | 預期效果 |
|---|---|---|---|
| 首頁首屏 | Minimalist（極簡） | 截圖現有首屏貼入 Taste-Skill，選 Minimalist 風格，要求保留海洋意象但強化 CTA 視覺層次 | 訊息層次更清晰，主標 → 副標 → CTA 三段式閱讀線更流暢 |
| 招生簡章頁 | 清晰資訊型（高資訊密度） | 將梯次表、費用表、報名流程文字貼入，要求輸出以卡片 + 時間軸方式排版的 HTML 原型 | 訪客 10 秒內找到「梯次 / 費用 / 如何報名」三個關鍵資訊 |
| 師資頁面 | Luxury（信任感） | 提供師資照片 + 資歷文字，要求設計師資卡片，突出航海資歷與海巡執照 | 強化信任感，降低潛在學員的疑慮 |
手機 / 桌面 PageSpeed 分數（2026-03-23 基準）。手機 FCP 12.4s、LCP 18.0s，主因圖片未壓縮。
招生簡章頁被設為 follow, noindex，Google 無法收錄最重要的轉換頁面。
知識學院目前僅有 2 篇文章，自然流量基礎薄弱，AEO 被引用機會極少。
workspace 內已有下列可用資料，本報告整合引用，未外洩敏感資訊。
| 檔案 | 內容摘要 | 本報告使用方式 |
|---|---|---|
| 2026-06-09-kunhang-website-seo-aeo-audit.html | 最新官網 SEO/AEO 稽核（P0/P1/P2 優先清單） | P0 問題直接納入本報告行動清單 |
| kunhang-seo-review.html | 11 項 SEO 問題，涵蓋 schema、alt tag、FAQ、評價 | 信任證明、AEO 章節參考 |
| seo-av8d-vs-kunhang.html | SEO/GEO/AEO 三維優化、AI 爬蟲 robots.txt 設定 | SEO/AEO 章節參考 |
| 鯤航_官網更新規劃.html | 2026 全年梯次（7 梯）、費用（NT$22,000–25,000）、年齡限制（18–65）、所需文件 | 招生頁建議使用實際數字 |
| 優化執行清單.md | PageSpeed 優化步驟（圖片 WebP/ShortPixel、Cloudflare 設定） | 手機體驗章節直接引用操作步驟 |
| GSC_AI問句撈取_AEO應用.html | GSC 問句篩選 Regex × 5 種意圖 | SEO/AEO 章節，內容策略 |
| 師資頁面.html、招生簡章_elementor_widget.html | 師資資訊 HTML 原型、招生 Elementor Widget | 信任證明章節參考 |
目前首頁 title 為「首頁」，meta description 只有品牌名，首屏文案語意模糊，數字動畫讓 AI 爬蟲只看到 0。
在 WordPress → Rank Math → 首頁設定中更新。
首頁統計數字（學員數、航程等）目前用 JS 動畫呈現，HTML 初始值為 0。需在 HTML 裡直接寫入真實數字（動畫只是視覺效果），讓 Google 與 ChatGPT 爬蟲直接讀到數字。
截圖現有首屏 → 貼入 Taste-Skill → 選 Minimalist 風格 → 匯出 HTML 原型給 Elementor 參考改版，保留海洋背景視覺但強化文字層次與 CTA 對比度。
招生簡章頁是轉換核心，但目前比較像靜態 PDF 公告，且被設成 noindex，完全無法被搜尋引擎收錄。
WordPress → Rank Math → 招生簡章頁 → Meta Robots → 改為 index, follow。改完後用 view-source 確認 <meta name="robots"> 不再輸出 noindex。
目前招生頁是長文敘述。建議重組為：
在招生頁的 <head> 或 Rank Math 的 Schema 欄位加入 Course schema，包含課程名稱、提供者（鯤航）、地點（台南安平）、費用區間、課程時數（96 小時）、報名連結。
目前官網缺乏學員評價、認證資訊、師資介紹的突出呈現，新訪客難以快速建立信任感。
收集 3–5 則真實學員回饋（Google Maps 評論或直接詢問已取得執照的學員），以帶有大頭貼 + 姓名縮寫（如「台南 陳○○」）的引言卡方式呈現在首頁與招生頁。
既有師資頁面已有 HTML 原型（師資頁面.html）。建議在首頁也嵌入師資摘要卡（照片 + 資歷 + 持照類別），強調教師具備哪些航海執照與實際海上經驗，而非只有名字與職稱。
聯絡頁補入完整 LocalBusiness schema：地址（台南市安平區華平路 721 號 1 樓）、電話、營業時間、服務項目（駕訓 + 遊艇 + 買賣）、Facebook / LINE / Instagram 連結。這讓 Google AI Overview 和 ChatGPT 能以鯤航為實體推薦台南遊艇訓練。
確認「累計學員數 / 訓練時數 / 航程」等數字有真實來源，並以靜態文字寫入 HTML。若暫時沒有確切數字，改用「2010 年創立 / 服務台南安平」等可驗證的資訊替代。
目前訪客需要自行尋找「如何報名 / 如何聯繫」，CTA 按鈕不突出、LINE 入口不固定。
在手機版加一個固定在畫面底部的 LINE 圖示按鈕（position: fixed, bottom: 0）。LINE 是台灣最主要的即時諮詢管道，降低學員詢問摩擦。
在頂部導覽列最右側加一個填滿色（深藍或鯤航品牌色）的「立即報名」按鈕，讓訪客隨時都找得到報名入口。
SEO 基礎問題（noindex、meta、schema）已在前面章節提及。這裡聚焦在 FAQ / 知識文章策略，也就是讓 AI 搜尋工具（ChatGPT、Perplexity、Google AI Overview）可以直接引用鯤航答案。
在招生頁或首頁加入以下 10 題 FAQ，每題以 60–120 字直接回答，並在 Rank Math 開啟 FAQPage Schema。
目前只有 2 篇。優先撰寫以下 5 篇（每篇 800–1,500 字，含 FAQPage schema）：
確認 robots.txt 未封鎖 GPTBot、ClaudeBot、PerplexityBot 等 AI 爬蟲，讓 ChatGPT / Perplexity 能抓取鯤航內容並在對話中引用。
上線 FAQ 和知識文章後，在 GSC 搜尋分析 → 篩選器加 Regex：^(怎麼|如何|哪裡|可以|需要|要幾) 定期撈取問句查詢，找出下一批要回答的問題。
手機版 PageSpeed 分數 55（2026-03-23 基準），FCP 12.4s / LCP 18.0s 均為紅燈，主因圖片未壓縮。台灣訪客超過 70% 從手機進站，這是最直接影響跳出率的問題。
安裝 ShortPixel Image Optimizer → 設定 Lossy + WebP → Bulk 壓縮全站圖片。預估手機分數可提升 +15–25 分。詳細操作步驟見既有的 優化執行清單.md（第一優先項目）。
Cloudflare → Caching → Browser Cache TTL 設定 4 小時以上；Static HTML 開啟 Cache Level: Standard。可搭配 Page Rules 對圖片和 JS/CSS 設定更長快取。
在 Elementor → 設定 → 效能 → 啟用 Lazy Load 圖片（或使用 a3 Lazy Load 外掛）。確保非首屏圖片不會在頁面載入時一次下載。
鯤航的差異化競爭力在於「台南唯一 / 少數提供 96 小時完整課程 + 實際航海訓練」的實體品牌，但目前官網的內容遠不足以展現這個優勢。
招募學員拍攝（或舊班徵求授權）：學員在船上操舵的照片、台南安平港視角照片、取得執照的歡慶照。真實場景比 Stock 圖更能建立信任感。
搭配既有的 AI 小編方案（鯤航_AI小編與社群海巡方案.html）：用 Taste-Skill 生成「招生圖卡模板」→ 交給 Claude 填入每梯次資訊 → 直接發 Threads / Instagram，形成內容循環。
請 1–2 位取得執照的學員拍攝一支 30 秒的手機直拍短影音（說說「為什麼選鯤航、課程中最印象深刻的事、取得執照後的計畫」），嵌入官網首頁與招生頁。這是目前最缺、效果也最強的信任素材。
利用 Tao 和教師的實際業務知識（費用細節、體檢流程、換照步驟）作為文章素材，由 Claude 協助撰寫草稿後人工審核，避免只有空泛策略沒有實質資訊。
| 優先 | 項目 | 預估工時 | 負責人 | 狀態 |
|---|---|---|---|---|
| P0 | 招生頁解除 noindex | 5 分鐘 | Tao（WordPress 後台） | 待執行 |
| P0 | 首頁 title / meta description 更新 | 10 分鐘 | Tao（Rank Math） | 待執行 |
| P0 | 首屏 H1 + 副標 + CTA 文案改寫 | 30 分鐘 | Tao（Elementor） | 待執行 |
| P0 | 手機固定 LINE 按鈕 | 20 分鐘 | Tao 或開發 | 待執行 |
| P0 | 圖片壓縮 WebP（ShortPixel） | 30 分鐘設定 + 背景執行 | Tao（WP 後台） | 待執行 |
| P1 | 招生頁改版（梯次卡 + 費用 + 流程 + FAQ） | 2–4 小時 | Tao + Elementor / 開發 | 待規劃 |
| P1 | FAQ 10 題 + FAQPage Schema | 1 小時 | Claude 草稿 → Tao 確認 | 待執行 |
| P1 | Course + LocalBusiness Schema | 1 小時 | Claude 草稿 → Tao 加入 Rank Math | 待執行 |
| P1 | 數字動畫修復（靜態文字） | 30 分鐘 | Tao（Elementor） | 待執行 |
| P1 | 學員評價 3–5 則 | 1 週（收集） | Tao（主動詢問學員） | 待收集 |
| P1 | 知識文章 5 篇（SEO 導向） | 2–3 週 | Claude 草稿 → Tao 審核 | 待規劃 |
| P2 | robots.txt 允許 AI 爬蟲 | 10 分鐘 | Tao 或 Cloudflare | 待執行 |
| P2 | Cloudflare 快取優化 | 30 分鐘 | Tao（Cloudflare 後台） | 待執行 |
| P2 | Taste-Skill 重設計首屏（實驗性） | 1–2 小時 | Tao（使用 Taste-Skill + Claude） | 待嘗試 |
| P2 | 學員見證影片 30 秒 | 1–2 週（拍攝） | Tao（找學員配合） | 長期 |
| 版本 | 日期 | 變更內容 | 產出人 |
|---|---|---|---|
| v1.0 | 2026-06-11 | 初版：整合 Threads Taste-Skill 案例、鯤航現況盤點、七大面向建議、優先順序總表 | claude-server（TASK-20260610T172528Z-6a76cc） |