Communitygithub.com

coastdigitalgroup/coastai-skills

稽核並優化競爭對手比較頁面(「我們 vs. 他們」),以轉換處於評估階段的高意向使用者。當使用者正在比較替代方案,或「vs」關鍵字流量有高跳出率時,觸發此技能。

coastai-skills 是什麼?

此技能提供一個系統化框架,用於建立和優化「我們 vs. 他們」頁面,針對買家旅程中的「評估」階段——也就是使用者正在縮小選擇範圍的時刻。它透過凸顯獨特價值、解決特定痛點,並削弱競爭對手的優勢,來提升高意向流量的轉換率,並縮短銷售週期。支援平台包括 B2B SaaS 公司、高單價電商產品以及市場新進者。工作流程包含識別「戰場維度」、設計具說服力的比較矩陣、使用「是的,但是」策略中立化競爭對手的優勢,並透過「輕鬆遷移」章節來降低轉換障礙。最終產出包括比較矩陣設計、反異議處理框架、遷移路徑以及優化後的登陸頁面。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/coastdigitalgroup/coastai-skills/tree/HEAD/website-growth/competitor-comparison-optimization

在你喜歡的 AI 中提問

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

說明文件

競爭對手比較頁面優化

目的

競爭對手比較頁面優化技能提供了一個系統化框架,用於建立和優化「我們 vs. 他們」頁面。這些頁面針對買家旅程中處於「評估」階段的使用者——也就是他們正在縮小選擇範圍的關鍵時刻。透過凸顯獨特價值、解決特定痛點,並削弱競爭對手的優勢,這個技能旨在提升高意向流量的轉換率,並縮短銷售週期。

使用情境

  • B2B SaaS 公司,身處競爭激烈的類別(例如 CRM、專案管理)。
  • 高單價的電商產品,使用者在購買前會進行大量研究。
  • 試圖取代既有領導者的市場新進者。
  • 針對「競爭對手名稱 + 替代方案」等搜尋查詢,優化登陸頁面。

何時不該使用

  • 壟斷或獨特類別: 如果沒有直接競爭對手,比較頁面可能會造成不必要的疑慮,或引入使用者原本未考慮的競爭對手。
  • 低價/低涉入商品: 使用者很少會為 5 美元的衝動購物進行比較;應專注於 product-page-optimization。
  • 品牌認知階段: 如果使用者還不知道你的產品能解決什麼問題,進行比較為時過早。請先使用 hero-section-optimization。

輸入

  1. 競爭對手稽核: 列出前 1–3 名直接競爭對手及其主要主張、定價和功能集。
  2. 客戶回饋(「轉換」原因): 客戶為何離開競爭對手轉而選擇你?他們為何留在競爭對手那裡?
  3. 功能價值對應表: 一份列出你的功能,並配對其能帶來的具體商業價值或「待完成任務」的清單。
  4. 關鍵字數據: 關於「[競爭對手] 替代方案」或「[你的品牌] vs [競爭對手]」等搜尋詞的表現。

輸出

  1. 比較矩陣設計: 一個視覺上易於掃描的表格或區塊,用來凸顯你的「勝出」功能。
  2. 反異議處理框架: 主動處理競爭對手可能被認為較強之處的訊息。
  3. 遷移/轉換路徑: 引導使用者將數據/工作流程從競爭對手遷移到你這裡的明確指引或誘因。
  4. 優化的「Vs」登陸頁面: 一個完整的頁面結構,旨在捕捉並轉換來自比較搜尋的流量。

工作流程

1. 識別「戰場」

不要比較每個功能。專注於 3–5 個你擁有明顯優勢且對使用者重要的「勝出維度」。

  • 錨點: 找出競爭對手最大的弱點(例如「太複雜」、「太貴」、「支援速度慢」)。
  • 樞紐: 將你對應的優勢與該弱點連結起來。

2. 設計比較矩陣

建立一個「具說服力的表格」,而非中立的表格。

  • 功能命名: 使用以效益為導向的名稱(例如「即時同步」vs.「手動更新」)。
  • 視覺提示: 為你使用勾選記號,為競爭對手使用明顯的「X」或「缺失」標記(或有限指標)。
  • 權重: 將你最獨特或有價值的功能放在列表頂部。

3. 中立化現有領導者的優勢

如果競爭對手是「業界標準」,就要正面處理。

  • 「是的,但是」策略: 「是的,他們有 1,000 個整合,但我們擁有你實際會用到的 5 個,而且是為了速度而原生打造的。」
  • 專注於「隱藏成本」: 凸顯競爭對手「進階」功能所帶來的複雜性、設定時間或額外費用。

4. 促成轉換

轉換的最大障礙通常是「轉換成本」。

  • 「輕鬆遷移」章節: 展示匯入數據有多簡單。
  • 風險反轉: 提供「轉換並省錢」的折扣或免費遷移服務,以降低門檻。

5. 社會證明(「前使用者」驗證)

使用特別來自那些轉換過來的人之推薦。

  • 範例: 「我們使用了 [Competitor] 3 年,但因為 [Specific Benefit] 而轉移到 [Product]。我們從未後悔。」

