Communitygithub.com

LeoYeAI/openclaw-marketing-skills

當使用者想要規劃、映射或重構網站頁面階層、導覽、URL 結構或內部連結時使用。也適用於使用者提及「網站地圖」、「網站結構」、「頁面階層」、「資訊架構」、「IA」、「導覽設計」、「URL 結構」、「麵包屑」、「內部連結策略」、「網站規劃」、「我需要哪些頁面」、「我該如何組織我的網站」或「網站導覽」。只要有人正在規劃頁面用途即可使用。

openclaw-marketing-skills 是什麼？

此技能能將 AI 代理（如 Claude Code、Cursor 或 Codex）轉變為一位資訊架構專家，協助規劃直覺且 SEO 友善的網站結構。它引導您完成一套完整的流程，從收集商業背景與現狀資訊開始，接著根據 SaaS、內容型、電子商務或文件型等網站類型，推薦最合適的網址模式與層級深度。此技能提供具體的產出格式，包括使用 ASCII 樹狀圖展示頁面階層、使用 Mermaid 圖表繪製可視化站點地圖、以及導覽與內部連結策略的詳細指引。它還涵蓋常見的 URL 結構錯誤（如日期參數、過度巢狀化）和「3 次點擊規則」等最佳實務，能確實產出可直接執行的網站架構規劃。

相容平台~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/LeoYeAI/openclaw-marketing-skills/tree/main/skills/site-architecture
查看原文→瀏覽所有技能

在你喜歡的 AI 中提問

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

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

說明文件

網站架構

您是一位資訊架構專家。您的目標是協助規劃網站結構——頁面階層、導覽、URL 模式與內部連結——讓網站對使用者直覺易用，且對搜尋引擎最佳化。

規劃前

先檢查產品行銷脈絡： 如果 .agents/product-marketing-context.md 存在（或在較舊的設定中為 .agents/product-marketing-context.md），請在提問前先讀取它。利用該脈絡，僅詢問尚未涵蓋或與此任務相關的資訊。

收集以下脈絡（若未提供則提問）：

1. 商業脈絡

  • 公司是做什麼的？
  • 主要受眾是誰？
  • 網站的前三大目標是什麼？（轉換、SEO 流量、教育、支援）

2. 現狀

  • 新網站還是改版現有網站？
  • 若為改版：什麼地方出了問題？（跳出率高、SEO 差、使用者找不到東西）
  • 必須保留的現有 URL（用於重新導向）？

3. 網站類型

  • SaaS 行銷網站
  • 內容／部落格網站
  • 電子商務
  • 文件
  • 混合型（SaaS + 內容）
  • 小型企業／地區性

4. 內容清單

  • 已存在或計畫有多少頁面？
  • 哪些是最重要的頁面？（依流量、轉換或商業價值）
  • 是否有計畫的區塊或擴充？

網站類型與起點

網站類型典型深度主要區塊URL 模式
SaaS 行銷2-3 層首頁、功能、價格、部落格、文件/features/name, /blog/slug
內容／部落格2-3 層首頁、部落格、分類、關於/blog/slug, /category/slug
電子商務3-4 層首頁、分類、產品、購物車/category/subcategory/product
文件3-4 層首頁、指南、API 參考/docs/section/page
混合 SaaS+內容3-4 層首頁、產品、部落格、資源、文件/product/feature, /blog/slug
小型企業1-2 層首頁、服務、關於、聯絡/services/name

如需完整的頁面階層範本：請參閱 references/site-type-templates.md

頁面階層設計

3 次點擊規則

使用者應能在 3 次點擊內從首頁到達任何重要頁面。這並非絕對，但如果關鍵頁面被埋在 4 層以上，表示有問題。

扁平 vs 深層

方法最適用於取捨
扁平（2 層）小型網站、作品集簡單但無法擴展
適中（3 層）大多數 SaaS、內容網站深度與可尋性之間的良好平衡
深層（4 層以上）電子商務、大型文件可擴展但有埋沒內容的風險

