Site STructure Do's and Don'ts

Why is site structure important?

Provide A Great User Experience (UX)

The term UX refers to the experience a user has when interacting with your website. Good UX design makes navigating your website a delightful experience. A sound site structure makes it easy for users to find what they are looking for on your site. The easier it is for a user to spend time on your website and get the answers they are looking for, the better your PageRank will be. If users have trouble navigating your site, they will leave and find what they are looking for elsewhere. 

Web Crawler Budget

The same principle applies to the search engine’s web crawlers. The easier your site is to navigate, the faster web crawlers can index it. Every web crawler has a set amount of time allocated to crawling each website. A cluttered site demands more time from the crawler. If  the time required to index your site exceeds the web crawler’s budget, your website – or at least parts of it – will not be indexed.

Lower Bounce Rates

Bounce rate refers to the percentage of visitors who only view one page on your site before they leave. A poor site structure can leave users lost and confused. If they only visit one page and then leave, the “bounce rate” for your site will be high which decreases your PageRank.

How to start?

 Before you start building a website, it is a good idea to spend some time planning the layout. This process is called “wireframing.” It is creating the blueprint for your site. Draw the layout of your website before you begin building it.

You also want to consider the hierarchy and navigation of the website during the wireframing process. How will pages be connected together? How will visitors be guided through the site? These questions are important to answer before you begin building.

Once you have your website blueprint completed it is time to start building. Now you have a clear goal of what you want to achieve and the process will get easier and appear less daunting.

Image of a site map

Here is what a site map might look like, showing the organization and hierarchy of pages in the site.

Below is an example of a wireframe for two pages on a proposed website.

image of a wireframe

What is the Ideal Site Structure?

A common strategy to arranging site structure mimics a filing cabinet in many ways. It is simple, clean, and effective.  You want to aim to have four different layers to your site; homepage, high-level category, subcategory, and individual pages. By doing this, you keep the site structure wide rather than deep. On your right is a textbook example of how to structure a website.

Diagram of an ideal site structure

Good vs Bad Structure

A site structure like this makes for good usability. It will leave your audience pleased with their visit to your site. The example below is from the home page of Apple Inc. This website has an impeccable structure. High-level categories are presented at the top in the navigation bar and subcategories are listed in a lower navigation bar. The site is easy on the eyes and easy to understand.

A screenshot of the Apple website

This brings us to the next important topic on site structure: navigation. It’s not too difficult to understand, but it’s essential for good SEO. In a nutshell, good navigation means that users are never confused on how to get to where they want to go on your site. The example of Apple’s home page above still holds the standard. Simply by looking at each link and navigation item on this page you have a pretty good idea of how to navigate the site. For example, if you click the iPad link at the top, it’s a good bet that you will get to the iPad category page and be presented with the different iPad options in the lower navigation bar. We tried it out, and sure enough, that is exactly what happened.

Screenshot of apple website

For contrast, it is good to know what not to do. The following site is a good example of a cluttered, disorganized, and poorly structured website.

Lings Cars website

Long story short, don’t structure your site like this.

Additional Optimization

If you have everything above covered for your website, you are doing well already. However, there are always ways to further improve. When the foundational structure of your website is in good shape, the following list is a good checklist to refer to for added optimization.

  1. List navigation items in order of importance from left to right

    We read text from top to bottom, left to right. Our eyes automatically begin in the top left corner of a site and work from there. Look back at the Apple home page. There is a reason they don’t list Support, Music, and TV first with Mac, iPhone, and iPad last.

     

  2. Make sure users know exactly how to proceed on every single page.
    You never want users to be lost or confused at any time. Always place crystal clear navigation buttons that inform the users how to move around the website and what options they have on any given page.

Mobile Layout

Alright, let’s talk mobile.

Approximately 60% of all searches are done from a mobile device today. Your site will have a separate PageRank on mobile search than it will on desktop search. In other words, you need to design a mobile site that adheres to the principles above and adjusted to mobile devices. This means you must have clear navigation but you can’t simply copy the navigation bar from your desktop to your mobile site. It won’t be user friendly since it forces a user to scroll both horizontally and vertically to find things. 

Here is what Apple’s home page and navigation looks like on mobile.

Apple website in mobile

The two bars in the top left corner of the left picture form the trigger for the navigation menu. When clicked, the menu on the right appears. This menu is the same as the primary navigation on the desktop home page. Similarly, the links on the mobile home page are clear and inform the user of where they will go if they click on them. Apple maintains simplicity and clarity. This is a common approach to mobile site structure.

Apple website in mobile menu view

WHAT ABOUT SINGLE PAGE SITES?

Another common question in SEO is that of single page vs. multi page site structure. There are a few pros and cons to both. Let’s explore these and see what the result is. First of all, we have exclusively looked at multi-page sites for all the examples above. That should be a good preliminary hint for our recommendations. In any case, it is worth mentioning.

Single page sites are exactly what the name claims. A website with only one long page. The benefits of single page site are:

    • These sites typically load a lot faster than multi-page sites which has a positive impact on SEO rankings. More on that in the chapter on PageSpeed.
    • They are good for mobile users as they are much easier to navigate from a mobile device.
    • Efficient for specific content curated towards a specific audience.

These make for excellent promotional sites and high niche blogs that don’t vary between a multitude of topics. The downsides of using single page sites are:

    • Lack the ability to target a wide variety of keywords.
    • Can’t target a wide range of topics in great detail.
    • Must always have highly valuable content since the user has nowhere to go but the one page.
    • Highly limited for content creation

In terms of how search engines read through a single page site, well, we are going to let one of Google’s Webmasters explain that. 

Finally, always remember…

Finally, remember that no matter how technically optimized your site is, if it isn’t optimized for good user experience it will not be presented to users on the SERP. User experience always comes first. Good user experience is founded in a sound site structure.