決策規則

  • 道德誠信: 永遠不要說謊。如果競爭對手有你沒有的功能,要麼省略該列,要麼將其描述成「你不需要的複雜性」。
  • 「三的法則」: 將比較範圍限制在最多 3 個競爭對手。與 10 家公司進行比較會稀釋你的訊息,並使使用者困惑。
  • 以轉換為中心的 CTA: 與其使用「註冊」,不如使用「看看差別」或「開始你的遷移」。
  • 掃描性優先: 使用者應該在滾動不到 10 秒內理解你為何更好。

限制

  • 事實準確性: 所有競爭性主張必須可驗證且是最新的——過時或不實的比較會產生法律責任並損害信任。
  • 法律審查: 在比較性廣告中直接指名競爭對手,可能因管轄區和措辭而需要法律部門批准。
  • 維護負擔: 比較頁面需要持續更新,因為競爭對手的定價、功能和定位會隨時改變。

非目標

  • 進行初級競爭對手研究或定價調查。
  • 制定產品定位策略或定價等級。
  • 管理競爭對手監控或警報系統。

常見失敗模式

  • 「功能戰」: 列出 50 個一般使用者不理解或不關心的技術功能。
  • 太過負面: 過度攻擊競爭對手可能會讓你的品牌顯得不安全。專注於使用者的痛點,而非競爭對手的失敗。
  • 中立陷阱: 讓比較變得如此「公平」,以至於使用者仍然不知道該選哪一個。
  • 過時數據: 顯示競爭對手一年前改變的價格或功能,這會毀掉你的可信度。

驗證標準

  • 轉換率(CR): 比較頁面訪客中開始試用或要求示範的百分比。
  • 試用到付費速度: 來自比較頁面的流量是否比一般流量更快轉換為付費客戶?(表示更高的意圖)。
  • 「Vs」關鍵字的跳出率: 特定搜尋登陸頁面上的跳出率是否下降。
  • 質性客戶回饋: 詢問新註冊者:「我們的比較頁面是否幫助你做出決定?」

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for progressive disclosure using accordions, ensuring structural integrity, visual affordances, and accessibility across different content densities and devices.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for long-form content, managing readability, vertical rhythm, and information density to ensure a superior reading experience.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for informational elements that communicate state (Badges) and categorization (Tags) with clarity and accessibility.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for non-overlay notifications, managing global announcements and contextual inline alerts to communicate system states without interrupting the user's flow.

coastdigitalgroup/coastai-skills

Design and implement a systematic, asymmetrical bento-grid layout framework to organize diverse content types cohesively while maintaining strict visual hierarchy, logical focus order, and responsive flexibility.

coastdigitalgroup/coastai-skills

Design a responsive, mobile-first bottom navigation bar and persistent action dock system for mobile websites and web applications, establishing spatial anchors, tab bar anatomy, badge indicators, thumb-zone ergonomics, safe area inset handling, active/inactive state contrast, and desktop responsive adaptation rules.

coastdigitalgroup/coastai-skills

Design a mobile-first bottom sheet overlay system with configurable detents, drag affordances, safe area padding, responsive desktop modal/popover adaptation, and WCAG AA accessibility compliance.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for secondary navigation trails that provide orientation, context, and one-click access to parent levels in deep information architectures.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for buttons and interactive triggers, managing visual hierarchy, variant logic, and action grouping to ensure clear intent and accessible interaction.

coastdigitalgroup/coastai-skills

Design a systematic framework for date and time selection, managing calendar grids, range pickers, and scheduling interfaces to ensure precision and accessibility.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for modular content containers that maintain hierarchy, structural integrity, and action alignment across variable content and responsive viewports.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for horizontal discovery components, managing navigation affordances, scroll behavior, and accessibility to ensure effective content density without compromising usability.

coastdigitalgroup/coastai-skills

Design a systematic, highly accessible, and developer-friendly UI layout framework for code blocks, snippet showcases, multi-file code tabs, line-highlighting, diff views, and syntax token contrast in technical documentation and developer platforms.

coastdigitalgroup/coastai-skills

Design a systematic framework for global command menus (Cmd+K panels) that combines keyboard-driven navigation, command execution, and shortcut discovery into an accessible, responsive overlay.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for threaded conversations, managing nesting depths, action hierarchies, and community signaling to foster engagement and readability.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for side-by-side comparison interfaces, managing high attribute density and responsive complexity to support informed decision-making.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for user privacy, managing consent banners, preference centers, and persistent privacy controls to balance legal compliance with user trust.

coastdigitalgroup/coastai-skills

Design and implement a systematic, highly accessible, and responsive visual layout framework for conversational chat widgets, live chat boxes, and chatbot panels that ensures clear message scannability, native focus flow, and seamless mobile keyboard adaptation.

coastdigitalgroup/coastai-skills

Design a systematic, accessible, and high-conversion framework for custom select dropdowns and comboboxes, defining anatomy, states, search-filtering, and responsive mobile-adaptive patterns.

coastdigitalgroup/coastai-skills

Design and implement a systematic color palette that ensures WCAG 2.2 accessibility compliance. Trigger this skill when asked to define brand colors, create UI themes, or establish a visual system for a website.

相關技能