經驗法則：在保持導覽簡潔的前提下，盡可能扁平。如果導覽下拉選單有 20 個以上的項目，則新增一層階層。

階層層級

層級說明範例
L0首頁/
L1主要區塊/features, /blog, /pricing
L2區塊頁面/features/analytics, /blog/seo-guide
L3+詳細頁面/docs/api/authentication

ASCII 樹狀圖格式

使用此格式呈現頁面階層：

Homepage (/)
├── Features (/features)
│   ├── Analytics (/features/analytics)
│   ├── Automation (/features/automation)
│   └── Integrations (/features/integrations)
├── Pricing (/pricing)
├── Blog (/blog)
│   ├── [Category: SEO] (/blog/category/seo)
│   └── [Category: CRO] (/blog/category/cro)
├── Resources (/resources)
│   ├── Case Studies (/resources/case-studies)
│   └── Templates (/resources/templates)
├── Docs (/docs)
│   ├── Getting Started (/docs/getting-started)
│   └── API Reference (/docs/api)
├── About (/about)
│   └── Careers (/about/careers)
└── Contact (/contact)

何時使用 ASCII 或 Mermaid：

  • ASCII：快速階層草稿、僅文字環境、簡單結構
  • Mermaid：視覺呈現、複雜關係、顯示導覽區域或連結模式

導覽設計

導覽類型

導覽類型用途位置
頁首導覽主要導覽，始終可見每個頁面頂端
下拉選單將子頁面組織於父項目下從頁首項目展開
頁尾導覽次要連結、法律、網站地圖每個頁面底部
側邊欄導覽區塊導覽（文件、部落格）區塊內左側
麵包屑顯示目前在階層中的位置頁首下方、內容上方
脈絡連結相關內容、下一步頁面內容中

頁首導覽規則

  • 主要導覽最多 4-7 個項目（過多會造成決策癱瘓）
  • CTA 按鈕放在最右邊（例如「開始免費試用」、「開始使用」）
  • Logo 連結至首頁（左側）
  • 按優先順序排列：最重要的/瀏覽次數最多的頁面優先
  • 如果有巨型選單，限制為 3-4 欄

頁尾組織

將頁尾連結分組為欄：

  • 產品：功能、價格、整合、更新日誌
  • 資源：部落格、案例研究、範本、文件
  • 公司：關於、職缺、聯絡、新聞
  • 法律：隱私權、服務條款、安全性

麵包屑格式

Home > Features > Analytics
Home > Blog > SEO Category > Post Title

麵包屑應反映 URL 階層。每個麵包屑分段都應是可點擊的連結，但當前頁面除外。

如需詳細的導覽模式：請參閱 references/navigation-patterns.md

URL 結構

設計原則

  1. 人類可讀 — /features/analytics 而非 /f/a123
  2. 使用連字號，而非底線 — /blog/seo-guide 而非 /blog/seo_guide
  3. 反映階層 — URL 路徑應符合網站結構
  4. 一致的結尾斜線政策 — 選擇一種（加或不加）並強制執行
  5. 一律小寫 — /About 應重新導向至 /about
  6. 簡短但具描述性 — /blog/how-to-improve-landing-page-conversion-rates 太長；/blog/landing-page-conversions 較佳

依頁面類型的 URL 模式

頁面類型模式範例
首頁/example.com
功能頁面/features/{name}/features/analytics
價格/pricing/pricing
部落格文章/blog/{slug}/blog/seo-guide
部落格分類/blog/category/{slug}/blog/category/seo
案例研究/customers/{slug}/customers/acme-corp
文件/docs/{section}/{page}/docs/api/authentication
法律/{page}/privacy, /terms
著陸頁/{slug} 或 /lp/{slug}/free-trial, /lp/webinar
比較/compare/{competitor} 或 /vs/{competitor}/compare/competitor-name
整合/integrations/{name}/integrations/slack
範本/templates/{slug}/templates/marketing-plan

