VibeMKT Hub

内容与创意 · website-structure

网站架构规划 Skill

把建站需求转化为带有优先级排序和目录层级的页面清单，直接交付给研发排期。

适用于从零搭建独立站或重构老站。它会判断项目所处的阶段和增长渠道，按核心、辅助和可选级别列出所需页面，分配对应的 URL 路径。输出的页面清单和 URL 结构可直接作为前后端开发与 SEO 内容制作的依据。

WHAT IT SOLVES

解决的营销问题

把建站需求转化为带有优先级排序和目录层级的页面清单，直接交付给研发排期

把建站需求转化为带有优先级排序和目录层级的页面清单，直接交付给研发排期。跑完你拿到的是按必须开发、建议开发和可选开发三档优先级排序的页面开发清单，涵盖核心页与转化页，中间一共 8 步。

最适合的真实场景

  • 01

    出海 SaaS 团队从零搭建独立站，需要一份包含核心转化页与法律页的完整开发清单

  • 02

    B2B 企业准备拓展多语言市场，需要规划带有国家和地区子目录的网站路径结构

  • 03

    独立站操盘手新增了联盟营销渠道，需要倒推并补充联盟招商与落地页面的开发需求

  • 04

    电商独立站进行老站改版，需要重新梳理商品分类页的层级并分配更短的 URL 路径

  • 05

    开发者工具产品上线前，需要规划独立的 API 文档、状态页与用户登录后台模块

你要先准备的资料

  • 包含产品类型、目标受众与增长目标的 markdown 格式项目背景说明文件
  • 明确的网站业务阶段标识，标明是新站从零搭建还是针对已有站点进行审查重构
  • 具体的流量获取方式清单，例如 SEO、联盟营销、教育优惠或 B2B 企业直销
  • 网站所使用的后端技术栈信息，涵盖身份验证系统、内容管理系统与独立的 DNS 配置状态
  • 如果是多产品线架构，需要提前确认是使用子目录、子域名还是独立域名进行部署

跑完你会拿到什么

  • 按必须开发、建议开发和可选开发三档优先级排序的页面开发清单，涵盖核心页与转化页
  • 带有具体 URL 路径分配的网站目录树结构图，明确各个节点之间的上下层级关系
  • 增长渠道与对应着陆页面的映射关系表，标明具体路径支持哪种获客方式
  • 按通用模板分类的基础页面路径列表，包含资源中心、法律条款、API 文档等独立模块
  • 包含后续 URL 优化规则、内部链接审查与抓取测试任务项的待办清单

METHOD

Skill 工作流程

读取项目背景信息 → 确认网站类型与阶段 → 划分页面优先级 等 8 个环节

一共 8 步。其中 5 项能力决定了换个 AI 会不会更麻烦。

  1. 读取项目背景信息寻找并读取 .claude/project-context.md 或 .cursor/project-context.md 文件。从中提取产品类型、目标受众以及具体的增长目标，作为后续所有页面规划的约束条件。
  2. 确认网站类型与阶段识别当前业务属于 SaaS、B2B 还是电商独立站。判断是全新搭建的网站，还是针对已有网站进行页面拓展或结构审查，这决定了基础模板的选择。
  3. 划分页面优先级将所有候选页面划分为必须开发、建议开发和可选开发三个层级。必须开发的页面包含首页、定价页和法律页面，以此作为研发团队排期的依据。
  4. 配置基础模板目录基于通用模板生成根目录、工具、资源、合作与法律等基础模块的 URL 路径。移除当前业务不需要的节点，例如产品不提供 API 接口就直接删除对应的文档目录。
  5. 映射增长渠道页面将具体的增长目标转化为实际的页面路径。例如针对联盟营销转化分配专属路径，针对教育优惠或企业级 B2B 直销分配各自的解决方案路径。
  6. 分配具体 URL 路径为保留下来的每一个页面节点分配具体的 URL 路径。要求路径全部小写并使用连字符，保证包含相关关键词且长度简短，形成明确的层级关系。
  7. 审查结构与孤岛页面检查整体网站结构，确保从首页到任何一个页面的点击次数不超过四次。排查并标记出缺乏内部链接指向的孤岛页面，保证所有页面都有入口。
  8. 导出开发清单与待办整合页面类型、具体 URL 和优先级，导出供研发排期的页面清单。同时输出后续的 URL 规则核对、XML 站点地图生成与抓取测试等待办任务列表。

