page-cro

概觀

什麼是 page-cro？

page-cro 是一個專注在轉換率優化（CRO, Conversion Rate Optimization）的技能，用來分析行銷頁面，並提出實際可執行的轉換率提升方式。它特別聚焦在：首頁、行銷活動 Landing Page、價格頁、功能頁、Demo 申請頁，甚至是應該要帶來潛在客戶或註冊數的資源頁與部落格文章。

相較於模糊的意見回饋，page-cro 使用的是一套有結構的 CRO 架構。它會檢視價值主張是否清楚、標題與訊息溝通、行動呼籲（CTA）、視覺階層、信任感訊號、常見疑慮、阻力點，以及不同頁面類型的特定模式。產出的內容會整理成清楚的區塊，例如：Quick Wins、High-Impact Changes，以及 Test Ideas。

誰適合使用 page-cro？

如果你符合以下情境，page-cro 會很適合你：

• 擁有或管理必須帶來註冊、Demo 申請、試用、購買或訂閱的行銷頁面
• 有投放付費流量（例如 Google Ads、Meta Ads），並懷疑廣告訊息和 Landing Page 之間的溝通不一致
• 是行銷人、創辦人、PM 或 CRO 專家，希望取得有結構的建議與 A/B 測試點子
• 需要一套可重複使用的方法，來檢視多個產品、活動或市場的頁面

在以下這些情況，page-cro 特別有幫助：

• 「這個 Landing Page 沒什麼轉換」
• 「Bounce Rate 超高」
• 「訪客看完就直接離開，沒有註冊」
• 「幾乎沒有人選我們主要的價格方案」
• 「首頁流量在成長，但轉換率一直沒起色」

page-cro 解決什麼問題？

page-cro 可以幫你：

• 找出為什麼明明有流量的行銷頁，卻轉換不起來
• 把「我的 Landing Page 超爛」這種零散抱怨，轉成清楚的 CRO 診斷
• 依照影響層級來排優先順序：Quick Fix vs. 深度改版 vs. 實驗
• 產出具體的標題與 CTA 替代方案，而不是空泛的建議
• 腦力激盪出對應頁面類型（首頁、價格頁、Demo 申請頁等）的 A/B 測試構想

它不是視覺設計工具，也不是分析平台；而是像一位嵌入你工作流程的 CRO 專家，利用你既有的背景與流量數據，提出優化建議。

什麼時候該用 page-cro，而不是其它 CRO 技能？

page-cro 主要是為了單一頁面設計，只要該頁面的主要任務是把訪客轉成潛在客戶或付費客戶，就很適合使用。當你的核心問題是：「這個行銷頁有流量，但轉換不夠好」時，就可以用 page-cro。

遇到更特定的流程，可以搭配其他技能：

• 註冊與建立帳號流程：使用 signup-flow-cro
• 註冊後的 Onboarding 與啟用流程：使用 onboarding-cro
• 註冊以外的獨立表單（例如聯絡表單）：使用 form-cro
• Popup 與 Modal（離站提示、Lead Capture Overlay 等）：使用 popup-cro

如果不確定要用哪個，一般來說，只要是看起來像行銷頁、而且有明確轉換目標的 URL，用 page-cro 當預設選擇通常都沒問題。

使用方式

安裝與設定

要在你的 agent 或支援技能的環境中加入 page-cro，可從 marketingskills repository 安裝：

npx skills add https://github.com/coreyhaines31/marketingskills --skill page-cro

此指令只會拉取 coreyhaines31/marketingskills repo 裡的 page-cro 技能，包含主設定檔以及相關的評估與參考檔案。

page-cro 的關鍵檔案：

• SKILL.md – 定義 page-cro 技能的核心行為與角色
• evals/evals.json – 範例提示（prompts）與預期輸出，示範技能應該如何回應
• references/experiments.md – 依頁面類型整理的 CRO 實驗點子資料庫

安裝後，建議先開啟 SKILL.md，了解這個技能的角色與假設，再進一步查看 evals 與 references 資料夾，掌握實際使用方式與輸出格式。