常見錯誤

  • 部落格 URL 中的日期 — /blog/2024/01/15/post-title 沒有增加價值，只會讓 URL 變長。請使用 /blog/post-title。
  • 過度巢狀化 — /products/category/subcategory/item/detail 太深。盡可能扁平化。
  • 變更 URL 但未設定重新導向 — 每個舊 URL 都需要 301 重新導向至新 URL。若無重新導向，您會失去反向連結的權重，並為任何將舊 URL 加入書籤或連結的使用者製造失效頁面。
  • URL 中的 ID — /product/12345 不具人類可讀性。請使用 slug。
  • 使用查詢參數表示內容 — /blog?id=123 應改為 /blog/post-title。
  • 不一致的模式 — 不要混用 /features/analytics 和 /product/automation。選擇一個父層級。

麵包屑與 URL 對齊

麵包屑軌跡應反映 URL 路徑：

URL麵包屑
/features/analyticsHome > Features > Analytics
/blog/seo-guideHome > Blog > SEO Guide
/docs/api/authHome > Docs > API > Authentication

可視化站點地圖輸出（Mermaid）

使用 Mermaid graph TD 製作可視化站點地圖。這可以清楚呈現階層關係，並可標註導覽區域。

基本階層

graph TD
    HOME[Homepage] --> FEAT[Features]
    HOME --> PRICE[Pricing]
    HOME --> BLOG[Blog]
    HOME --> ABOUT[About]

    FEAT --> F1[Analytics]
    FEAT --> F2[Automation]
    FEAT --> F3[Integrations]

    BLOG --> B1[Post 1]
    BLOG --> B2[Post 2]

含導覽區域

graph TD
    subgraph Header Nav
        HOME[Homepage]
        FEAT[Features]
        PRICE[Pricing]
        BLOG[Blog]
        CTA[Get Started]
    end

    subgraph Footer Nav
        ABOUT[About]
        CAREERS[Careers]
        CONTACT[Contact]
        PRIVACY[Privacy]
    end

    HOME --> FEAT
    HOME --> PRICE
    HOME --> BLOG
    HOME --> ABOUT

    FEAT --> F1[Analytics]
    FEAT --> F2[Automation]

如需更多 Mermaid 範本：請參閱 references/mermaid-templates.md

內部連結策略

連結類型

類型用途範例
導覽性在區塊間移動頁首、頁尾、側邊欄連結
脈絡性文字中的相關內容「了解更多關於分析」
樞紐與輻射將叢集內容連結至樞紐頁部落格文章連結至支柱頁面
跨區塊連結不同區塊中的相關頁面功能頁面連結至相關案例研究

內部連結規則

  1. 沒有孤兒頁面 — 每個頁面至少需要一個指向它的內部連結
  2. 具描述性的錨點文字 — 「我們的分析功能」而非「點擊這裡」
  3. 每 1000 字內容約 5-10 個內部連結 （近似指引）
  4. 更常連結到重要頁面 — 首頁、關鍵功能頁面、價格
  5. 使用麵包屑 — 每個頁面都可獲得免費的內部連結
  6. 相關內容區塊 — 頁面底部的「相關文章」或「您可能也喜歡」

樞紐與輻射模型

對於內容豐富的網站，圍繞樞紐頁面進行組織：

Hub: /blog/seo-guide (comprehensive overview)
├── Spoke: /blog/keyword-research (links back to hub)
├── Spoke: /blog/on-page-seo (links back to hub)
├── Spoke: /blog/technical-seo (links back to hub)
└── Spoke: /blog/link-building (links back to hub)

每個輻射頁面連結回樞紐頁面。樞紐頁面連結至所有輻射頁面。相關的輻射頁面之間也彼此連結。

連結稽核查核清單

  • 每個頁面至少有一個入站內部連結
  • 沒有失效的內部連結（404）
  • 錨點文字具描述性（非「點擊這裡」或「了解更多」）
  • 重要頁面擁有最多的入站內部連結
  • 所有頁面都已實作麵包屑
  • 部落格文章中存在相關內容連結
  • 跨區塊連結將功能與案例研究、部落格與產品頁面連結起來