这个 Skill 用到的能力： 读本地资料页面预览操作前确认MCP 与连接器打开网页取正文 。不同 AI 对这些能力的支持程度不一样，所以同一个 Skill 换个 AI，有几步做法会变。

WORKED EXAMPLE

业务示例

出海 B2B SaaS 团队老站改版与多语言拓展

出海 B2B SaaS 团队老站改版与多语言拓展

一家面向海外企业客户的 B2B SaaS 团队准备重构官网。他们需要向研发部门提供一份明确的页面开发清单，用以支持新增加的联盟营销渠道和日语、德语本地化业务。团队之前没有清晰的目录层级，导致部分解决方案落地页无法被搜索引擎正常抓取。

  1. 读取项目背景说明文件，确认当前处于老站重构阶段，且主要获客方式为 B2B 直销与 SEO
  2. 保留首页、定价、关于我们等必须开发页面，移除当前业务不需要的 API 文档与开发者工具模块
  3. 为新增的联盟渠道分配 /affiliate 路径，为日语和德语市场分配 /ja 和 /de 子目录
  4. 将原有的孤立页面重新归类到按行业划分的解决方案目录下，缩短其距离首页的点击层级
  5. 导出包含所有新增页面、URL 路径与优先级的完整清单，连同后续抓取测试任务一起交付

预期结果：交付了一份包含 45 个页面的开发清单，明确了每个页面的具体 URL 路径与优先级。研发团队直接根据该清单进行了两个星期的开发排期。多语言目录结构与联盟渠道的映射关系表还需要业务负责人人工核对，确认翻译资源是否到位。

PITFALLS · VERIFICATION

能力边界与常见问题

功能展示页与用例页的内容定位重叠

最常踩的坑

  • 功能展示页与用例页的内容定位重叠，导致后期撰写文案时主题冲突且产生内部竞争
  • 大型节点的目录层级过深，导致部分底层页面距离首页超过四次点击，影响页面抓取
  • 部分新增的促销活动页面没有在主导航或页脚中分配链接入口，最终成为无流量的孤岛页面
  • 企业级 SaaS 产品错误地对外公开了定价页面，导致实际业务中只能引导用户联系销售团队
  • 多产品线业务在前期没有确认子域名或子目录的部署方式，导致后期 URL 结构需要全面推倒重做

怎么确认这次跑对了

  • 已经形成可检查的按必须开发、建议开发和可选开发三档优先级排序的页面开发清单，涵盖核心页与转化页，关键判断能回到输入资料或过程证据。
  • 已经形成可检查的带有具体 URL 路径分配的网站目录树结构图，明确各个节点之间的上下层级关系，关键判断能回到输入资料或过程证据。
  • 已经形成可检查的增长渠道与对应着陆页面的映射关系表，标明具体路径支持哪种获客方式，关键判断能回到输入资料或过程证据。
  • 已逐项检查「功能展示页与用例页的内容定位重叠，导致后期撰写文案时主题冲突且产生内部竞争」等高频问题，并记录需要人工确认的下一步。
网站架构规划 Skill适合哪些岗位使用？

出海操盘手、独立站运营、SEO 经理、前端开发。典型场景包括出海 SaaS 团队从零搭建独立站，需要一份包含核心转化页与法律页的完整开发清单；B2B 企业准备拓展多语言市场，需要规划带有国家和地区子目录的网站路径结构；独立站操盘手新增了联盟营销渠道，需要倒推并补充联盟招商与落地页面的开发需求。

开始前需要准备什么资料？

至少需要包含产品类型、目标受众与增长目标的 markdown 格式项目背景说明文件、明确的网站业务阶段标识，标明是新站从零搭建还是针对已有站点进行审查重构、具体的流量获取方式清单，例如 SEO、联盟营销、教育优惠或 B2B 企业直销。资料越具体，结果越能直接用于决策。

最后能得到什么可检查的结果？

按必须开发、建议开发和可选开发三档优先级排序的页面开发清单，涵盖核心页与转化页、带有具体 URL 路径分配的网站目录树结构图，明确各个节点之间的上下层级关系、增长渠道与对应着陆页面的映射关系表，标明具体路径支持哪种获客方式。每项都可以逐条核对来源和数字。

