Communitygithub.com

SaaS頁面規劃器

根據 SaaS 網站 URL,自動產出 Google 與 ChatGPT 會推薦的完整頁面清單,包含首頁、比較頁、替代方案頁、應用案例頁、說明文件與幫助中心。

SaaS頁面規劃器 是什麼?

此技能專為 SaaS 網站、服務型企業或小型品牌設計,能夠根據提供的網站 URL 自動產出一份具體的頁面建置清單。它會先讀取網站的 sitemap.xml 與主要頁面(首頁、定價、功能、整合、既有比較頁等),產生一份「網站快照」,並標示頁面間的矛盾資訊。接著,它會透過搜尋引擎找出主要競爭對手(最多 10 個),並根據產品型態(軟體或服務)調整頁面類型:比較頁、替代方案頁、應用案例頁(按任務、人物誌、行業、整合配對)、說明文件頁與幫助中心頁。每一頁都包含狀態(建立/改善/檢查)、URL slug、H1 標題、目標問題、所需章節、優先級(P1/P2/P3)與原因。輸出包含分型別的表格、總數統計、30 天建置順序建議,以及可直接貼入 Google Sheets 的 CSV。若有支援票單或銷售通話記錄,還能自動產生客戶真正需要的幫助中心頁面。支援 Claude Code、Cursor 等具備檔案系統與程式碼執行能力的 AI Agent 平台。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/iamjeeth/saas-pages-skill/tree/HEAD

在你喜歡的 AI 中提問

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

說明文件

SaaS 頁面規劃器

您可以將一個 SaaS 網站轉換成一份需要建置的頁面清單。清單上的每一頁,都是買家可以從 Google 到達、或被 ChatGPT 引導過去的頁面。產出非常具體:真實的網址、真實的 H1、真實的競爭對手名稱。沒有泛泛的建議。

輸入

  • 必要: 網站網址。
  • 選用: 競爭對手清單、支援票單、銷售通話紀錄、常見問答、客戶最常問的問題。

如果使用者只給了網址,就直接開始。在步驟 6 才詢問票單和筆記,不要提前。

基本規則

  • 只使用您在網站上讀到或在搜尋結果中找到的事實。絕對不要虛構數字、客戶數、價格、評分或功能。如果頁面上沒有寫,就寫「未找到」並繼續。
  • 如果頁面無法載入(被封鎖、403,或內容由 JavaScript 繪製而回傳空白),請說明哪個網址失敗,並請使用者在必要時貼上該頁的文字。不要猜測其內容。
  • 所有輸出使用白話文。請說「Google 和 ChatGPT 可以推薦的頁面」、「人們打字的問題」、「買家比較您的頁面」。不要使用「主題權威」、「關鍵字叢集」、「SERP」、「漏斗階段」、「E-E-A-T」等詞彙。
  • 輸出中不要使用 em dash 或 en dash。改用逗號、冒號或一般的連字號。
  • 每頁都會獲得四種狀態之一:
    • create:您查過,該頁面不存在。
    • exists: improve:該頁面存在且您已閱讀;用一句話說明缺少什麼。
    • exists: check:該頁面存在但您未閱讀(頁面太多無法全部讀完)。說明要檢查什麼。
    • check:您無法確認該頁面是否存在(頁面被封鎖或未在任何您能讀到的地方連結)。說明要檢查什麼。
  • 在給予狀態之前,請閱讀每一頁中應該是 P1 的現有頁面。您跳過的頁面只會得到 exists: check,絕不會是 exists: improve。

步驟 1:讀取網站

從 <site>/sitemap.xml 開始(以及其中列出的任何子站點地圖)。這是網站所有頁面最快最完整的清單。如果沒有站點地圖,則使用網站的導覽列和頁尾連結。絕不要猜測路徑。

然後依序擷取以下頁面:

  1. 首頁:複製確切的 H1 和副標題。記錄它說產品適用於誰、列出的主要功能以及任何整合名稱。
  2. 定價頁:方案名稱和附加功能。
  3. 功能或產品頁:每個擁有獨立頁面或區塊的功能或能力。
  4. 整合或市集頁:按名稱列出主要整合。
  5. 現有的比較或「vs」頁面、替代方案頁面、行業或應用案例頁面。尋找「Compare」、「vs」、「alternative」、「Solutions」、「Industries」、「Use cases」等連結。
  6. 說明文件或開發者文件,以及幫助中心或知識庫:它們的主要類別。
  7. 部落格:類別和近期標題(這顯示他們已經在寫些什麼)。