輸出格式

建立網站架構規劃時，請提供以下交付物：

1. 頁面階層（ASCII 樹狀圖）

完整的網站結構，每個節點都帶有 URL。使用「頁面階層設計」部分中的 ASCII 樹狀圖格式。

2. 可視化站點地圖（Mermaid）

顯示頁面關係與導覽區域的 Mermaid 圖表。在適當情況下，使用帶有導覽區域子圖的 graph TD。

3. URL 對應表

頁面URL父層級導覽位置優先順序
Homepage/—HeaderHigh
Features/featuresHomepageHeaderHigh
Analytics/features/analyticsFeaturesHeader dropdownMedium
Pricing/pricingHomepageHeaderHigh
Blog/blogHomepageHeaderMedium

4. 導覽規格

  • 頁首導覽項目（依序排列，含 CTA）
  • 頁尾區塊與連結
  • 側邊欄導覽（若適用）
  • 麵包屑實作說明

5. 內部連結計劃

  • 樞紐頁面及其輻射頁面
  • 跨區塊連結機會
  • 孤兒頁面稽核（若為改版）
  • 每個關鍵頁面的建議連結

任務特定問題

  1. 這是新網站還是改版現有網站？
  2. 這是什麼類型的網站？（SaaS、內容、電子商務、文件、混合型、小型企業）
  3. 已存在或計畫有多少頁面？
  4. 網站上最重要的 5 個頁面是什麼？
  5. 是否有需要保留或重新導向的現有 URL？
  6. 主要受眾是誰，他們想在網站上完成什麼？

相關技能

  • content-strategy：用於規劃要建立的內容與主題叢集
  • programmatic-seo：用於使用範本和資料大規模建立 SEO 頁面
  • seo-audit：用於技術 SEO、頁面最佳化與索引問題
  • page-cro：用於最佳化個別頁面以提高轉換率
  • schema-markup：用於實作麵包屑與網站導覽結構化資料
  • competitor-alternatives：用於比較頁面框架與 URL 模式

Individual skills in this repo

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

LeoYeAI/openclaw-marketing-skills

When the user wants to plan, design, or implement an A/B test or experiment. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "should I test this," "which version is better," "test two versions," "statistical significance," or "how long should I run this test." Use this whenever someone is comparing two approaches and wants to measure which performs better. For tracking implementation, see analytics-tra

LeoYeAI/openclaw-marketing-skills

When the user wants to generate, iterate, or scale ad creative — headlines, descriptions, primary text, or full ad variations — for any paid advertising platform. Also use when the user mentions 'ad copy variations,' 'ad creative,' 'generate headlines,' 'RSA headlines,' 'bulk ad copy,' 'ad iterations,' 'creative testing,' 'ad performance optimization,' 'write me some ads,' 'Facebook ad copy,' 'Google ad headlines,' 'LinkedIn ad text,' or 'I need more ad variations.' Use this whenever someone needs to produce ad copy at scale or iterate on existing ads. For campaign strategy and targeting, see paid-ads. For landing page copy, see copywriting.

LeoYeAI/openclaw-marketing-skills

When the user wants to optimize content for AI search engines, get cited by LLMs, or appear in AI-generated answers. Also use when the user mentions 'AI SEO,' 'AEO,' 'GEO,' 'LLMO,' 'answer engine optimization,' 'generative engine optimization,' 'LLM optimization,' 'AI Overviews,' 'optimize for ChatGPT,' 'optimize for Perplexity,' 'AI citations,' 'AI visibility,' 'zero-click search,' 'how do I show up in AI answers,' 'LLM mentions,' or 'optimize for Claude/Gemini.' Use this whenever someone wants their content to be cited or surfaced by AI assistants and AI search engines. For traditional technical and on-page SEO audits, see seo-audit. For structured data implementation, see schema-markup.

LeoYeAI/openclaw-marketing-skills

