Why should you plan the information architecture of your website?
Information architecture is a series of diagrams or maps that organize and prioritize all of the content that you plan to have on your site. They can eliminate a lot of guesswork when you are building out new pages and help your website content keep its core focus. An organized information architecture will also make it easier for visitors to navigate and find content on your website.
When planning your site's information architecture, you want to determine:
- What are the most important pages that you want your visitors to always be able to access while navigating your site ("top level" pages)?
- Do these "
top level" pages have child pages that you would like to include onthe navigation as well?
- Do these child pages contain another level of pages?
Once you have an idea of how your site is structured, you can convert that plan into your navigation menus in HubSpot using the advanced menu maps tool. This tool allows you to structure any number of different navigation menus. Site pages (non-landing pages) and thank you pages should always include a primary navigation menu.
You may want to create a secondary menu that contains more links to less prominent pages on your site.
How to create primary and secondary navigation menus
Follow the steps below to convert your information architecture into a primary navigation menu. These menus can then be selected in an advanced menu module in your templates in the design manager.
1. Navigate to Content Settings
In your HubSpot account, click the settings icon in the main navigation bar.
On the left-hand sidebar, select Marketing > Web pages. Then click the Advanced Menu tab.
2. Choose a menu
Your default menu contains the pages that will automatically populate the default content of an advanced menu module. You can select an existing menu to update, or click + Add menu to create a new menu.
If you'd like to create a new menu from an existing advanced menu, click Actions > Clone in the upper-right corner.
3. Add new pages to the menu
Hover your mouse above or below an existing menu, then click the + sign and select a new item to add to the navigation:
- Add item without
link: adds another item to your menu that doesn't link to an existing page. This is often used as a placeholder for child menu items.
- Add page link: adds a menu item that links to a specific HubSpot page.
- Add Page link with URL parameters: adds a menu item that links to a specific HubSpot page. With this option, you can type to enter the exact URL of the page you want.
- Add URL link: adds a menu item that links to a specific URL.
You can also add a menu item by hovering over the right side of an existing item and clicking Actions > Add item below.
Give your new menu item a name in the Menu item label, and indicate a specific HubSpot page or URL if you want this item to be linked.
If you would like this link open in a new window, hover over the right side of the menu item and click Actions, then click the Open link in new window checkbox.
4. Add child pages to a menu item
To add a new child page to the menu, hover over the right side of the menu item where you want this child item to live. Click Actions > Add child item below and enter the Menu item label and Select a page for the link. If you need to enter a URL manually, click Actions and select URL Link to change the child menu item type.
For an example of a child page menu, see the 'Company Blogs' menu item appear as the parent with 3 child pages underneath it in the
Child pages typically appear in a
5. Save and publish your menu
To finalize the changes you've made and push these changes live to all pages that are using this menu, click Publish in the upper-right corner.
In the inspector, click + Add and locate the Menu module to drag into your template layout in the editor.
8. Creating a secondary site map and navigation menu
As previously mentioned, you can create multiple site maps for different menus. Within the advanced menus tool, click the + Add menu button. Name your menu, then click Create menu.
How to set up your sitemap
Follow the steps below to convert your information architecture into a sitemap.
1. Navigate to Content Settings
In your HubSpot Marketing account, navigate to Content > Content Settings.
Select the Sitemaps tab.
2. Choose your domainUnder Pages to include in your sitemap, select the domain corresponding to the sitemap you would like to edit using the
3. Select the pages to include in your sitemapTo add a new page to your sitemap, click + Add a page. In the dialog box that appears, use the
4. View your sitemap
You can take a look at your sitemap by selecting your domain in the dropdown menu, then clicking View XML file. This will provide you with a direct link to your sitemap, which will be what you need for submitting your sitemap to Google Analytics and similar services.