Improving Site Structure and Navigation

Explore a number of improvements you can make to improve your website’s structure and navigation as part of technical SEO, creating a website that’s easier to navigate for users and easier to crawl by search engines.

Website architecture

Site architecture is possibly the most important element to optimize when working on our website’s technical SEO. A poor site architecture can make it difficult for search engines to crawl and index web pages. To make sure our site’s web pages are indexed by Google, we’ll need to create an SEO-optimized site structure.

Our website should not be a random set of web pages. They should ideally be organized in a simple and logical hierarchy that makes it easy for search engines to find and index all the individual web pages.

Here’s what a bad website architecture looks like:

Press + to interact
An example of a bad website architecture
An example of a bad website architecture

Some common problems that result from a site architecture such as the one above include:

  • It often results in orphan pages (with no internal links pointing to them). Orphaned pages may go unindexed, preventing them from appearing in search results.

  • Indexing issues are difficult to locate and fix.

  • It makes it difficult for users to navigate through our website. Imagine trying to find a page that’s hidden somewhere in the lowest level of hierarchy! It’s nearly impossible to locate it in endless subcategories unless we have a direct URL to the page.

  • It results in complex and lengthy URLs.

In contrast, SEOs often advocate for a ‘flat’ website architecture such as the one below:

Press + to interact
An example of a flat website architecture
An example of a flat website architecture

Point to ponder

Question

What makes the flat website architecture the preferred choice?

Show Answer

Breadcrumb navigation

Other than a flat and intuitive website architecture, breadcrumb navigation is another feature that makes our site easy to navigate. If we remember the childhood fairy tale “Hansel and Gretel”, we’ll also recall the role breadcrumbs played in it.

Press + to interact
Showcasing the breadcrumb navigation
Showcasing the breadcrumb navigation

Adapted from the same concept, breadcrumb navigation builds a trail of the visitor's journey on our website. The navigation menu provides links to jump back to any of the categories in the higher hierarchical levels to the page that the user is currently on. For example, in the image above, the breadcrumb navigation is highlighted in blue near the top of the page. With a single click, the user can jump back to the category Dog, or Articles or Purina’s homepage.

Breadcrumbs also help search engines understand our site structure and crawl our pages.

Press + to interact
An example of a Google search result
An example of a Google search result

Furthermore, we can add structured data to our breadcrumbs to qualify for the page’s appearance as breadcrumbs in Google Search as shown in the image above. Google provides guidelines on how to add breadcrumb markup to our pages [31].

Yoast SEO allows us to automatically add breadcrumbs navigation to our WordPress site, once the feature is switched on. It also adds structured data to our breadcrumbs to make it easier for Google to understand our site structure. By adding the relevant JSON-LD data in the source code, it helps Google implement breadcrumbs to our site for rich snippets. Here’s more information on how to implement breadcrumbs with Yoast SEO.

XML sitemaps

XML sitemap is a huge plus for a technically optimized website.

There are two ways for finding a page for a search engine:

  • By following a link on another page

  • By reading if from the URLs listed in an XML sitemap of a website

In the ideal case, all our pages are properly linked through navigation bars or contextual internal links. In such cases, Google can discover most of your site even without a sitemap [32]. However, cases where websites aren’t structured ideally result in the creation of orphan pages that go unindexed. Here’s where an XML sitemap can ensure all our pages, including orphan pages, are crawled and indexed. Whether we’re confident about our site’s structure or not, creating and uploading an XML sitemap of our website to Google Search Console won’t bring any harm. If anything, it will improve crawling and indexing of our pages.

Creating and uploading XML sitemaps

Many CMS systems, including WordPress and Magento, will automatically generate a sitemap file for our website. If we don’t have this feature for our site, we can use the free XML Sitemaps Generator tool to automatically create our website’s sitemap.

Here’s what an XML sitemap, generated by the above tool, looks like:

Press + to interact
Image from XML sitemap generator using Educative.io
Image from XML sitemap generator using Educative.io


Download the XML file created by the tool and upload it to the main directory of the website. Once uploaded on the website, the sitemap will be publicly accessible to search engines and users and will have a URL similar to the one below:

https://www.yourdomain.com/sitemaps.xml

Here’s what an XML sitemap page on our website will look like:

Press + to interact
Image from XML sitemap generator using Educative.io
Image from XML sitemap generator using Educative.io

Once live on our website, we should also submit it to Google using the Sitemaps report on Google Search Console. Enter the URL in the Sitemaps report and click "Submit." Google provides complete guidelines to managing our sitemaps using the Sitemaps report [33].

Test your knowledge

Choose the best option for each of the following questions.

1

What is the primary goal of optimizing website architecture in technical SEO?

A)

To create visually appealing webpages

B)

To improve user engagement through animations

C)

To make it easier for search engines to crawl and index web pages

D)

To increase social media shares

Question 1 of 20 attempted

Get hands-on with 1300+ tech skills courses.