A well-structured website is not just about aesthetics; it is fundamental to user experience and search engine optimization. In HubSpot CMS Hub, one of the most powerful yet underutilized features for achieving this structure is the site tree. A site tree provides a visual hierarchy of your website's pages, allowing you to organize content logically, much like folders and files on a computer. This organizational tool is critical for managing websites as they scale, ensuring that content remains discoverable for both users and search engine crawlers.
Without a deliberate structure, a website can quickly become a disorganized collection of pages, making navigation confusing for visitors and content management a challenge for your team. Site trees solve this by enabling you to group related pages, such as blog posts under a main blog page or service pages under a primary services directory. This not only improves usability but also helps establish clear URL paths, which is a key factor in HubSpot technical SEO. A logical structure signals to search engines the relationship between pages, distributing authority more effectively.
Complementing site trees is the concept of global content. Many website elements, like headers, footers, and call-to-action banners, appear on multiple pages. Updating these elements one by one is inefficient and prone to error. Global content allows you to create a single source for these elements and apply them across your site. This guide will walk you through the practical application of both site trees and global content, providing a framework for building a scalable and easy-to-manage website on the HubSpot platform.
What Are HubSpot Site Trees?
HubSpot's site tree functionality is a content organization feature within the CMS Hub that allows you to structure your website pages in a hierarchical, tree-like format. Accessed via the 'Content > Website Pages' or 'Landing Pages' dashboard, it presents a visual map of your site's architecture. You can drag and drop pages to nest them under parent pages, creating clear parent-child relationships. For example, your 'About Us' page could be a top-level parent page, with 'Our Team' and 'Careers' nested underneath it as child pages.
This structure directly influences the URL slugs of the pages. If you nest a page called 'case-study-a' under a parent page with the slug '/resources/', the new page's URL will automatically become '/resources/case-study-a'. This creates clean, logical URLs that are easy for users to understand and beneficial for SEO. The site tree provides an intuitive way to manage this without manually editing each URL, which is especially valuable during a large content build or a HubSpot website migration.
The primary purpose of a site tree is to bring order to your content. For small sites with only a handful of pages, its value might not be immediately obvious. However, for sites with dozens or hundreds of pages, a well-managed site tree is essential. It prevents content from becoming orphaned or lost, simplifies the process of finding and editing pages for your team, and provides a clear blueprint of your website's information architecture for all stakeholders.
Structuring Your Website with Site Trees
To begin structuring your website, navigate to the Website Pages or Landing Pages dashboard in your HubSpot portal. Here, you will see a list of your pages. You can start organizing by dragging a page and moving it slightly to the right, underneath another page. This action nests the dragged page, making it a 'child' of the 'parent' page above it. You can create multiple levels of hierarchy, building out sections like '/services/service-a/feature-1'.
A best practice is to plan your site architecture before you start dragging and dropping. Sketch out a high-level map of your key pages. Start with top-level navigation items like 'Services,' 'About Us,' 'Resources,' and 'Contact.' Then, list the sub-pages that should live under each section. This blueprint will guide your organization within HubSpot and ensure a logical flow. For instance, all your main service offerings should be grouped under a primary 'Services' page, making it easier for users to explore what you offer. This planning is a core part of our HubSpot website design and development process at HubStack.
As you build your site tree, remember that this structure can be changed later. However, making significant changes to the hierarchy will alter the URLs of the affected pages. HubSpot automatically creates 301 redirects from the old URLs to the new ones, which preserves SEO value. While this is a helpful feature, it is still preferable to establish a solid structure from the beginning to minimize the number of redirects and maintain a clean site architecture.
The Benefits of a Well-Organized Site Tree
The most immediate benefit of a well-organized site tree is improved user experience. A logical structure makes it easier for visitors to find the information they are looking for, reducing bounce rates and increasing time on site. When URLs reflect the content hierarchy (e.g., `company.com/services/web-design`), users can better understand where they are on your site at all times. This clarity builds trust and encourages deeper exploration.
From an SEO perspective, site trees are invaluable. They create a logical internal linking structure where child pages are contextually linked from parent pages. This helps search engines like Google understand the relationship between your pages and the overall topical authority of different sections of your site. Parent pages accumulate link equity from their child pages, which can improve their ranking for broader, more competitive keywords. It also ensures that search engine crawlers can efficiently discover and index all your content.
Finally, a clean site tree simplifies internal content management. Your marketing team can quickly locate pages for updates, and new team members can get up to speed on the website's layout without extensive training. This organization is critical for scalability. As you add more content, products, or services, a predefined structure ensures there is a logical place for every new page, preventing the content sprawl that plagues many growing websites.
Understanding Global Content in HubSpot
Global content in HubSpot is a reusable content block or group of modules that can be edited in one place and have the changes reflected on every page where it's used. This is most commonly used for website headers and footers. Instead of building a unique header and footer for every single page template, you create them once as a global group and insert that group into your templates. When you need to update a navigation link or a footer address, you edit the global content, and the change is instantly published across your entire site.
HubSpot offers two main types of global content: Global Modules and Global Groups. A Global Module is a single module (like a rich text module, form, or CTA) that is made global. A Global Group is a collection of multiple modules, arranged in a specific layout, that are saved together as a single global entity. For example, your entire website footer, containing a logo, navigation links, social media icons, and a copyright notice, would be built as a Global Group.
Managing global content is done through the Design Manager. You can find your global modules and groups there, edit their content, and see which templates are using them. This centralization is the core benefit. It saves countless hours of manual work, reduces the risk of inconsistencies, and ensures brand uniformity across your digital properties. Effective use of global content is a hallmark of professional HubSpot theme customization.
| Feature | Global Module | Global Group |
|---|---|---|
| Definition | A single, individual module made global. | A collection of multiple modules saved as a single global unit. |
| Use Case | A single call-to-action banner, a specific form, or a testimonial that appears on multiple pages. | Entire website headers, footers, or complex sidebar sections with multiple elements. |
| Flexibility | Limited to the functionality of the single module. | Highly flexible; can combine different module types, columns, and rows. |
| Creation | Created by making a standard module global within a template. | Created in the Design Manager by grouping existing modules and selecting 'Make Group Global'. |
Common Use Cases for Global Content
The most obvious and universal use case for global content is the website header and footer. These elements are expected to be consistent across an entire website. Using a global group for each ensures that any change, whether it's adding a new link to the main navigation or updating the copyright year in the footer, is a single, simple update.
Another powerful use case is for sitewide promotional banners or announcement bars. Imagine you are running a limited-time sale or hosting a webinar. You can create a Global Module for this banner and add it to your page templates. When the promotion is over, you can edit the Global Module to hide or remove it, and it will disappear from all pages at once. This is far more efficient than manually adding and removing the banner from dozens of pages.
Sidebars are also a great candidate for global content, particularly for blogs or resource centers. A blog sidebar might contain a subscription form, a list of popular posts, and social media links. By building this as a Global Group, you can ensure consistency across every blog post. If you want to feature a new e-book in the sidebar, you only need to edit the Global Group once, and it will update on every post.
Avoiding Pitfalls with Site Trees and Global Content
While site trees are beneficial, creating a hierarchy that is too deep can be a mistake. A user should not have to click more than three to four times to reach any page from the homepage. Excessively deep structures can bury content and create overly long, cumbersome URLs. Keep your hierarchy logical but relatively flat. Plan for a maximum of 3-4 levels deep for most sections of your website.
A common error with global content is failing to create it in the first place. Many self-managed HubSpot portals have headers and footers that were copied and pasted into different templates. This creates a maintenance nightmare. If you suspect this is the case on your site, it is worth the effort to consolidate these into a proper global group. HubStack often performs this type of cleanup as part of our HubSpot support and maintenance services.
Finally, remember that while global content is for consistency, you still have the option to make parts of it editable on a page-by-page basis. Within a global group, you can uncheck the 'Lock this module' option for specific modules. This allows page editors to override the global content on a specific page if a unique variation is needed. Use this feature sparingly, as its overuse defeats the purpose of global content, but it provides a valuable escape hatch for one-off situations. If you need help untangling a complex site structure, you can always contact us.