关于 website-structure
用于规划网站页面、确定优先级,并让网站结构契合用户体验、SEO 和增长目标的技能。它提供通用结构模板、规划流程和调整页面的原则。
主要功能
- 01页面类型与优先级框架
- 02通用网站结构模板
- 03增长策略与 URL 映射
- 04页面规划与清单输出流程
- 05导航与可抓取性原则
适用场景
- 01规划新网站的页面层级
- 02安排页面开发优先级
- 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 时,请使用可用的项目材料或用户提供的信息,并询问缺失的信息;不要创建平行的上下文系统。
请确定:
- 网站类型:产品/SaaS、B2B、电商、作品集、论坛、目录
- 阶段:新网站(从零规划)还是现有网站(扩展或审计)
- 增长策略:联盟营销、教育、多语言、社区、B2B、开发者
- 限制条件:团队规模、预算、技术栈
页面优先级框架
按优先级规划页面,以安排开发进度。有关完整的页面类型和网站类型映射,请参阅 skills-reference §2 页面分类。
| 优先级 | 页面 | 备注 |
|---|---|---|
| 必备 | 首页、产品/功能、定价、博客、关于、隐私、条款、联系 | 对建立信任和促成转化至关重要;定价:面向自助服务的产品应在导航栏中提供公开页面;仅面向企业客户时,可改用“联系销售”;请参阅 pricing-page-generator(可见性与位置) |
| 强烈建议 | 用户评价、常见问题、网站地图(HTML)、404、退款/退货 | 支持用户体验和 SEO |
| 可选 | 搜索结果、新闻、招聘、披露 | 视情况而定 |
| 由流量驱动 | 分类/集合页面 | 适用于内容丰富的网站或电商网站;需要分类 + 标签 |
通用模板结构
适用于 SaaS、工具和内容网站。可根据需要调整,删除未使用的节点(例如没有 API 时删除 API),并添加特定模块(例如行业、地区)。
| 区块 | 典型路径 | 页面技能 |
|---|---|---|
| 根目录 | /, /features, /pricing, /demo, /contact | homepage-generator, features-page-generator, pricing-page-generator |
| 工具 | /tools, /free-tools;中心页 + 单个工具页面 | tools-page-generator;用于获客的免费工具;通常为 SPA;程序化生成;请参阅 programmatic-seo |
| 资源 | /blog, /changelog, /glossary, /faq, /tutorials | blog-page-generator, changelog-page-generator, glossary-page-generator, faq-page-generator |
| 合作伙伴 | /affiliate, /startups, /ambassadors | affiliate-page-generator, landing-page-generator |
| 法律 | /terms, /privacy, /careers | terms-page-generator, privacy-page-generator, careers-page-generator |
| 竞品 | /alternatives, /compare, /migrate | alternatives-page-generator, migration-page-generator |
| 独立页面 | /dashboard, /login, /signup, /docs, /api, /status, /support | signup-login-page-generator, docs-page-generator, api-page-generator, status-page-generator |
增长策略 → 结构映射
结构体现增长策略。子目录代表不同渠道:
| 目标 | 路径示例 | 页面/渠道 |
|---|---|---|
| 联盟营销转化 | /affiliate | affiliate-page-generator |
| 教育/学生计划 | /education, /startups, /student-discount | education-program, startups-page-generator |
| 多语言 | /zh-CN, /ja | localization-strategy |
| 社区 | /ambassadors, /showcase | creator-program, landing-page-generator |
| B2B / 企业 | 解决方案(以行业为先)、使用场景(以场景为先;可作为子页面)、客户案例 | solutions-page-generator, use-cases-page-generator, customer-stories-page-generator |
| 开发者产品 | /api, /docs, /status | api-page-generator, docs-page-generator, status-page-generator |
| 用户反馈 | 反馈、路线图 | feedback-page-generator;外部工具(Canny, FeatureBase) |
| 插件/集成 | /integrations, /plugins | integrations-page-generator, category-page-generator |
| 赠品/竞赛 | /giveaway | contest-page-generator |
域名结构(多个产品)
规划多个产品或品牌时,请参阅 domain-architecture,了解子目录、子域名和独立域名的选择。本技能涵盖单个域名内的页面结构。有关初始域名选择(品牌域名 vs PMD vs EMD、TLD),请参阅 domain-selection。
规划工作流
- 选择模板:从通用结构入手,对照 skills-reference §2 中的网站类型进行映射
- 精简模块:移除不相关的节点(例如,没有 API 就移除 /api、/docs)
- 添加具体内容:行业页面、地区、产品变体
- 分配 URL:为每个节点分配 URL;遵循 url-structure(小写、使用连字符、简短、包含关键词)
- 导出列表:按“页面类型 + URL + 优先级”整理,供开发排期
- 技术栈:将页面类型与服务匹配(DNS、身份验证、CMS、状态页等)
- 迭代:随新功能和新市场拓展;保持结构清晰
结构原则
| 原则 | 指引 |
|---|---|
| 扁平结构 | 从首页到任何页面最多点击 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:内容集群、支柱页面;与结构规划相辅相成