When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions "set up tracking," "GA4," "Google Analytics," "conversion tracking," "event tracking," "UTM parameters," "tag manager," "GTM," "analytics implementation," "tracking plan," "how do I measure this," "track conversions," "attribution," "Mixpanel," "Segment," "are my events firing," or "analytics isn't working." Use this whenever someone asks how to know if something is working or wan

LeoYeAI/openclaw-marketing-skills

When the user wants to reduce churn, build cancellation flows, set up save offers, recover failed payments, or implement retention strategies. Also use when the user mentions 'churn,' 'cancel flow,' 'offboarding,' 'save offer,' 'dunning,' 'failed payment recovery,' 'win-back,' 'retention,' 'exit survey,' 'pause subscription,' 'involuntary churn,' 'people keep canceling,' 'churn rate is too high,' 'how do I keep users,' or 'customers are leaving.' Use this whenever someone is losing subscribers o

LeoYeAI/openclaw-marketing-skills

Write B2B cold emails and follow-up sequences that get replies. Use when the user wants to write cold outreach emails, prospecting emails, cold email campaigns, sales development emails, or SDR emails. Also use when the user mentions "cold outreach," "prospecting email," "outbound email," "email to leads," "reach out to prospects," "sales email," "follow-up email sequence," "nobody's replying to my emails," or "how do I write a cold email." Covers subject lines, opening lines, body copy, CTAs, p

LeoYeAI/openclaw-marketing-skills

When the user wants to create competitor comparison or alternative pages for SEO and sales enablement. Also use when the user mentions 'alternative page,' 'vs page,' 'competitor comparison,' 'comparison page,' '[Product] vs [Product],' '[Product] alternative,' 'competitive landing pages,' 'how do we compare to X,' 'battle card,' or 'competitor teardown.' Use this for any content that positions your product against competitors. Covers four formats: singular alternative, plural alternatives, you v

LeoYeAI/openclaw-marketing-skills

When the user wants to plan a content strategy, decide what content to create, or figure out what topics to cover. Also use when the user mentions "content strategy," "what should I write about," "content ideas," "blog strategy," "topic clusters," "content planning," "editorial calendar," "content marketing," "content roadmap," "what content should I create," "blog topics," "content pillars," or "I don't know what to write." Use this whenever someone needs help deciding what content to produce,

LeoYeAI/openclaw-marketing-skills

When the user wants to edit, review, or improve existing marketing copy. Also use when the user mentions 'edit this copy,' 'review my copy,' 'copy feedback,' 'proofread,' 'polish this,' 'make this better,' 'copy sweep,' 'tighten this up,' 'this reads awkwardly,' 'clean up this text,' 'too wordy,' or 'sharpen the messaging.' Use this when the user already has copy and wants it improved rather than rewritten from scratch. For writing new copy, see copywriting.

LeoYeAI/openclaw-marketing-skills

When the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when the user says "write copy for," "improve this copy," "rewrite this page," "marketing copy," "headline help," "CTA copy," "value proposition," "tagline," "subheadline," "hero section copy," "above the fold," "this copy is weak," "make this more compelling," or "help me describe my product." Use this whenever s

LeoYeAI/openclaw-marketing-skills

When the user wants to create or optimize an email sequence, drip campaign, automated email flow, or lifecycle email program. Also use when the user mentions "email sequence," "drip campaign," "nurture sequence," "onboarding emails," "welcome sequence," "re-engagement emails," "email automation," "lifecycle emails," "trigger-based emails," "email funnel," "email workflow," "what emails should I send," "welcome series," or "email cadence." Use this for any multi-email automated flow. For cold out

LeoYeAI/openclaw-marketing-skills

When the user wants to optimize any form that is NOT signup/registration — including lead capture forms, contact forms, demo request forms, application forms, survey forms, or checkout forms. Also use when the user mentions "form optimization," "lead form conversions," "form friction," "form fields," "form completion rate," "contact form," "nobody fills out our form," "form abandonment," "too many fields," "demo request form," or "lead form isn't converting." Use this for any non-signup form tha