哪些情况下结果会不可靠？

功能展示页与用例页的内容定位重叠，导致后期撰写文案时主题冲突且产生内部竞争；大型节点的目录层级过深，导致部分底层页面距离首页超过四次点击，影响页面抓取。出现这些情况时需要人工复核。

支持哪些 AI Agent？

已适配 WorkBuddy、OpenClaw、Hermes Agent、Codex、Claude Code、TRAE、ZCode 共 7 种，每种都有独立的安装说明和能力对照。

ORIGINAL SOURCE

完整 Skill 内容与版本资料

2 个原始文件，13 个文档章节，固定在 70987bad

上游原文完整保留在加搜服务器上，可逐节查看，也可以直接下载。 当前镜像共 2 个文件、9.6 KB。

原始 Skill 文档 上游原文完整保留，中文概述已转换为营销任务、输入资料和交付结果。

Strategy: Website Structure

Guides website structure planning: which pages to build, page priority, and how structure supports UX, SEO, and growth. Structure is the organization and connection of pages; it affects user navigation, Google's understanding of content importance, crawlability, and sitelinks in SERPs. See serp-features for sitelinks and SERP optimization.

When invoking: On first use, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.

Initial Assessment

Check for project context first: If .claude/project-context.md or .cursor/project-context.md exists, read it for product type, audience, and growth goals.

Identify:

  1. Website type: Product/SaaS, B2B, E-commerce, Portfolio, Forum, Directory
  2. Stage: New site (plan from scratch) vs. existing (extend or audit)
  3. Growth strategy: Affiliate, education, multi-language, community, B2B, developer
  4. Constraints: Team size, budget, tech stack

Page Priority Framework

Plan pages by priority for development scheduling. See skills-reference §2 Page Taxonomy for full page types and website-type mapping.

Priority Pages Notes
Must Have Home, Product/Features, Pricing, Blog, About, Privacy, Terms, Contact Essential for trust and conversion; Pricing: public page in nav for self-serve; enterprise-only may use "Contact sales" instead; see pricing-page-generator (Visibility & Placement)
Great to Have Testimonials, FAQ, Sitemap (HTML), 404, Refund/Returns Support UX and SEO
Optional Search Results, News, Careers, Disclosure Situational
Traffic-driven Category/Collection pages For content-heavy or e-commerce; needs Category + Tags

Generic Template Structure

Applicable to SaaS, tools, and content sites. Adapt by removing unused nodes (e.g. no API → drop API) and adding specific modules (e.g. industry, region).

Section Typical Paths Page Skills
Root /, /features, /pricing, /demo, /contact homepage-generator, features-page-generator, pricing-page-generator
Tools /tools, /free-tools; hub + per-tool pages tools-page-generator; free tools for lead gen; often SPA; programmatic; see programmatic-seo
Resources /blog, /changelog, /glossary, /faq, /tutorials blog-page-generator, changelog-page-generator, glossary-page-generator, faq-page-generator
Partnership /affiliate, /startups, /ambassadors affiliate-page-generator, landing-page-generator
Legal /terms, /privacy, /careers terms-page-generator, privacy-page-generator, careers-page-generator
Competitor /alternatives, /compare, /migrate alternatives-page-generator, migration-page-generator
Standalone /dashboard, /login, /signup, /docs, /api, /status, /support signup-login-page-generator, docs-page-generator, api-page-generator, status-page-generator

Growth Strategy → Structure Mapping

Structure reflects growth strategy. Subdirectories signal channels:

Goal Path Example Page/Channel
Affiliate conversion /affiliate affiliate-page-generator
Education/student plan /education, /startups, /student-discount education-program, startups-page-generator
Multi-language /zh-CN, /ja localization-strategy
Community /ambassadors, /showcase creator-program, landing-page-generator
B2B / Enterprise Solutions (industry-first), Use cases (scenario-first; can be sub-pages), Customer stories solutions-page-generator, use-cases-page-generator, customer-stories-page-generator
Developer product /api, /docs, /status api-page-generator, docs-page-generator, status-page-generator
User feedback Feedback, Roadmap feedback-page-generator; External (Canny, FeatureBase)
Plugins/Integrations /integrations, /plugins integrations-page-generator, category-page-generator
Giveaway/Contest /giveaway contest-page-generator

Domain Structure (Multiple Products)

