Visual Sitemap Builder

How to plan a site with this tool

1. 1Start from a template closest to what you're building (Marketing, Agency, SaaS, E-commerce, Docs, Membership, Multi-Region, Blog), or pick Blank Canvas.
2. 2Add and label every page using the page-type palette on the left. Each type has its own colour. Mark each with priority P1/P2/P3 and SEO metadata.
3. 3Multi-select and align with shift-click or shift-drag for box-select; the alignment bar lets you tidy rows and columns instantly.
4. 4Draw connections by selecting a card, clicking "Connect from", then clicking the destination. Click a line to cycle solid (parent), dashed (related), dotted (redirect).
5. 5Fix lint warnings — orphans, duplicate slugs, depth > 4, missing meta on live pages — all flagged automatically.
6. 6Export and hand off: PNG/SVG (auto-cropped to content), JSON to keep editing, CSV for content briefs, Markdown for tickets, or sitemap.xml for search engines.

Sitemap best practices

• Keep it shallow: aim for any page to be reachable in three clicks or fewer from the homepage.
• Group by user intent, not internal team structure. Visitors don't care how your company is organised.
• Use descriptive page titles, not internal codenames. The slug should usually mirror the title.
• Watch for orphans (pages with no links in or out) — they hurt SEO and confuse users.
• Plan your blog or resource hub as a hub-and-spoke, with category pages linking out to posts and back.
• Mark each page's status (planned, draft, live) and priority so the team knows what's still to be written.
• Apply noindex to cart, checkout, account and auth pages — they shouldn't appear in search results.
• Pair your sitemap with a meta tag plan, brand colour palette, and type system before development starts.

Frequently Asked Questions