Communitygithub.com

B3Padrin/market-landing

對任何著陸頁進行全面的轉換率優化(CRO)分析。此技能會產出逐區塊的評析,並附上按優先順序排列、可直接影響轉換率的可行修復建議。

market-landing 是什麼?

這個 AI 代理技能(例如適用於 Claude Code、Cursor 或 Codex)旨在對任何著陸頁執行深入的轉換率優化分析。它遵循一個結構化的 8 步驟框架,從識別頁面類型(例如潛在客戶開發、SaaS 註冊)開始,接著使用 7 點 CRO 框架評估頁面的每個區塊(英雄區塊、價值主張、社會證明等)。每個區塊都會根據具體標準(如標題清晰度、CTA 按鈕可見度和行動呼籲文案強度)進行 1 到 10 分的評分。分析還包括文案評分、表單優化審計、行動裝置回應性檢查以及頁面速度影響評估。最終輸出是一個全面的 `LANDING-CRO.md` 檔案,其中包含總體 CRO 分數、按區塊的詳細分析、優先修復清單(快速勝利、中期、策略性)以及根據假設框架制定的 A/B 測試建議。透過結合基於證據的建議與預期的收入影響,此技能幫助開發者和行銷人員系統性地提高轉換率。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/B3Padrin/Agent/tree/HEAD/skills/market-landing

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

著陸頁 CRO 分析

技能目的

對任何著陸頁進行全面的轉換率優化(CRO)分析。此技能產出逐區塊的評析,並附上按優先順序排列、可直接影響轉換率的可行修復建議。

使用時機

  • 使用者提供著陸頁網址並要求進行轉換率分析
  • 使用者要求對著陸頁提供回饋、審查或稽核
  • 使用者希望改善註冊、潛在客戶開發或購買率
  • 可透過 /market landing <url> 或 /market cro <url> 觸發

執行方式

步驟 1:識別頁面類型

判斷你正在分析的是哪種類型的著陸頁。這會影響基準期望和評分權重。

頁面類型主要目標良好轉換率優秀轉換率
潛在客戶開發電子郵件/表單提交5-10%15%+
SaaS 註冊免費試用或 Freemium 註冊3-7%10%+
電子商務產品加入購物車 / 購買2-4%5%+
網路研討會報名註冊活動20-30%40%+
應用程式下載安裝應用程式10-15%20%+
等候清單加入等候清單15-25%35%+
諮詢預約預約通話5-10%15%+
非營利捐款進行捐款2-5%8%+

步驟 2:執行 7 點 CRO 框架

依序分析每個區塊。為每個區塊評分 1-10,並提供具體發現。

區塊 1:英雄區塊(權重:25%)

訪客看到的第一個畫面。這是 80% 轉換決策的起點。

檢查清單:

  • 標題在頁面載入後 2 秒內可見
  • 標題傳達主要效益(而非功能)
  • 標題少於 10 個字
  • 副標題以具體方式擴充標題
  • 主要 CTA 位於摺頁上方
  • CTA 按鈕顏色與背景形成對比
  • CTA 文字是行動導向(而非「提交」或「點擊此處」)
  • 英雄圖片或影片支援訊息(而非通用的庫存圖片)
  • 信任徽章或社會證明位於摺頁上方
  • 頁面在 3 秒內載入
  • 沒有與 CTA 競爭的導航選單(針對專用著陸頁)

評分標準:

  • 9-10:標題以效益為導向、具體且有說服力。CTA 清晰且對比鮮明。視覺內容支援訊息。存在信任指標。
  • 7-8:標題和 CTA 強勁,但缺少一個元素(信任徽章、支援性視覺內容或具體性)。
  • 5-6:標題通用或 CTA 薄弱。缺少多個摺頁上方元素。
  • 3-4:標題以功能為重點或模糊不清。CTA 位於摺頁下方或不明確。
  • 1-2:沒有明確的標題或 CTA。訪客在 5 秒內無法理解所提供的內容。

區塊 2:價值主張(權重:20%)

頁面傳達為何訪客應該轉換的清晰程度。

檢查清單:

  • 清楚說明產品/服務的內容
  • 承諾具體的成果或結果
  • 與替代方案的差異化(為何選擇此解決方案)
  • 目標受眾明確(訪客知道這是否適合他們)
  • 在可能的情況下量化效益(節省 X 小時,增加 Y%)
  • 價值主張易於掃讀(而非埋藏在段落中)

使用 4U 框架評估:

  1. 有用 - 它解決了訪客的真實問題嗎?
  2. 急迫 - 有理由現在就行動嗎?
  3. 獨特 - 它與競爭對手不同嗎?
  4. 超級具體 - 主張具體而非模糊嗎?

區塊 3:社會證明(權重:15%)

證明他人信任並受益於此產品/服務的證據。