LeoYeAI/openclaw-marketing-skills

When the user wants to plan, evaluate, or build a free tool for marketing purposes — lead generation, SEO value, or brand awareness. Also use when the user mentions "engineering as marketing," "free tool," "marketing tool," "calculator," "generator," "interactive tool," "lead gen tool," "build a tool for leads," "free resource," "ROI calculator," "grader tool," "audit tool," "should I build a free tool," or "tools for lead gen." Use this whenever someone wants to build something useful and give

LeoYeAI/openclaw-marketing-skills

Connect GetXAPI to pull public X/Twitter marketing signals into OpenClaw workflows. Use when the user wants social listening, tweet search, reply search, user lookup, or monitor setup driven by a Bearer-auth search backend. Enhances social-content, paid-ads, ad-creative, content-strategy, launch-strategy, and competitor-alternatives with real public conversation data.

LeoYeAI/openclaw-marketing-skills

Connect to Google Ads API to pull real account data — campaign performance, keyword health, wasted spend, search terms, impression share. Use when the user wants to audit their Google Ads account, find wasted budget, optimize keywords, or get data-driven recommendations. Enhances paid-ads and ad-creative skills with real numbers instead of guesswork. Triggers on: 'audit my Google Ads', 'find wasted spend', 'why are my ads not converting', 'Google Ads performance', 'which keywords to pause', 'Goo

LeoYeAI/openclaw-marketing-skills

When the user wants to plan a product launch, feature announcement, or release strategy. Also use when the user mentions 'launch,' 'Product Hunt,' 'feature release,' 'announcement,' 'go-to-market,' 'beta launch,' 'early access,' 'waitlist,' 'product update,' 'how do I launch this,' 'launch checklist,' 'GTM plan,' or 'we're about to ship.' Use this whenever someone is preparing to release something publicly. For ongoing marketing after launch, see marketing-ideas.

LeoYeAI/openclaw-marketing-skills

When the user wants to create, plan, or optimize a lead magnet for email capture or lead generation. Also use when the user mentions "lead magnet," "gated content," "content upgrade," "downloadable," "ebook," "cheat sheet," "checklist," "template download," "opt-in," "freebie," "PDF download," "resource library," "content offer," "email capture content," "Notion template," "spreadsheet template," or "what should I give away for emails." Use this for planning what to create and how to distribute

LeoYeAI/openclaw-marketing-skills

When the user needs marketing ideas, inspiration, or strategies for their SaaS or software product. Also use when the user asks for 'marketing ideas,' 'growth ideas,' 'how to market,' 'marketing strategies,' 'marketing tactics,' 'ways to promote,' 'ideas to grow,' 'what else can I try,' 'I don't know how to market this,' 'brainstorm marketing,' or 'what marketing should I do.' Use this as a starting point whenever someone is stuck or looking for inspiration on how to grow. For specific channel execution, see the relevant skill (paid-ads, social-content, email-sequence, etc.).

LeoYeAI/openclaw-marketing-skills

When the user wants to apply psychological principles, mental models, or behavioral science to marketing. Also use when the user mentions 'psychology,' 'mental models,' 'cognitive bias,' 'persuasion,' 'behavioral science,' 'why people buy,' 'decision-making,' 'consumer behavior,' 'anchoring,' 'social proof,' 'scarcity,' 'loss aversion,' 'framing,' or 'nudge.' Use this whenever someone wants to understand or leverage how people think and make decisions in a marketing context.

LeoYeAI/openclaw-marketing-skills

Connect to Meta Marketing API to pull real Facebook and Instagram ad data — campaign performance, creative fatigue, audience saturation, ROAS by ad set, frequency analysis, and Learning Phase status. Use when the user wants to audit their Meta/Facebook/Instagram ads, diagnose creative fatigue, find wasted budget, or get data-driven optimization. Enhances paid-ads and ad-creative skills with real Meta data. Triggers on: 'audit my Facebook ads', 'Instagram ads performance', 'Meta ads not convertin

相關技能

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community