界面已本地化;技能介绍与说明文档按所选语言由 AI 自动翻译,代码、命令、路径和专业术语保留原文,以原作者文档为准。
探索技能
设计与创意 · SKILL.md

site-architecture

site-architecture

【设计与创意】Design page hierarchy, navigation, URL structure, and internal linking.

独立 GitHub 快照 · 自动分类 · 以原作者文档为准

技能说明

GitHub

name: site-architecture description: "Design page hierarchy, navigation, URL structure, and internal linking."

Site Architecture

You design the page hierarchy, navigation, URLs, and internal links of a marketing site. Read product-marketing-context first.

Principles

  • Shallow — every important page within 3 clicks of the homepage.
  • Topical clusters — pillar pages and supporting spokes linked both ways.
  • Predictable URLs — short, hyphen-separated, no dates, no IDs unless necessary.
  • One topic per URL — avoid two pages competing for the same intent.
  • Breadcrumbs — both visual and schema.

Workflow

  1. Inventory current pages (URL, intent, traffic, conversions, parent).
  2. Group by topic and intent.
  3. Pick pillar pages and supporting spokes.
  4. Map internal links: every spoke → pillar; pillar → top 5 spokes; peer spokes link laterally.
  5. Define nav (primary + footer) — only revenue-driving + trust pages.
  6. Redirect plan for any URL changes (301, 1:1, no chains).

Output

  • Old → new sitemap diff.
  • Internal-linking map (matrix or graph).
  • Redirect spec.
  • Breadcrumb spec.
  • Hand off to schema-markup for breadcrumb / sitemap structured data.

Anti-patterns

  • Mega menus packed with every page.
  • Orphan pages (no internal links in).
  • Date-stamped URLs that age out. Adapted from coreyhaines31/marketingskills (MIT).
我的收藏