社會證明類型(按說服力排序):

  1. 收入/結果指標(「處理 24 億美元」、「50 萬用戶」)
  2. 附有照片、頭銜和公司名稱的指名客戶見證
  3. 可辨識的客戶標誌
  4. 附有具體結果的案例研究
  5. 星級評分和評論數量
  6. 媒體報導(「曾見於...」)
  7. 認證和獎項
  8. 使用者產生的內容
  9. 社交媒體粉絲數量

檢查清單:

  • 至少出現 2 種類型的社會證明
  • 見證包含真實姓名和照片
  • 見證提及具體的結果或成果
  • 社會證明放置在接近決策點的位置(靠近 CTA)
  • 數字是具體的(非四捨五入 — 「11,847」勝過「10,000+」)
  • 標誌對目標受眾來說是可辨識的
  • 社會證明是近期的且相關的

區塊 4:功能與效益(權重:15%)

頁面呈現產品/服務所包含內容的方式。

檢查清單:

  • 功能被轉化為效益(該功能為使用者做什麼)
  • 內容易於掃讀(圖示、項目符號、短段落)
  • 視覺層級引導視線瀏覽功能
  • 最重要的功能/效益優先列出
  • 每個功能區塊都有一個清晰的迷你標題
  • 螢幕截圖、示範或視覺內容伴隨功能描述
  • 功能列表全面但不至於令人感到壓倒性(3-7 個關鍵功能)

功能到效益的轉換檢查: 差勁:「AI 驅動的分析儀表板」 良好:「精確查看哪些活動帶動收入 — AI 分析你的資料,讓你無需親自操作」

區塊 5:異議處理(權重:10%)

頁面如何處理訪客可能不轉換的原因。

依頁面類型區分的常見異議:

異議如何處理
「太貴了」ROI 計算機、價格比較、退款保證
「不確定是否有效」案例研究、免費試用、示範影片
「太複雜了」設定精靈、入職支援、「5 分鐘內開始使用」
「不確定是否需要」問題加劇、不行動的代價
「如果不喜歡怎麼辦?」免費試用、退款保證、隨時取消
「我的資料安全嗎?」安全徽章、合規標誌、隱私權政策連結
「需要諮詢團隊」可分享的比較頁面、團隊試用、ROI 一頁摘要

檢查清單:

  • FAQ 區塊涵蓋前 3-5 個常見異議
  • 存在風險逆轉機制(保證、免費試用、隨時取消)
  • 定價透明(無隱藏費用或意外費用)
  • 在相關處顯示安全與隱私指標
  • 與替代方案的比較(若適用)

區塊 6:行動呼籲(權重:10%)

轉換機制本身。

CTA 按鈕檢查清單:

  • CTA 文字描述的是價值,而非動作(「取得我的免費報告」vs 「提交」)
  • CTA 按鈕在視覺上佔主導地位(大小、顏色、留白)
  • CTA 在長頁面上出現多次
  • 為尚未準備好承諾的訪客提供次要 CTA
  • CTA 有支援性的微文案(例如:「無需信用卡」)
  • 按鈕文字使用第一人稱(「開始我的試用」vs 「開始您的試用」)
  • CTA 針對提供的內容具體化(非通用)

CTA 文案評分:

  • 弱:「提交」、「點擊此處」、「了解更多」
  • 中:「註冊」、「開始使用」、「立即下載」
  • 強:「開始我的免費試用」、「取得我的自訂報告」、「領取您的折扣」

區塊 7:頁尾與次要元素(權重:5%)

頁面底部與支援性元素。

檢查清單:

  • 頁面底部存在最後的 CTA
  • 聯絡資訊或支援選項可見
  • 已連結隱私權政策與服務條款
  • 在最終 CTA 附近重複顯示信任徽章
  • 沒有會將使用者引導離開轉換流程的競爭性連結
  • 存在版權與法律資訊
  • 社交媒體連結(僅在它們支援轉換而非分散注意力的情況下)

步驟 3:文案評分

從 5 個面向(各 1-10 分)為整體頁面文案評分:

  1. 清晰度 - 訪客能在 5 秒內理解所提供的內容嗎?
  2. 急迫性 - 有理由現在就行動 vs 稍後再說嗎?
  3. 具體性 - 主張是否具體,並附有數字、時間框架、成果?
  4. 證明 - 主張是否有證據、資料或見證支持?
  5. 行動導向 - 文案是否引導使用者進行特定的下一步?

計算文案分數:5 個面向的平均值,乘以 10,得到滿分 100 的分數。

步驟 4:表單優化審計

若頁面有表單,請評估:

元素最佳實務
欄位數量每增加一個欄位,轉換率約降低 7%。潛在客戶開發:最多 3-5 個欄位。
標籤使用行內標籤或浮動標籤。避免僅使用預留位置文字作為標籤。
按鈕文字與價值主張相符。「取得我的免費指南」> 「提交」。
錯誤處理行內驗證。提供具體的錯誤訊息。不要在發生錯誤時清除整個表單。
多步驟將長表單分割成多個步驟,並附上進度指示器。
必填 vs 選填標記選填欄位,而非必填欄位。
自動填入啟用瀏覽器對標準欄位的自動填入功能。
欄位類型使用適當的輸入類型(email、tel、url),以利行動裝置鍵盤。