核心流程：從 URL 到 CRO 建議

page-cro 會依固定流程來審視頁面：

1. 取得產品行銷背景
   如果你的專案中有 .agents/product-marketing-context.md（或較舊架構中的 .claude/product-marketing-context.md），技能會先讀取這個檔案。這能讓它在評估頁面前，就掌握產品定位、目標族群與訊息架構。

2. 辨識頁面類型與主要目標
   技能會先將頁面分類成以下其中一種：

   • Homepage
   • Landing page（例如活動或廣告專用頁）
   • Pricing page
   • Feature page
   • Blog/resource page
   • About 或其他行銷頁

   接著，它會辨識主要轉換目標，例如：

   • Sign up 或 Start a free trial
   • Request a demo
   • Purchase 或 Upgrade
   • Subscribe（電子報、內容系列等）
   • Download（Lead Magnet、白皮書）
   • Contact sales

3. 分析流量背景
   根據你的提示內容及任何附帶數據（例如來自 Google Ads、自然搜尋、Email 的流量），page-cro 會檢視導流來源與頁面文案之間的訊息是否匹配，並思考這對轉換率可能造成的影響。

4. 套用 CRO 分析架構
   依據 SKILL.md 及 evals/evals.json 中的範例，page-cro 會用一套有結構的 CRO 觀點來檢視頁面，通常包含：

   • 價值主張是否清楚
   • 標題是否有效
   • CTA 文案、位置與階層
   • 視覺階層與聚焦點
   • 信任感訊號與社會證據
   • 疑慮處理與風險反轉（Risk Reversal）
   • 阻力（表單、版面、干擾項目）

5. 輸出有結構的建議
   如 evals/evals.json 所示，預期輸出會整理成幾個主要區塊，例如：

   • Quick Wins – 可以立刻執行、投入成本低的調整
   • High-Impact Changes – 深度文案、版面或結構調整
   • Test Ideas – 依頁面類型與流量情境設計的 A/B 測試與實驗

   對許多提示內容來說，技能也會：

   • 指出廣告與頁面之間的訊息不匹配問題
   • 提供 2–3 個標題或 CTA 變體，並說明背後理由

常見使用情境

evals/evals.json 中提供了多種真實情境提示，以及技能在這些情境下的預期行為。典型用法像是：

• SaaS Landing Page 試用轉換很差
  提供頁面 URL、流量基本資訊（例如：「每月 5,000 位來自 Google Ads 的訪客，試用註冊率 1.2%」），讓 page-cro：

  • 確認頁面類型（Landing Page）
  • 確認轉換目標（Free Trial 註冊）
  • 分析價值主張、標題與 CTA
  • 提出 Quick Wins、結構調整，以及 A/B 測試點子

• 價格頁方案被過度集中或被忽略
  當某個方案被過度選擇或完全無人採用時，page-cro 會結合價格策略背景，以及 references/experiments.md 裡的實驗建議，提出與價格呈現、目標方案聚焦和疑慮處理相關的測試構想。

• 應該要帶來名單的部落格或資源頁
  對於高流量但轉換很低的內容頁，page-cro 會評估內容中的 CTA、Lead 表單的位置，以及主題與 Offer 的匹配程度，接著提出相對應的實驗建議。

使用實驗點子資料庫

references/experiments.md 是一份依頁面類型整理的 CRO 實驗點子清單：

• Homepage experiments（Hero 區塊、信任與社會證據、功能區、導覽）
• Pricing page experiments（方案排版、價格 Anchoring、疑慮處理）
• Demo request page experiments（表單阻力、CTA 變體、Routing）
• Resource/blog experiments（內容內 CTA、內嵌 vs. 側邊欄 Offer）
• Landing page experiments（訊息匹配、轉換聚焦、頁面長度）
• Feature page experiments（功能呈現方式、轉換動線）
• Cross-page experiments（全站實驗、導覽調整）

page-cro 能從這個資料庫中擷取資訊，並用來：

• 建議符合你特定頁面類型的實驗主題
• 把問題情境（例如沒有人選中間方案）轉成具體測試想法
• 提供一份有優先順序的實驗 Roadmap，而不是泛泛而談的建議清單

