Overview

The Schema Navigator is a visualization tool designed to help agencies manage and understand the structured data (schema markup) implemented across client websites. By providing a graphical representation of schema relationships and structures, it enables agencies to ensure consistency, identify issues, and communicate schema strategies effectively.

Background & Workflow

Managing schema markup across multiple pages and clients can be complex. The Schema Navigator simplifies this by offering a visual map of schema deployments, highlighting how different schemas interconnect and relate to page content.

Step-by-Step Workflow

Click on ‘Navigator’ in the left navigation panel under the 'Tag / View' option.

Click on the URL for which you wish to view the schema navigator visualization and code.

The dropdown menu allows you to toggle between schemas in the visualization.

You can zoom in and out of the visualization using the ‘Graph Size’ slider to the top right.

The ‘Reset’ button returns the graph to its original size.

You can download a PNG image file of the visualization for easy reuse and sharing.

Schemas that are part of a larger schema structure are directly connected to each other and denoted by a  

 Schemas that are referencing each other using an @id are denoted by a -------------->

You can view the code used for the schema deployment by clicking on ‘Code’ at the top of the screen.

Glossary of Terms

Schema Markup: Structured data added to web pages to help search engines understand the content.

Node: An individual schema type or property represented in the visualization.

Edge: The connection between nodes, indicating relationships between schema types.

Graph Size Slider: A control to adjust the zoom level of the schema visualization.

Tips for Agency Success

Regular Reviews: Periodically review schema visualizations to ensure consistency and identify any anomalies.

Client Communication: Use the downloadable schema graphs to explain structured data strategies to clients.

Training Tool: Leverage the visualizations as a training resource for new team members to understand schema structures.

Error Identification: Quickly spot disconnected or improperly linked schemas that may affect SEO performance.