Web Sitemap - Website Structure Discovery & Topology Visualizer
Visualize the complete URL structure of any website with YPYM Web Sitemap. Discover, map, and explore how sites are organized.
curl --request GET \
--url https://web-sitemap.ypym.app \
--header 'Accept: text/html'
// Open the Web Sitemap app in your browser
window.open("https://web-sitemap.ypym.app/", "_blank");

Overview
Web Sitemap is YPYM’s website structure discovery and visualization tool. It crawls, maps, and renders the full URL tree of any domain, giving you instant clarity on how a site is architected. Built for SEO practitioners, product teams, and competitive analysts who need to understand site topology without digging through source code or sitemaps manually.
Large-scale website architecture visualization for grab.com rendered on the interactive node canvas of YPYM Web Sitemap (web-sitemap.ypym.app). The platform extracted 13,114 URLs and 1 subdomain across multiple passive discovery sources (XML sitemaps, robots.txt directives, and Wayback Machine archives), organizing international directory hierarchies (/sg, /th, /vn) into an intuitive tree graph.
Core Capabilities
auto, manual.json, xml, markdown.Use Cases
| Use Case | Description |
|---|---|
| Site Audit Preparation | Quickly map an entire site structure before diving into technical SEO audits |
| Competitive Analysis | Visualize competitor URL architectures to identify content gaps and structural patterns |
| Migration Planning | Understand the full URL inventory before site redesigns or domain migrations |
| Content Strategy | Discover how content is organized across sections, folders, and depth levels |
Architecture
Web Sitemap uses a Node.js backend for URL discovery with a React + ReactFlow frontend for interactive canvas visualization.
Real-time URL taxonomy exploration for domain ypym.app (899 indexed URLs, 21 active subdomains) alongside live background crawl queues for partner banking domains. Users can inspect localized site clusters such as /id-id/, export hierarchical graphs to JSON, and monitor active crawl statuses transparently.
| Component | Stack |
|---|---|
| Frontend | React 19 + ReactFlow: interactive node-based canvas |
| Backend | Node.js + TypeScript: URL discovery engine |
| Data Sources | XML Sitemaps, robots.txt, structured data |
| Deployment | Docker: containerized for portability |
Access
Live Demo
curl --request GET \
--url https://web-sitemap.ypym.app \
--header 'Accept: text/html'
// Open the Web Sitemap app in your browser
window.open("https://web-sitemap.ypym.app/", "_blank");
curl --request GET \
--url https://web-sitemap.ypym.app \
--header 'Accept: text/html'
// Open the Web Sitemap app in your browser
window.open("https://web-sitemap.ypym.app/", "_blank");