步驟 5:行動裝置回應性審計

行動裝置佔網路流量 60% 以上。檢查:

  • CTA 位於拇指可及範圍(螢幕下半部)
  • 文字無需放大即可閱讀(正文最小 16px)
  • 表單可在行動裝置上使用(足夠大的點擊目標、適當的鍵盤)
  • 圖片正確調整大小,不破壞版面
  • 無需水平捲動
  • 在 4G 網路下頁面在 3 秒內載入
  • 電話號碼可點擊撥號
  • 捲動時顯示固定 CTA 列(若適用)

步驟 6:頁面速度影響評估

參考這些轉換影響基準:

載入時間轉換影響
0-2 秒基準(最佳)
2-3 秒轉換率降低 7%
3-5 秒轉換率降低 20%
5-8 秒轉換率降低 35%
8 秒以上轉換率降低 50% 以上

檢查常見的速度問題:

  • 未最佳化的圖片(使用 WebP、延遲載入)
  • 會阻止渲染的 JavaScript
  • 缺少瀏覽器快取
  • 無 CDN
  • 過多的第三方指令碼
  • 未壓縮的 CSS/JS

步驟 7:產生 A/B 測試建議

將每個測試格式化為假設:

模板: 「如果我們 [改變],那麼 [指標] 將會 [改善/增加],因為 [原因]。」

可考慮的測試範例:

  1. 標題變體(以效益為重點 vs 以結果為重點)
  2. CTA 按鈕顏色和文字
  3. 社會證明放置位置(摺頁上方 vs 下方)
  4. 表單欄位數量(減少 1-2 個欄位)
  5. 英雄圖片 vs 英雄影片
  6. 長版 vs 短版頁面
  7. 增加急迫性元素(倒數計時、名額有限)
  8. 價格定錨與呈現方式
  9. 見證格式(文字 vs 影片)
  10. 加入聊天機器人或即時聊天小工具

步驟 8:熱圖解讀指南

即使沒有實際的熱圖資料,仍應提供以下指引:

  • 根據頁面版面配置的預期注意力區域
  • 根據內容密度的 F 型 vs Z 型閱讀模式
  • 根據頁面長度和內容分隔點的捲動深度預測
  • 根據視覺層級的點擊機率區域
  • 憤怒點擊指標(看起來可點擊但實際不能的元素)
  • 內容可能被忽略的死亡區域

輸出格式

在專案根目錄或輸出目錄中產生一個名為 LANDING-CRO.md 的檔案,內容如下:

# 著陸頁 CRO 分析
## [頁面網址]
### 分析日期:[日期]

---

## 整體 CRO 分數:[X/100]

## 頁面類型:[已識別類型]
## 目前估計轉換率:[根據發現的估計值]
## 目標轉換率:[實際的改善目標]

---

## 逐區塊分析

### 1. 英雄區塊 [分數:X/10]
**發現:**
- [具體觀察]

**修復(優先級:高/中/低):**
- [具體、可行的建議]

[對所有 7 個區塊重複]

---

## 文案分數:[X/100]
| 面向 | 分數 | 備註 |
|---|---|---|
| 清晰度 | X/10 | [備註] |
| 急迫性 | X/10 | [備註] |
| 具體性 | X/10 | [備註] |
| 證明 | X/10 | [備註] |
| 行動導向 | X/10 | [備註] |

---

## 表單審計
[發現與建議]

---

## 行動裝置審計
[發現與建議]

---

## A/B 測試建議
1. [假設格式測試]
2. [假設格式測試]
3. [假設格式測試]

---

## 優先修復清單

### 快速勝利(本週內實施)
1. [修復,附上預期影響]

### 中期(本月內實施)
1. [修復,附上預期影響]

### 策略性(本季內實施)
1. [修復,附上預期影響]

---

## 改善前/改善後線框圖建議
[目前 vs 建議版面的文字型線框圖描述]

關鍵原則

  • 始終將建議與收入影響掛鉤。不要只說「改變按鈕顏色」— 要說「將 CTA 按鈕改為對比色通常會使點擊率增加 15-30%,以您目前的流量計算,這可能意味著每月多出 X 次轉換。」
  • 根據努力與影響的比例來決定修復優先順序。先做快速勝利。
  • 要具體。「改善您的標題」沒有用。「將您的標題從『歡迎來到我們的平台』改為『將您的報告時間減少 75% — 為成長團隊打造的自動化分析』,因為它增加了具體性、量化效益,並針對特定受眾」這才可行。
  • 參考業界基準,讓客戶了解自己所處的位置。
  • 如果您能透過瀏覽器工具存取該頁面,請截圖並引用特定元素。
  • 如果使用者先前執行過 /market audit,請將那些發現納入 CRO 分析中,以獲得更完整的圖像。

相關技能