skills.rest
barkleesanders
barkleesandersCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

site-architecture

Design SEO-optimized website hierarchies, navigation systems, and URL structures.

5|Updated Mar 27, 2026
Search Tags:#internal linking#information architecture#sitemap#website planning#site architecture#navigation design#url structure
One-click install
npx skills add https://github.com/barkleesanders/claude-code-starter --skill site-architecture-barkleesanders
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/barkleesanders/claude-code-starter/tree/main/skills/site-architecture
Command: npx skills add https://github.com/barkleesanders/claude-code-starter --skill site-architecture-barkleesanders

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates the guesswork and disjointed decision-making that comes with planning or restructuring a website, solving common pain points like poor user navigation, high bounce rates, and weak search engine performance caused by unorganized site structure.

Core Features & Use Cases

  • Page Hierarchy Design: Creates logical, scalable page structures that follow the 3-click rule, with pre-built templates for SaaS, e-commerce, content, documentation, and small business sites.
  • Navigation & URL Planning: Designs compliant header, footer, and sidebar navigation systems, plus consistent, SEO-friendly URL patterns that align with your site's page hierarchy.
  • Internal Linking & Sitemaps: Develops hub-and-spoke internal linking strategies to boost SEO, and generates visual Mermaid sitemaps that can be shared with design and development teams.
  • Use Case: For a SaaS company launching a new product site, this Skill can map out all required pages, define clean URL patterns for features and blog posts, design a compliant header navigation, and create a full visual sitemap for your team to reference during development.

Quick Start

Ask the site-architecture skill to design a complete page hierarchy, URL map, and navigation specification for your new e-commerce website, including a visual sitemap you can share with your design team.

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 structure that follows the 3-click rule?▼

A hub-and-spoke internal linking strategy boosts SEO by connecting a central hub page to related supporting spoke pages through contextual links. This method distributes page authority efficiently and establishes topical relevance, helping search engines crawl related content clusters more effectively.

What is the best way to design SEO-friendly URL structures for a new SaaS site?▼

The best way to design SEO-friendly URL structures is to create clean, consistent patterns that directly align with your site's page hierarchy. Structuring URLs to reflect categories and subcategories helps search engines understand page relationships and improves crawlability for features and blog posts.

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

You can create a visual sitemap by generating Mermaid diagrams that map out your website's page hierarchy and navigation systems. These visual sitemaps provide a clear, shareable blueprint for design and development teams to reference during the build process.

Can I use this approach to restructure an existing website's navigation?▼

Yes, you can restructure an existing website's navigation by applying a compliant header, footer, and sidebar design alongside a hub-and-spoke linking strategy. This solves poor user navigation and weak search performance caused by unorganized site structure without starting from scratch.

Does site architecture planning work for programmatic SEO page integration?▼

Site architecture planning works for programmatic SEO by defining scalable page hierarchies and consistent URL patterns that accommodate large volumes of dynamically generated pages. This ensures new pages integrate logically into the existing structure without breaking the 3-click rule.

Related Skills

Explore More Product & Management Skills→
dk-usadk-usa

site-architecture

Design website page hierarchy, navigation systems, and URL structures.

Community
Intermediate
Vivekmano27Vivekmano27

ui-wireframes

Generate structured UI wireframes and component specifications in Markdown.

Community
Intermediate
kostja94kostja94
872

internal-links

Analyze site structure to identify orphan pages and recommend anchor text.

Community
Intermediate
CANTAGESTUDIOCANTAGESTUDIO
3

ux-information-architecture

Design information architecture as ASCII diagrams for applications and websites.

Community
Intermediate