When planning for multiple products or brands, see domain-architecture for subfolder vs subdomain vs independent domain. This skill covers page structure within a single domain. For initial domain choice (Brand vs PMD vs EMD, TLD), see domain-selection.

Planning Workflow

  1. Choose template: Start from generic structure; map to skills-reference §2 website types
  2. Trim modules: Remove irrelevant nodes (e.g. no API → drop /api, /docs)
  3. Add specifics: Industry pages, region, product variants
  4. Assign URLs: Per node; follow url-structure (lowercase, hyphens, short, keyword-rich)
  5. Export list: "Page type + URL + Priority" for dev scheduling
  6. Tech stack: Match page types to services (DNS, auth, CMS, status page, etc.)
  7. Iterate: Expand with new features, markets; keep structure clear

Structure Principles

Principle Guideline
Flat structure Max 4 clicks from homepage to any page; improves crawlability and weight distribution
Early planning Plan structure before growth; can start right after domain purchase
Sitelinks Good structure + TOC + authoritative internal links → natural sitelinks in SERP (cannot be forced via schema); see serp-features
Orphan prevention Every page needs internal links; see site-crawlability and internal-links
Features vs Use cases /features = capability-first; /use-cases = scenario-first; differentiate content angle, link between, avoid overlap; see features-page-generator, use-cases-page-generator
Clear navigation Clear hierarchy and nav improve task completion; users find what they need faster; see navigation-menu-generator
Pricing placement Marketing site: /pricing in main nav for prospects; in-app: Settings → Billing in sidebar for logged-in users (subscription management). Enterprise-only: "Contact sales" may replace public pricing page; see pricing-page-generator

Homepage Module Reference

See homepage-generator for common modules (Headline, Subheadline, CTA, Benefits, Social Proof, etc.), navigation options, and hero-generator for hero design.

Output Format

  • Page list with priority (Must Have / Great to Have / Optional)
  • URL structure (paths per section)
  • Website-type fit (which pages apply per skills-reference §2)
  • Growth mapping (which paths support which channels)
  • Next steps: url-structure for URL rules; xml-sitemap for submission; site-crawlability for audit

