Visual Sitemap Editor
Our React Flow-powered editor gives you a bird's-eye view of your website and complete control over its architecture.
Visual Organization
The editor uses a flexible canvas where you can drag and drop pages to organize them. This is perfect for visualizing hierarchical relationships or grouping related content together.
- Drag & Drop: Move any page node freely across the canvas.
- Fit View: Double-click the canvas or use the toolbar to zoom and center your entire sitemap.
- Auto-Save: Every movement and edit is saved automatically in real-time.
Editing Page Metadata
Click on any page node to open the Edit Panel. Here you can refine the metadata that was crawled or set it manually for new pages.
Content Labels
Edit Page Titles, H1 tags, and URL paths to match your planned structure.
Meta Tags
Optimize Meta Descriptions and social sharing tags for every page in your list.
Add/Delete
Easily add new pages to your plan or remove outdated ones with a single click.
Exporting Your Data
Once your sitemap is perfect, you can export it in various formats to share with your team or use in other tools.
| Format | Best For... |
|---|---|
| JSON | Developers and data migrations. Includes all metadata. |
| XML | Search Engine Indexing. Standard Google sitemap format. |
| CSV | Spreadsheets, SEO audits, and content inventory lists. |
Connect the Dots
Drag from the circular handle on any page node to another node to create a parent-child relationship. This helps search engines understand your site hierarchy.
Try the Editor Now