site-architecture

Plan website page hierarchies, navigation structures, URL patterns, and internal linking strategies.

Updated Aug 6, 2026
One-click install
npx skills add https://github.com/ferrarifankid04/ai-skills-public --skill site-architecture-ferrarifankid04
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/ferrarifankid04/ai-skills-public/tree/main/claude-code/skills/site-architecture
Command: npx skills add https://github.com/ferrarifankid04/ai-skills-public --skill site-architecture-ferrarifankid04

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Planning or restructuring a website's information architecture is difficult: pages get buried, navigation becomes cluttered, URLs grow inconsistent, and internal linking is neglected. This Skill provides a structured methodology for designing page hierarchies, navigation systems, URL structures, and internal linking plans that work for both users and search engines. ## Core Features & Use Cases - Page Hierarchy Design: Apply the 3-click rule and flat-vs-deep tradeoffs to build ASCII tree sitemaps, with ready-made templates for SaaS, blog, e-commerce, documentation, hybrid, and small business sites. - Navigation & URL Specification: Define header nav (4-7 items), footer columns, breadcrumbs, and consistent URL patterns, with Mermaid diagram templates for visual sitemaps shareable with design teams. - Internal Linking Strategy: Implement hub-and-spoke content models, orphan page audits, and cross-section linking plans. - Use Case: A SaaS company adding 200 programmatic integration pages and 50 comparison pages asks how they fit into the site. The Skill recommends hub pages (/integrations, /compare), keeps them out of the main nav, applies hub-and-spoke linking, and addresses crawl budget concerns. ## Quick Start Ask the assistant to plan the site architecture for your website, describing your site type, main sections, and whether it is a new build or a restructure.

Frequently Asked Questions about site-architecture

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I plan a website site structure and page hierarchy?▼

Start with a content inventory and business goals, then apply the 3-click rule so important pages stay within three levels of the homepage. Group pages into logical parent-child sections, document the result as an ASCII tree, and validate that navigation stays under 4-7 header items.

What URL structure should I use for blog posts and feature pages?▼

Use short, readable, lowercase paths with hyphens that mirror the hierarchy, such as /blog/post-slug and /features/feature-name. Avoid dates, IDs, query parameters, and deep nesting, and enforce a consistent trailing slash policy with 301 redirects for any changed URLs.

How do I create a visual sitemap to share with my design team?▼

Use Mermaid graph TD diagrams to render page hierarchies visually, with subgraphs marking header and footer navigation zones. The references include copy-paste templates for basic hierarchies, hub-and-spoke models, before/after restructures, and color-coded page status.

Does this skill fix XML sitemaps and crawl errors?▼

No. XML sitemaps, crawl errors, and indexation issues are technical SEO tasks handled by the seo-audit skill. This skill covers information architecture design: page hierarchy, navigation, URL patterns, and internal linking.

How should programmatic SEO pages fit into site architecture?▼

Place scaled page sets like integrations or comparisons under dedicated hub pages such as /integrations and /compare, keeping them out of the main navigation. Apply hub-and-spoke internal linking where each spoke links back to its hub, and account for crawl budget when adding hundreds of pages.