Sign in

Visual Sitemap

Create and manage interactive visual sitemaps for your websites

The Visual Sitemap is one of Evergreen's core features. It provides an interactive, tree-based visualization of your website's structure, making it easy to understand how your content is organized and identify structural issues.

How It Works

After Evergreen crawls your website, it automatically generates a visual sitemap based on your URL structure. Pages are organized into a tree hierarchy reflecting your site's navigation and URL paths.

Evergreen builds this tree from each page's canonical path — the URL path after stripping any locale prefix (see Localization below). This keeps the hierarchy accurate even for multilingual sites, where a page's parent should match its language-neutral URL structure rather than its raw path.

Lazy Loading

To keep the sitemap fast on large sites, Evergreen loads the tree on demand:

  1. When you open the Visual Sitemap, Evergreen loads the home node and its direct children first.
  2. Nodes with child pages show an expand control. Click it to load that branch.
  3. Once a branch has been expanded, it stays loaded for the rest of your session.

This means large sites with thousands of pages open quickly — you only pay the loading cost for the parts of the tree you actually explore.

Key Features

  • Interactive tree view — Expand and collapse sections to explore your site structure
  • Drag-and-drop organization — Reorganize pages by dragging them to new positions
  • Page details on click — View SEO data, content metrics, and analytics for any page
  • Color-coded health indicators — Quickly spot pages with SEO issues

Localization

If your project has localization configured, the Visual Sitemap automatically groups locale variants of a page under a single node. For example, /en/about and /fr/about both appear under one /about node in the tree, based on your project's locale structure (subdirectory, subdomain, or top-level domain).

Reading the Sitemap

Each node in the sitemap represents a page on your website. The node displays:

  • Page title — The title tag of the page
  • URL path — The relative URL
  • Health indicator — Green (good), yellow (warnings), red (issues)
  • Page type — Category, article, landing page, etc.

Best Practices

  1. Review your sitemap after each crawl to spot new or removed pages
  2. Use the health indicators to prioritize SEO fixes
  3. Look for orphaned pages that aren't linked from your main navigation
  4. Check depth levels — important pages should be within 3 clicks of the homepage

Related

PreviousReport a BugNextContent Audit