mcpField
W
website-structure

website-structure

github.com/kostja94设计与 UI1.1k1.3k 次安装2 天前更新
代码仓库

关于 website-structure

用于规划网站页面、确定优先级,并让网站结构契合用户体验、SEO 和增长目标的技能。它提供通用结构模板、规划流程和调整页面的原则。

主要功能

  1. 01页面类型与优先级框架
  2. 02通用网站结构模板
  3. 03增长策略与 URL 映射
  4. 04页面规划与清单输出流程
  5. 05导航与可抓取性原则

适用场景

  1. 01规划新网站的页面层级
  2. 02安排页面开发优先级
  3. 03为现有网站扩展增长渠道

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/kostja94/marketing-skills --skill website-structure

安装后在 Claude Code 中输入/website-structure确认已加载。

详细介绍

策略:网站结构

指导网站结构规划:需要构建哪些页面、页面优先级,以及结构如何支持用户体验、SEO 和增长。结构是页面的组织方式及其连接关系;它会影响用户导航、Google 对内容重要性的理解、可抓取性,以及搜索结果页(SERP)中的站点链接。有关站点链接和 SERP 优化,请参阅 serp-features。

调用时:首次使用时,如果有帮助,可先用 1–2 句话介绍此技能涵盖的内容及其重要性,然后再提供主要输出。后续使用或用户要求跳过时,直接提供主要输出。

初步评估

**项目背景:**如果根目录中存在 contextus.md,请阅读并仅加载与此任务相关的模块。没有 Contextus 时,请使用可用的项目材料或用户提供的信息,并询问缺失的信息;不要创建平行的上下文系统。

请确定:

  1. 网站类型:产品/SaaS、B2B、电商、作品集、论坛、目录
  2. 阶段:新网站(从零规划)还是现有网站(扩展或审计)
  3. 增长策略:联盟营销、教育、多语言、社区、B2B、开发者
  4. 限制条件:团队规模、预算、技术栈

页面优先级框架

按优先级规划页面,以安排开发进度。有关完整的页面类型和网站类型映射,请参阅 skills-reference §2 页面分类。

优先级页面备注
必备首页、产品/功能、定价、博客、关于、隐私、条款、联系对建立信任和促成转化至关重要;定价:面向自助服务的产品应在导航栏中提供公开页面;仅面向企业客户时,可改用“联系销售”;请参阅 pricing-page-generator(可见性与位置)
强烈建议用户评价、常见问题、网站地图(HTML)、404、退款/退货支持用户体验和 SEO
可选搜索结果、新闻、招聘、披露视情况而定
由流量驱动分类/集合页面适用于内容丰富的网站或电商网站;需要分类 + 标签

通用模板结构

适用于 SaaS、工具和内容网站。可根据需要调整,删除未使用的节点(例如没有 API 时删除 API),并添加特定模块(例如行业、地区)。

区块典型路径页面技能
根目录/, /features, /pricing, /demo, /contacthomepage-generator, features-page-generator, pricing-page-generator
工具/tools, /free-tools;中心页 + 单个工具页面tools-page-generator;用于获客的免费工具;通常为 SPA;程序化生成;请参阅 programmatic-seo
资源/blog, /changelog, /glossary, /faq, /tutorialsblog-page-generator, changelog-page-generator, glossary-page-generator, faq-page-generator
合作伙伴/affiliate, /startups, /ambassadorsaffiliate-page-generator, landing-page-generator
法律/terms, /privacy, /careersterms-page-generator, privacy-page-generator, careers-page-generator
竞品/alternatives, /compare, /migratealternatives-page-generator, migration-page-generator
独立页面/dashboard, /login, /signup, /docs, /api, /status, /supportsignup-login-page-generator, docs-page-generator, api-page-generator, status-page-generator

增长策略 → 结构映射

结构体现增长策略。子目录代表不同渠道:

目标路径示例页面/渠道
联盟营销转化/affiliateaffiliate-page-generator
教育/学生计划/education, /startups, /student-discounteducation-program, startups-page-generator
多语言/zh-CN, /jalocalization-strategy
社区/ambassadors, /showcasecreator-program, landing-page-generator
B2B / 企业解决方案(以行业为先)、使用场景(以场景为先;可作为子页面)、客户案例solutions-page-generator, use-cases-page-generator, customer-stories-page-generator
开发者产品/api, /docs, /statusapi-page-generator, docs-page-generator, status-page-generator
用户反馈反馈、路线图feedback-page-generator;外部工具(Canny, FeatureBase)
插件/集成/integrations, /pluginsintegrations-page-generator, category-page-generator
赠品/竞赛/giveawaycontest-page-generator

域名结构(多个产品)

规划多个产品或品牌时,请参阅 domain-architecture,了解子目录、子域名和独立域名的选择。本技能涵盖单个域名内的页面结构。有关初始域名选择(品牌域名 vs PMD vs EMD、TLD),请参阅 domain-selection。

规划工作流

  1. 选择模板:从通用结构入手,对照 skills-reference §2 中的网站类型进行映射
  2. 精简模块:移除不相关的节点(例如,没有 API 就移除 /api、/docs)
  3. 添加具体内容:行业页面、地区、产品变体
  4. 分配 URL:为每个节点分配 URL;遵循 url-structure(小写、使用连字符、简短、包含关键词)
  5. 导出列表:按“页面类型 + URL + 优先级”整理,供开发排期
  6. 技术栈:将页面类型与服务匹配(DNS、身份验证、CMS、状态页等)
  7. 迭代:随新功能和新市场拓展;保持结构清晰

结构原则

原则指引
扁平结构从首页到任何页面最多点击 4 次;有助于提升抓取能力和权重分配
尽早规划在增长前规划结构;购买域名后即可着手
站点链接良好的结构 + 目录 + 权威内部链接 → SERP 中自然出现站点链接(无法通过 schema 强制实现);请参阅 serp-features
防止孤立页面每个页面都需要内部链接;请参阅 site-crawlability 和 internal-links
功能 vs 使用场景/features = 以功能为先;/use-cases = 以场景为先;区分内容角度,在两者之间添加链接,避免内容重叠;请参阅 features-page-generator、use-cases-page-generator
清晰的导航清晰的层级和导航有助于用户完成任务;用户能更快找到所需内容;请参阅 navigation-menu-generator
定价页面位置营销网站:在主导航中放置 /pricing,方便潜在客户访问;应用内:在侧边栏中为已登录用户提供“设置 → 账单”(订阅管理)。仅面向企业客户时,“联系销售”可替代公开定价页面;请参阅 pricing-page-generator

首页模块参考

常见模块(标题、副标题、CTA、优势、社会认同等)和导航选项请参阅 homepage-generator;英雄区设计请参阅 hero-generator。

输出格式

  • 页面列表及优先级(必须具备 / 最好具备 / 可选)
  • URL 结构(各版块的路径)
  • 网站类型适配(根据 skills-reference §2 确定适用的页面)
  • 增长映射(哪些路径支持哪些渠道)
  • 后续步骤:使用 url-structure 制定 URL 规则;使用 xml-sitemap 提交;使用 site-crawlability 审核

参考资料

  • 网站结构 SEO 指南 — Alignify:结构的重要性、页面优先级、通用模板、规划工作流、增长映射、首页模块
  • skills-reference §2 (docs/skills-reference.md#2-page-taxonomy) — 完整的页面类型、网站类型矩阵、核心与扩展类型;用于选择页面

相关技能

  • seo-strategy:SEO 工作流顺序;结构规划应在技术阶段之前进行
  • domain-selection:初始域名选择;选择域名时,应在规划结构之前完成
  • domain-architecture:子目录、子域名与独立域名;域名方案尚未确定时,应在规划结构之前完成
  • url-structure:URL 优化、层级、slug;结构确定后应用
  • site-crawlability:可抓取性、孤立页面、重定向;用于审查现有结构
  • internal-links:链接策略、枢纽辐射式结构;页面创建后实施
  • xml-sitemap:站点地图创建;纳入规划中的 URL
  • breadcrumb-generator:层级导航面包屑;适用于大型网站和电商网站
  • navigation-menu-generator:导航设计;主导航、页脚、移动端
  • content-strategy:内容集群、支柱页面;与结构规划相辅相成

评论

支持 Markdown