site-architecture

Plan website page hierarchies, URL structures, and navigation layouts.

Updated Mar 17, 2026
One-click install
npx skills add https://github.com/fianchettogianni/my-marketing-skills --skill site-architecture-fianchettogianni
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/fianchettogianni/my-marketing-skills/tree/main/skills/site-architecture
Command: npx skills add https://github.com/fianchettogianni/my-marketing-skills --skill site-architecture-fianchettogianni

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves the common pain point of poorly planned website hierarchies, confusing navigation systems, and inconsistent URL structures that lead to high user bounce rates, poor search engine visibility, and difficulty scaling content as a site grows.

Core Features & Use Cases

  • Page Hierarchy Design: Creates logical page structures following the 3-click rule and flat vs deep hierarchy best practices for any site type (SaaS, e-commerce, docs, content, small business).
  • Navigation & URL Planning: Develops header, footer, sidebar, and breadcrumb navigation specs, plus consistent, SEO-friendly URL patterns aligned with site hierarchy.
  • Internal Linking Strategy: Builds hub-and-spoke linking models, orphan page audits, and cross-section link plans to boost SEO and user navigation. Use Case: For a SaaS company launching a new marketing site, this Skill generates a full page hierarchy, Mermaid visual sitemap, URL map, and navigation layout to ensure all key pages are easy for users to find and search engines to crawl.

Quick Start

Ask the site-architecture skill to plan the full page hierarchy, visual sitemap, URL structure, and navigation layout for your new SaaS marketing website, including internal linking recommendations for your blog and feature pages.

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 hierarchy that follows the 3-click rule for SEO?

Design a flat website hierarchy where users and search engines reach any page within three clicks from the homepage. This structure improves crawlability, distributes link equity efficiently, and reduces user bounce rates.

What's the best way to plan URL structure and navigation for a SaaS marketing site?

The best way to plan URL structure and navigation is to align consistent, SEO-friendly URL patterns with your site hierarchy, while designing header, footer, and breadcrumb navigation specs to ensure key feature pages are easily discoverable.

How do I build an internal linking strategy using a hub-and-spoke model?

Build a hub-and-spoke internal linking model by connecting pillar pages to related supporting content through cross-section links. This strategy establishes topical authority for SEO and guides users through related content paths.

Can I restructure the information architecture for a large existing website?

Yes, you can restructure information architecture for large existing sites. The process involves auditing orphan pages, redesigning navigation layouts, and implementing new URL patterns to scale content without degrading user experience or search visibility.

How do I integrate programmatic SEO pages into an existing site architecture?

Integrate programmatic SEO pages by mapping them into your existing URL structure and connecting them via internal linking strategies. Ensure they follow consistent URL patterns and are included in your hub-and-spoke cross-section link plans.

Why does my website navigation system cause high bounce rates and poor search visibility?

Your website navigation system likely causes high bounce rates due to confusing page hierarchies and inconsistent URL structures. Poor information architecture degrades user experience and prevents search engines from effectively crawling your content.