Skip To Content

The Importance of a SiteMap for Any Website


Dave Kramer Job Title

Good question. In the years and years, I’ve been doing this, I’ve managed to complete website projects both with and without the aid of a sitemap. That said, having an approved sitemap before starting the project will benefit you in many ways, let’s explore the importance of a SiteMap.

Important note: In this post, I’m referring to sitemaps as a pre-project document that shows the page hierarchy (see below) and not an HTML or XML on-site sitemap (I’ll let one of our SEO Gurus explain the importance of those).

Site Map - Pre-Project Document

Who benefits from a sitemap?

Sitemaps benefit all of us (Project Managers, Designers, Developers, and Clients) differently. For instance, a Project Manager will use the sitemap to compare to when reviewing a copy deck supplied by a client or writer. Designers will refer to the sitemap to make sure they’ve included all main and secondary navigation and items in design concepts. Developers build their templates/views, setup menus and pages in the CMS based off of the approved sitemap. And Clients get to make sure all pages and sections are accounted for during the sitemap approval process.

Planning your website

When it comes to planning your website, creating a sitemap will help ensure you account for all the pages needed for your site. At this time of determining your pages, you can also use the sitemap to assign unique templates to the pages/sections. For instance, you have pages, posts, archives, etc. that all have different layouts, you can assign templates to the pages so that everyone knows what pages share a similar view and which pages will have unique layouts – developers like having this, trust me.

Template Assignment Site Map

Sitemaps can help deter scope creep

Sometimes clients like to think up new pages, even entire sections, for their website halfway through a project. Great, but these pages were not accounted for and since we have the client approved sitemap, it’s much easier to say, “no problem, we can add this page/section, but since it’s not accounted for on our sitemap, we’ll have to bill extra for it, and if approved, that will, of course, affect the project timelines.” Having that approved sitemap gives us a reference point to ensure projects don’t get out of hand and stay within the original scope.

Useful Site Map Tools

Depending on how in-depth you want your sitemap to be, you can use any one of these tools/programs to build your next sitemap.

Adobe Illustrator

Illustrator will allow you to get super fancy with your sitemap, you can actually ‘design’ it. It will look great but can be very time-consuming. Tyler Townley has a really great example on Dribbble.


It’s super quick and easy to create a sitemap using Balsamiq. All you have to do is format a text box using “-” and “- -” to set subpages.

Format Example:
– -Staff


OmniGraffle has something called ‘stencils’ for quick sitemap generation. Matt Haltom has one on Dribbble you can download for free.

Do you have a favourite tool for creating sitemaps?

Please share your favourite tool/software below in the comments. I’d love to hear how you go about creating your sitemaps.



Your email address will not be published. Required fields are marked *

Request a Quote

If you’re ready to change the trajectory of your business and
excited to partner with the right team to get the job done.


© 2024 NVISION. All Rights Reserved.