在規劃之前,先寫一份簡短的網站快照:

  • 它是做什麼的(一句話,盡可能使用網站自己的話語)
  • 它適用於誰(網站上陳述 / 暗示)
  • 主要功能(清單)
  • 主要整合(清單)
  • 已找到的頁面,按 6 種類型分組
  • 無法載入的頁面
  • 頁面之間不一致的事實:同一件事在兩個頁面上陳述不同(例如一個整合在一個頁面上標示「已上線」,在另一個頁面上標示「即將推出」;兩個不同的功能數量;一個方案有兩個價格)。引用兩個版本並附上其網址。這些要放在建置順序的最前面,因為 ChatGPT 會重複它讀到的任何版本。如果沒有,則寫「未發現」。

步驟 2:找出競爭對手

  • 如果使用者提供了競爭對手,就使用它們。
  • 如果沒有,請搜尋網路上的「 alternatives」、「 vs」、「 competitors」和「best software」。選出在不同網站上出現頻率最高的 5 到 10 個名稱。同時加入網站本身拿來比較的任何競爭對手。
  • 如果針對產品名稱的搜尋結果很薄弱(目錄列表、不相關的工具),則改為依賴「best 」的綜合評比。
  • 大多數的綜合評比是由把自己排在第一名的廠商所寫。請統計一個名稱在不同網站上出現的次數,而不是它的排名,並在競爭對手表格下方加一行說明。
  • 列出它們,並用一行說明為何包含該競爭對手(例如「在網站自己的比較頁面上」或「在 6 個替代方案綜合評比中出現 4 次」)。

服務型企業或小型品牌

在步驟 3 之前先檢查這個。如果網站銷售的是服務(代理商、顧問、自由工作者、代辦服務)而不是軟體,或者品牌太新以至於人們還不會搜尋其名稱,請在快照中用一句話說明,並調整這些類型:

  • 類型 2,比較: 還沒有人會打「 vs 」。改為比較買家會做的選擇:「代理商 vs 顧問」、「內部雇用 vs 代理商」、「<方法 A> vs <方法 B>」、「自己動手 vs 代辦」。只有在 P3 check 時才加入一個命名的「 vs 」頁面,而且只有在潛在客戶在通話中提及該競爭對手時才加入。
  • 類型 3,替代方案: 保留它們,但除非競爭對手是知名品牌,否則將它們排在 P2 或 P3。人們搜尋知名品牌替代方案的頻率遠高於小型代理商。
  • 類型 4,應用案例: 如果沒有東西可以整合,就跳過整合配對並說明。改為為每個服務、每個受眾和每個行業各做一頁。
  • 類型 5,文件: 變成我們如何工作頁面:逐月的流程、如何衡量結果、報告內容、客戶需要做什麼。
  • 類型 6,幫助: 如果價格遺失或分散在多個頁面上,一定要包含定價頁面。它回答了「 多少錢」,這是買家會問 Google 和 ChatGPT 的首要問題之一。

其他規則保持不變:只使用網站上的事實、狀態、優先級和輸出格式。

步驟 3:建立頁面清單

依序處理 6 種類型。對於每一頁,填寫下方頁面欄位中的所有欄位。

類型 1:能說清楚你做什麼以及為誰而做的首頁

一行。測試目前的 H1 和副標題:在 5 秒內,陌生人能分辨出 (a) 產品是什麼以及 (b) 它是為誰而做的嗎?如果 H1 是標語、沒有類別詞(「CRM」、「發票軟體」)或沒有指定受眾,則標記為 exists: improve 並寫出新的 H1 和副標題。保留他們有效的詞語。 模型:HubSpot CRM、FreshBooks 和 Pipedrive 的首頁在第一行就說明了類別和買家。

類型 2:比較頁「 vs 」

每個來自步驟 2 的競爭對手一頁。網址格式如 /compare/<product>-vs-<competitor>/(如果網站已有既有模式,則比照辦理)。目標問題:「 vs 」以及 ChatGPT 提示「Should I use or for ?」。 模型:Notion vs Confluence、Ahrefs vs Semrush、ClickUp vs Asana。

類型 3:替代方案頁「best alternatives」

每個競爭對手一頁。這些頁面能吸引已經在使用競爭對手並想離開的人。網址格式如 /alternatives/<competitor>-alternatives/。目標問題:「best alternatives」和「What can I use instead of ?」。該頁面誠實地列出幾個選項,將產品放在第一位並給出明確的理由。 模型:ClickUp 的 Asana alternatives、monday.com 的 Trello alternatives、HubSpot 的 Salesforce alternatives。

類型 4:應用案例頁

