site-architecture

Design website page hierarchy, navigation, URL structures, and internal linking.

Updated Mar 1, 2026
One-click install
npx skills add https://github.com/Hans3010/Hanstec-Automate --skill site-architecture-hans3010
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/Hans3010/Hanstec-Automate/tree/main/.agents/skills/site-architecture
Command: npx skills add https://github.com/Hans3010/Hanstec-Automate --skill site-architecture-hans3010

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you plan, map, and restructure your website's page hierarchy, navigation, URL structure, and internal linking to improve user experience and search engine optimization.

Core Features & Use Cases

  • Page Hierarchy Design: Create intuitive site structures using best practices like the 3-click rule.
  • Navigation Planning: Design clear header, footer, and sidebar navigation.
  • URL Structure Optimization: Define readable and SEO-friendly URL patterns.
  • Internal Linking Strategy: Develop a plan for connecting pages to improve discoverability and SEO.
  • Use Case: A growing SaaS company needs to reorganize its website to better showcase new features and improve user onboarding. This Skill can help map out a new, flatter hierarchy, design a cleaner navigation, and suggest internal linking opportunities between feature pages and blog content.

Quick Start

Use the site-architecture skill to generate a visual sitemap for a new SaaS marketing website.

Frequently Asked Questions about site-architecture

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

FAQPage Schema
How do I design a website architecture that improves navigation and SEO?

Website architecture design improves navigation and SEO by planning intuitive page hierarchies, readable URL structures, and internal linking strategies. This ensures pages are easily discoverable by users and search engines, typically following best practices like the 3-click rule.

What is the best way to plan internal linking for a SaaS marketing site?

The best way to plan internal linking for a SaaS marketing site is to map connections between feature pages and blog content. This strategy improves topic discoverability and SEO by ensuring related pages reinforce each other within the overall site architecture.

Can I generate visual sitemaps using ASCII trees and Mermaid diagrams?

Yes, you can generate visual sitemaps using ASCII trees and Mermaid diagrams. These visual output formats help map and restructure website architecture by clearly representing page hierarchy, navigation systems, and internal linking structures.

How do I restructure an e-commerce website's URL structure and page hierarchy?

Restructuring an e-commerce website's URL structure and page hierarchy involves designing readable, SEO-friendly URL patterns and flattening the site depth. This process ensures product categories and pages follow an intuitive navigation system.

Does this site mapping approach support documentation sites and content blogs?

Yes, this site mapping approach explicitly supports documentation sites and content blogs. It designs tailored page hierarchies, navigation systems, and internal linking strategies suitable for various site types including SaaS marketing and e-commerce.