什麼情況下不適合用 page-cro？

若符合以下狀況，可以考慮改用其他方法或技能：

• 你的問題主要是註冊後的產品 Onboarding – 建議改用 onboarding-cro
• 你著重的是多步驟註冊或結帳流程，而不是單一行銷頁 – 建議改用 signup-flow-cro
• 你只想要視覺設計或 UI 元件層級的調整建議，且沒有明確轉換目標 – 比較適合設計導向的技能
• 目前幾乎沒有流量或基礎轉換數據 – page-cro 在已有一些數據或明確目標的狀況下效果最佳

常見問題（FAQ）

page-cro 實際會看我頁面的哪些部分？

page-cro 著重在轉換驅動因子，而不是程式碼或像素級設計。根據技能定義與評估提示，它特別關注：

• 價值主張是否在首屏就被清楚傳達
• 標題與副標題是否說明清楚：產品是給誰用、可以帶來什麼成果
• CTA 的清楚度、可見度與優先階層
• 廣告或流量來源的承諾，和頁面文案之間的訊息是否匹配
• 社會證據、信任徽章與推薦語的呈現位置與說服力
• 如何處理常見疑慮（價格、使用門檻、風險）
• 表單與版面上的阻力，是否會讓訪客中途放棄

page-cro 能幫忙優化 Google Ads 或其他付費流量活動嗎？

可以，但屬於間接支援。page-cro 的評估案例中包含來自 Google Ads 的流量情境，技能預期會：

• 辨識 Landing Page 是付費流量導入的目標頁面
• 比對推測中的廣告承諾與頁面訊息
• 將訊息不匹配標記為可能導致轉換率偏低的原因
• 提出標題和 CTA 變體，以及更貼近廣告活動的實驗構想

雖然它不會幫你管理廣告帳戶，但能提供「頁面端」的 CRO 建議，讓你的廣告預算運用更有效率。

page-cro 和一般的 Landing Page 建議有什麼不同？

page-cro 建構在明確的 CRO 架構之上，並且把具體預期行為寫在 evals/evals.json 裡。這代表它會：

• 一定會從頁面類型、轉換目標與流量背景開始分析
• 固定輸出有結構的區塊（Quick Wins、High-Impact Changes、Test Ideas），而不是散亂評論
• 提供具體的文案建議（例如替代標題與 CTA），並說明理由
• 利用 references/experiments.md 中整理好的實驗庫，提出實際可執行的 A/B 測試

因此，對於長期的 CRO 工作來說，它比一般只列「最佳實務清單」的建議更實用。

使用 page-cro 一定要有既有的分析數據嗎？

有基本數據時，page-cro 的威力會最大，例如流量量級、目前轉換率與流量來源。不過，即使沒有完整數據，它仍然可以：

• 檢視你的頁面結構與訊息架構
• 推測可能的阻力與溝通不清楚之處
• 提出一組起步用的調整與測試建議

如果你有數據（例如：「60% 選最便宜方案、30% 直接離站」），這個技能會把這些資訊納入診斷與實驗建議中。

page-cro 能處理同一個專案裡的不同頁面類型嗎？

可以。references/experiments.md 明確是依頁面類型來組織內容，而技能定義也要求在提出建議前先辨識頁面類型。這讓 page-cro 能夠：

• 對你的主站首頁套用專門的 Homepage 實驗
• 對價格方案頁應用專門的 Pricing Page 點子
• 對 Demo 申請頁設計表單與 Routing 相關實驗
• 針對部落格與資源中心優化內容內的 CTA

你可以在同一個產品或多個產品的不同 URL 與行銷活動中重複使用 page-cro。

要去哪裡看更多 page-cro 預期行為的範例？

開啟 page-cro 目錄中的 evals/evals.json 檔案。裡面有多個範例提示（例如 SaaS Landing Page、價格頁問題等），以及預期的分析邏輯與輸出結構說明。閱讀這些範例，是最快掌握如何撰寫自己提示內容，以及 page-cro 會回傳什麼類型結果的方式。