每個項目一頁:

  • 待完成的工作: 產品做的每個主要工作(「追蹤銷售線索」、「自動寄送發票」)。
  • 人物誌: 網站上提到或暗示的每種買家類型(「給創辦人用」、「給銷售經理用」)。
  • 行業: 產品服務或可以清楚服務的每個行業。
  • 整合配對: 產品與每個主要整合,以及產品能連接的最有用的「App A + App B」組合(Zapier 風格:「Gmail + Slack」)。目標問題:「connect to 」或「 integration」。

模型:Zapier 的 Gmail + Slack 頁面、Calendly for sales teams、Airtable for marketing。 不要無謂增加:只有在網站、其客戶或其功能清楚支援的情況下,才加入人物誌或行業。

類型 5:說明文件頁

每個來自步驟 1 的功能或能力一頁,說明它的用途、如何設定以及一個範例。目標問題:「how to in 」。如果產品有 API,則包含一個 API 入門頁面。 模型:Stripe、Twilio 和 Vercel 的文件。

類型 6:幫助中心頁

每個真實的客戶問題一頁。向使用者詢問一次:

貼上您最近 20 到 50 張支援票單、銷售通話紀錄或常見問答(並先移除姓名和電子郵件)。我會將每個重複出現的問題轉變成一頁幫助中心頁面。

然後將貼上的文字按問題分組,統計每個問題出現的頻率,並為每個問題製作一頁,最頻繁的排在最前面。目標問題:客戶自己的用語。 如果使用者沒有東西可以貼上,則只列出您能在網站上找到證據的問題(例如比較頁面上提到的切換指南,或沒有文章的幫助類別),將這些行標記為 check,並說明有票單的話清單會好得多。 模型:Notion、Slack 和 Zoom 的幫助中心。

頁面欄位

對於每一頁:

欄位要寫的內容
狀態create / exists: improve / exists: check / check
類型1 到 6 及其名稱
URL slug小寫、連字號、如果網站有既有模式則比照辦理
H1確切的標題
目標問題人們在 Google 中輸入的內容,以及 ChatGPT 提示應該回答的問題
章節該頁面需要的 3 到 5 個章節標題
優先級P1 / P2 / P3
原因一行說明優先級的原因

優先級規則:

  • P1: 買家即將做出選擇(首頁修正、針對前 3 到 5 大競爭對手的比較和替代方案頁面、主要整合的整合頁面、最常見問題的幫助頁面)。
  • P2: 買家正在研究(其餘競爭對手、主要工作、主要人物誌和行業、核心功能的文件)。
  • P3: 錦上添花(長尾行業、較小的整合配對、次要功能的文件)。 在每個層級內,「exists: improve」的頁面通常比「create」的頁面優先,因為它們更快。

步驟 4:輸出

先將規劃建立為一個清單行,然後再從同一個清單製作表格、總數和 CSV,以確保它們始終一致。如果您可以執行程式碼,請使用它。從清單行計算總數,絕不要憑記憶。

按此順序輸出:

  1. 網站快照(來自步驟 1)和競爭對手(來自步驟 2)。
  2. 頁面規劃表格:每種型別一個 Markdown 表格,欄位為:狀態、URL slug、H1、目標問題、章節、優先級、原因。在表格內,項目之間用「 / 」或「;」分隔,絕不要用「|」,這會破壞表格。許多相同類型且需要相同檢查的現有頁面(例如「7 個更多比較頁」或「23 個行業頁面」)可以共用一行;在 URL slug 欄位中列出它們的 slug。
  3. 總數:每種型別和每個優先級的行數,以及 create / exists: improve / exists: check / check 的數量。
  4. 30 天建置順序:4 週,每週一個簡短清單。第一週永遠是修正頁面間不一致的事實(如果有)、首頁修正,以及最重要的 P1 比較和替代方案頁面。規模設定為一個人實際能夠交付的量(大約每週 3 到 6 頁),並說明這一點。
  5. CSV:提供它,當使用者同意時(或者如果他們一開始就要求),印出一個 CSV 程式碼區塊,標題為:
status,type,url_slug,h1,target_question,sections,priority,why

每個欄位加上引號。欄位內的章節用「 | 」分隔。使用者可以直接將其貼入 Google Sheets 或 Excel。

如果規劃有超過大約 60 頁,請在表格中顯示 P1 和 P2 頁面,將 P3 頁面僅放在 CSV 中,並說明。

結束

以一行結尾:「貼上您的支援票單或銷售通話紀錄,我就會加入您的客戶真正需要的幫助中心頁面。」(如果他們已經貼過了,則跳過這一行。)

相關技能