References

  • Website structure SEO guide — Alignify: structure importance, page priority, generic template, planning workflow, growth mapping, homepage modules
  • skills-reference §2 (docs/skills-reference.md#2-page-taxonomy) — Full page types, website-type matrix, core vs extended; use for page selection

Related Skills

  • seo-strategy: SEO workflow order; structure planning fits before Technical phase
  • domain-selection: Initial domain choice; do before structure when choosing domain
  • domain-architecture: Subfolder vs subdomain vs independent; do before structure if domain decision pending
  • url-structure: URL optimization, hierarchy, slugs; apply after structure is defined
  • site-crawlability: Crawlability, orphan pages, redirects; audit existing structure
  • internal-links: Link strategy, hub-spoke; implement after pages exist
  • xml-sitemap: Sitemap creation; include planned URLs
  • breadcrumb-generator: Breadcrumb for hierarchy; large sites, e-commerce
  • navigation-menu-generator: Nav design; primary, footer, mobile
  • content-strategy: Content clusters, pillar pages; complements structure planning

来源与版本声明

本页面由加搜科技整理业务说明并托管安装文件。原始 Skill 来源渠道：GitHub； 原始项目名称：website-structure； 固定版本：70987bad4ebe； 许可证：MIT。技能包内保留完整出处和许可证说明。

各 Agent 能力说明参考对应官方文档。页面不提供外部跳转。

INSTALL

三种安装方式

网站架构规划 Skill v1.0.0，ZIP 带 SHA256 校验

默认做法是把提示词复制给 AI Agent，让它自己下载并安装。提示词里已经写清要用完整 ZIP、装完报告目录、并先跑一个小任务验证。

METHOD 01 · 交给 AI 自己装

复制提示词

适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录，并在缺少权限时告诉你需要手工做哪一步。

请帮我把「网站架构规划 Skill」安装到我正在使用的 AI Agent。
1. 下载完整 Skill ZIP：https://www.vibemarketing.work/packages/skill-website-structure/1.0.0/skill-website-structure.zip
   注意：网页 HTML 不能当作 Skill 文件安装，必须使用 ZIP 里的完整文件。
2. 解压后保留 SKILL.md 及全部配套文件，按你所用 Agent 的 Skill 目录规则安装。
3. 安装完成后告诉我实际安装目录。
4. 用一个只读小任务验证 Skill 已被识别。
5. 如果你没有联网、下载或写目录权限，请直接告诉我哪几步需要我手工完成。
参考：原始 SKILL.md https://www.vibemarketing.work/raw/skill-website-structure/SKILL.md；安装指南 https://www.vibemarketing.work/agent-install/skill-website-structure.md

FURTHER READING

网站架构规划 Skill 相关的实操文章

别人做同类任务时踩过的坑和总结，动手前后都值得翻一下。

新网站SEO内容先写什么：按搜索意图分层的冷启动选题顺序

新网站 SEO 内容先写什么，取决于一个简单原则：先写有明确搜索需求、且你的页面能直接兑现承诺的内容，而不是先铺资讯、公司介绍或概念长文。冷启动期资源有限，每一篇内容都应优先服务“能被搜索找到、又能把

  • SEO
  • 内容策略
  • 关键词研究

转化率掉了别盯按钮颜色，来的人可能已经换了一批

流量结构一变，后台最显眼的数字就是转化率往下掉。很多人的反应是改按钮颜色、改表单字段、再开一轮首屏测试。这些能测，但排在后面。转化率是「来的人里有多少做了你要的动作」，来的人换了，动作完成率一定会动。

  • 转化率
  • AARRR
  • 落地页

分享到 LinkedIn 的标题，别拿页面 Title 直接去灌

文章页点了分享，LinkedIn 和 X 上弹出来的卡片，用的经常是页面后台 Title。后台 Title 是写给搜索和浏览器标签的，里面会塞栏目名、品牌名、竖线分隔，拿到信息流里又长又像后台。分享卡

  • 海外社媒
  • 内容分发
  • 落地页

关键词拓展Skill怎么用：输入输出契约与验收标准

关键词拓展 Skill 的正确用法，是把它当成一个有明确输入输出契约的执行单元：你交给它种子词、业务边界和排除规则，它返回一张带意图标注的候选词表。多数人调用后拿到一堆不可用的词，问题不在 Skill

  • Vibe Marketing
  • SEO
  • 关键词研究

搭配使用

按这个 Skill 的产出能不能直接被下一个 Skill 用上来推荐，不是固定名单。多数情况下按顺序跑完一组，比单独用一个效果更好。

数据与自动化#03

SEO 数据监控 Skill

把 GA4 和 Search Console 的零散数据整理成按月记录流量、收录、词库和反链的 SEO 业务看板。

来源项目 · kostja94/marketing-skills ★ 968 · Fork 134
内容与创意#05

品牌视觉系统 Skill

把现有 Logo、字体、配色、间距与触点要求整理成可复用的视觉规范和设计 Token，并映射到网站、幻灯片和文档。

来源项目 · kostja94/marketing-skills ★ 968 · Fork 134
内容与创意#06

网站轮播组件设计 Skill

为客户评价、媒体 Logo、产品截图或精选内容设计网站轮播组件。明确适用场景、幻灯片顺序、控制方式、可访问性与加载要求。

来源项目 · kostja94/marketing-skills ★ 968 · Fork 134
  • 01

    竞品分析 Skill

    这个 Skill 产出的landing_page、seo_audit，正好是它需要的输入，可以直接接着跑

  • 02

    落地页转化诊断 Skill

    这个 Skill 产出的landing_page、seo_audit，正好是它需要的输入，可以直接接着跑

  • 03

    SEO 数据监控 Skill

    这个 Skill 产出的landing_page、seo_audit，正好是它需要的输入，可以直接接着跑

  • 04

    B2B 冷启动外联 Skill

    这个 Skill 产出的seo_audit，正好是它需要的输入，可以直接接着跑

  • 05

    品牌视觉系统 Skill

    这个 Skill 产出的seo_audit，正好是它需要的输入，可以直接接着跑

  • 06

    网站轮播组件设计 Skill

    这个 Skill 产出的marketing_plan，正好是它需要的输入，可以直接接着跑

VibeMKT COMMUNITY

加入 VibeMKT 社群

微信扫码，交流营销 Skill 的选择、安装、试用与业务化改造。

加入 VibeMKT 社群的微信二维码

二维码会持续显示，关闭弹窗后返回当前页面。