> ## Documentation Index
> Fetch the complete documentation index at: https://hub.ypym.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Web Sitemap

> Visualize the complete URL structure of any website with YPYM Web Sitemap. Discover, map, and explore how sites are organized.

## 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.

<Note>
  Web Sitemap is a YPYM internal product. Live demo available at [web-sitemap.ypym.app](https://web-sitemap.ypym.app/).
</Note>

## Core Capabilities

<ParamField body="url_discovery" type="boolean" default="true">
  Discovers URLs from multiple passive data sources including XML sitemaps, robots.txt, and structured data. No intrusive crawling required.
</ParamField>

<ParamField body="tree_visualization" type="boolean" default="true">
  Renders the full URL structure as an interactive node-based canvas, making it easy to explore folder hierarchy and URL patterns at a glance.
</ParamField>

<ParamField body="domain_scan" type="string" default="auto">
  Scan any public domain on-demand. Supports automatic discovery with configurable depth. Modes: `auto`, `manual`.
</ParamField>

<ParamField body="export_format" type="string" default="json">
  Export scan results in multiple formats. Supported: `json`, `xml`, `markdown`.
</ParamField>

## 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.

| 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

<Card title="Live Demo" icon="globe" href="https://web-sitemap.ypym.app/">
  Explore the Web Sitemap tool
</Card>

<RequestExample>
  ```bash cURL theme={null}
  curl --request GET \
    --url https://web-sitemap.ypym.app \
    --header 'Accept: text/html'
  ```

  ```javascript JavaScript theme={null}
  // Open the Web Sitemap app in your browser
  window.open("https://web-sitemap.ypym.app/", "_blank");
  ```
</RequestExample>