What problem does it solve?
This Skill solves the common pain of disorganized website architecture that leads to poor user experience, high bounce rates, low search engine visibility, and difficulty for visitors to find critical content or conversion paths.
Core Features & Use Cases
- Page Hierarchy Design: Build logical, scalable page structures using the 3-click rule, flat vs deep hierarchy best practices, and ASCII/Mermaid sitemap formats, with pre-built templates for SaaS, e-commerce, content, and documentation sites.
- Navigation Design: Create optimized header, footer, sidebar, and mobile navigation patterns, including mega menus, breadcrumbs, and contextual links, with rules to avoid decision paralysis and improve cross-device findability.
- URL Structure Optimization: Implement consistent, human-readable, SEO-friendly URL patterns aligned with site hierarchy, with guidance to avoid common mistakes like over-nesting, dates in URLs, and inconsistent path structures.
- Internal Linking Strategy: Build hub-and-spoke content models, conduct orphan page audits, and implement cross-section linking to boost SEO authority and user navigation flow.
- Use Case Example: A SaaS company with 50+ organically grown, disorganized pages can use this Skill to reorganize their site into a logical 3-level hierarchy, reduce header navigation items from 12 to 6, and implement a hub-and-spoke model for their blog and integration pages to improve both user experience and organic search performance.
Quick Start
Use the site-architecture skill to create a complete site architecture plan for our new SaaS marketing website, including a page hierarchy ASCII tree, Mermaid visual sitemap, URL map table, navigation specification, and internal linking strategy.