How to Configure the Subfolder Tree View for Visual Analysis

Standard Google Search Console lacks a way to visually map out your website's folder structure and performance hierarchy. The Advanced GSC Visualizer solves this by providing a highly customizable tree map interface to navigate, scale, and inspect your directories instantly.

Step 1: Manage Tree Depth and Expansion

Control how many levels of your architecture are visible at once using the controls under the Expand Levels heading.

• Click Level 1, Level 2, or Level 3 to automatically expand the tree to a specific depth.
• Use Expand All or Collapse All to toggle the entire structure.
• Click directly on any solid-colored node to manually expand or collapse its specific child folders.

Step 2: Configure Display Metrics and Proportional Sizing

Determine the performance context of your structure by assigning specific data points to the nodes.

• Under the Show Metric heading, select either Clicks, Pages, or Impressions. The selected value will appear beneath each node to help you identify the importance of a directory.
• Locate the Node Sizing section and select Proportional. This automatically scales the physical size of each node based on its assigned metric value, allowing you to quickly spot high-performing directories.
• Select Fixed if you prefer a uniform tree layout regardless of performance.

Step 3: Optimize Layout Distances and Text Size

Large websites generate dense tree maps. Use the sliders under Node Settings to prevent overlapping elements and improve readability.

• Adjust the Size slider to increase or decrease the base pixel radius of the nodes.
• Move the H-Gap and V-Gap sliders to modify the horizontal and vertical distances between connected nodes.
• Use the Font Size slider to scale the text labels for folders, pages, and metrics so they remain legible.

Step 4: Control Label Clutter

If you only need to evaluate the overall structural shape of your site, you can hide text labels entirely using the options under Text Visibility.

• Toggle Folder Text to display text labels only for directory nodes.
• Toggle Page Text to display the specific URL names on page-level nodes.
• Deactivate both toggles to view a clean, text-free structural map.

Step 5: Navigate the Canvas and Inspect URLs

You can freely pan and zoom across the tree canvas using your mouse. If you lose your place, click the Reset Zoom button located in the top right corner of the canvas to recenter the map.

When page-level nodes are visible, they appear in purple. Click directly on any purple page node to instantly open that specific URL in a new browser tab for immediate inspection.

Configuring these tree map settings enables you to conduct visual technical SEO audits, identify structural anomalies, and export clear screenshots for client reporting.