Why You Should Build A Sitemap Before Designing Your Site

Designing a new website can be a daunting process, only made more complicated by the volume of information that sometimes needs to be organized and incorporated. Sure, designers might create wireframes and mockups to plan out the site before they get started, but what about non-designers? How do you get the structure of the site figured out before you turn everything over to your designer?

A sitemap can be an effective planning tool for both designers and non-designers alike. It’s a centralized planning tool that can help organize and clarify the content that needs to be on your site, as well as help you eliminate unnecessary pages. And a sitemap, because it’s basically just an outline or flow-chart of the content your site needs, can be created by anyone, regardless of their design skills. Read on for more reasons why a sitemap should be the starting point for your new website design.

Clarify Your Site’s Purpose and Goals

Every website should have a goal and a purpose. Sites without these are often unfocused, hard to navigate, and present poor user experiences. The visitor is left wondering, “what am I supposed to be doing here?” You never want your visitor to be confused when navigating your website or interacting with your content.

A sitemap can help you clarify what your site’s goals are before you start designing or creating content. By deciding exactly what you want from your site and then mapping it out, you can ensure that every part of your website is reinforcing your goals. Then it’s possible to cut parts that aren’t directly tied to the site’s purpose before they become an integral part of the site’s architecture.

Helpful Hint #1: All too often companies start with a “business card” website and later “Frankenstein” together functionality based off impulsive decision making. Instead, take a step back before the first company site is launched and determine the goals of the website. This can save an enormous amount of time, money, energy and resources. Here are some web design goal worksheets to help you think through your website goals.

Avoid Duplicate Content

Duplicating content on your website is a waste of time and resources. If you’ve already included something on one page, why not just link to that page from another place that needs the same information?

If you don’t have a sitemap, you may not realize you’re duplicating content. You’ll just create pages as you need them, without tracking what’s already been created. This can eventually lead to conflicting information on your site, as one page is updated but another is not. Simplify things by making sure duplicate content is combined into a single page, linked to from wherever the content needs to be referenced.

Helpful Hint #2: Duplicate content can create a situation where the search engines arbitrarily choose what they deem is the most important page between two similar pages. Don’t let this happen. They may choose to ignore a page that is designed to convert, and instead, index a similar page that doesn’t. Read this SEOmoz article for information on how to avoid duplicate content.

Streamline Your Conversion Funnel

You want the minimum number of steps from point A to point B in your conversion funnel. The more steps, the more chance a visitor has to leave the site without completing their purchase or signup.

Use your sitemap to figure out what the necessary steps are, and to combine steps where possible. A visual representation, like a flowchart, can make streamlining your funnel easier. Try one after you’ve got a sitemap drafted to ensure you aren’t adding extra steps anywhere.

Helpful Hint #3: Use services like KISSmetrics to analyze your conversion funnels. By setting up conversion funnel software before a website goes live, you’ll be able to immediately test and determine the most optimal sign up and selling processes. And obviously the sooner you are able to accurately track your conversion funnels, the more revenue you can earn starting day one. Click here to sign up for KISSmetrics.

Get Everyone On the Same Page

Rarely are websites built by a single person with no outside input. There may be a designer, a project manager, a developer or two, a copywriter or content creator, and someone from marketing or sales involved, and sometimes even more people than that. A sitemap makes sure everyone involved in the project is on the same page.

Your sitemap should be kept in a format that is accessible to everyone working on the project, and should be kept in a central location where those people can view it (and any changes made to it). Your sitemap isn’t a static document, and it’s likely changes will be made as the project progresses. The sitemap can serve as a central clearing house for tracking your project, what’s been completed, what still needs work, and what progress is being made.

Helpful Hint #4: Getting everyone on the same page is helpful for designing your company site. More importantly it reveals an important secret of how your company should operate. Having everyone in your company in alignment with your company’s core values, mission statement and high level goals has been found to lead to the highest chance of start-up success. Watch this results.com webinar to find out why this is true.

Conclusion

Without a sitemap, you may spend a lot of time creating unnecessary pages, or designing sites that are more complicated than they need to be. It’s worth taking an afternoon to sit down with the team responsible for creating your site’s content and figure out what’s necessary, how pages are interrelated, and what can be cut from your site, before you start designing. Remember, it’s less expensive (in terms of both time and money) to add or eliminate something in the early stages than to have to do so when your site is nearly complete.

About the Author: Cameron Chapman is a freelance designer, blogger, and the author of Internet Famous: A Practical Guide to Becoming an Online Celebrity.

Helpful hints were provided by: Sean Work. Sean Work is the Minister of Propaganda at KISSmetrics. Follow him on twitter (@seanvwork) and ask him for a free cup of coffee :)

  1. Great information to place a blog under a plan. It’s easy to look focus. A good idea may be to create a plan similar to the picture shown above and then check the picture every week to make sure the blog is still on track.

  2. Making a content plan for website before you even started to work on your site is crucial, & you avoid some major problems before hand.

    Making a sitemap before hand not only helps in SEO but you can also avoid many pitfalls related to your web development.

    I always use this approach which help me to identify my problem area even before i start working on them

    • It just makes the process easier and smoother. It’s like building house. You wouldn’t just build a house without creating the blueprints first.

  3. There are many SEO tips and trick that help optimizing a site but the importance of which is sometime understand is side map. On one single page you show the structure of side map, its section and link between them..

  4. Nice article, before this i don’t know whats the use of this sitemap option, because i wont use the sitemap in any site :(… there are big history on it. thanks for the knowledge :)

  5. In this site made very easily because most of the time can be design web page remove the problem in this site .

  6. Just like everything else, we need to plan the design of the website before actually building it. It helps you get into focus on what you want and what you’ll need in your site. And it eliminates making a messy website. After all, you don’t want people to get lost.

  7. erm… this is the primary role of the UX designer and Information architect… no? Of course engaging copy and content is crucial, as it distinguishing what products are featured for a retail site as an example. However, usability tests and mapping early on how users navigate (along with eye movement) must be measured and amended accordingly. The UX designer probably has the most crucial role… naturally it should all be communicated at regular intervals throughout marketing and sales departments. As it presently stands, there is not one single website out there that ticks all the boxes in terms of user experience… in my opinion anyway.

  8. Great post. I agree that building a sitemap before going into design phase is something most clients should take part in. Will not only result in a better end product, but save time from improvements and so on down the line.

  9. As an agency we work with clients on a site map before we begin coding, and require the client to approve it — it lets them know exactly what they will get and what they will need to write copy for, and also protects us from the client adding loads of pages at the end of the job, requiring more work than was agreed upon (and paid for).

  10. In my opinion, every project is doomed without getting your sitemap in order first!

  11. cudos on actually making a generic stockphoto of politically right mix of people pointing at papers/computers work!

  12. Anyone recommend a good sitemap tool?

  13. A very relevant post. Many new website’s assume that this is a unnecessary step and then end up with poor website design, unwanted pages, missing information and many other structural problems. And these problems become difficult to address after the website has been put in place and made live.

  14. It is wonderful information…Thanks for share this…

  15. Sitemap and organisation is definately the key to the success of the website build. Thanks for sharing your article

  16. I have this site, its new however am new to site map. How do i build and place in my site?
    I will highly appreciate.

  17. a really nice information it helped me a lot
    thanks alot

Comments are closed.

← Previous ArticleNext Article →