Rocketface® Webmaster's Workshop
Designing A Website   
A beginners guide to building a classic website


Including the step-by-step webmasters tutorial
How to Design a Website

Home Sitemap Archive Index Privacy About Search AddThis Social Bookmark Button
Webmasters Tutorial Navbar
How to Design a Website
About Domain Names
About Web Hosts
Free Web Hosts
Private Web Hosts
Types of Websites
Building a Website
Analyze Website
Analyze Audience
Analyze Content
Website Design Tips
Website Journal
Effective Communication
Target Audience
Demographics
Website Goals
Organize Website
Website Basic Layout
Webpage Design
Website Navigation
Website Structure
Website Sections
Website Theme
Webpage Layout
Website Content
HTML Editors
White Space
Develop Website
Sitemap Construction
Webpage Construction
Website Assembly
Website Construction
Website Graphics
Website Templates
Implement Website
FTP Website
Fine Tuning Website
Upload Organization
Ftp Checklist
User Interaction
Maintain Website
Website Promotion
Marketing Website
Viral Marketing
Content
Product Sales
Affiliate Programs
OnLine Services
Optimize Website
Keywords
The SEO Process
Website Traffic Analysis
Increasing Website Traffic
Links Tracking
Link Baiting
ROR RSS Sitemap
Generator
Summary
Webmaster Resources
Webmasters Tutorial Start
The SEO Process
Mini Site Design - 101
HTML Tutorial
A beginners guide to effective email
Resources
Glossary
Newsletter
Feedback
Webmasters Article Archive

Bookmark
Bookmark Rocketface Workshop


Website Structure

Website structure a framework for your site

Now we're going to look at the overall structure of a website. This is different from the individual pages within the site (i.e. content).

The structure of your site is composed of the different sections of your website and navigation within those sections. It is the framework that shapes your site and defines your navigation scheme.

Website Structure

As the diagram shows a website is composed of three main areas:
  • The Home Page

  • The Main Sections

  • The Subsections
Typical basic website structure
The structure of a website is like the skeleton or nervous system in the human body. Every joint or synapse is connected together into a network of mechanical or electrical links, which in turn makes us who and what we are.

Information How to Develop a Website Outline

So should a website be connected through a network of links into something with form and function. The website basic layout shown below is a simplified example of such a network.

Basic Website Layout
Example Layout of a Basic Website

The key to the success of your website's structure is the ease with which your visitors can navigate the site. A general rule of thumb is that it should take no more than three clicks for a visitor to find what they are looking for.

In the example above there are three tiers of content which can be accessed in two clicks. From the homepage to the main sections (click 1) and then to the subsections (click 2) is a simple and intuitive path.

If necessary you can add a third tier of data but more than that will not only begin to confuse your visitors but also impedes the deep access of search engine spiders.

Information Types of Websites

Structure of a Website

The Home Page

The Home Page

This is a visitors first impression of your site. It should tell visitors what your site is about. The homepage should answer the questions Who, What, and Why about the sites purpose.

A home page should also provide an sitemap or table of contents and guide visitors to the information they need. If they can find the information they want quickly and easily, they will enjoy their visit. And if they enjoy their visit and find that the time spent there was worthwhile, they'll come back.

Information Ten Steps to a Winning Home Page

A home page should not contain a lot of text. 400 words should be about the limit you should shoot for. It should provide an overview of your site giving the visitor a clear idea of what is available and how to get there and also provides the search engines with something to go by when they index your site.

Also, don't present your visitors with a huge list of links to every single page on your site - that's why you have main and sub sections. (see diagram above)

Information Icon Home Page Goals

It has been determined that most web users browse a website's homepage quickly. They look to see if there is any reason for them to go deeper into the site. They want to find this information quick without being confused by irrelevant distractions.

Information Icon Take Advantage of Eye Tracking Tests

A large percentage of those using the web never scroll down past the first screen full of information. So, keep that homepage short and to the point. Have your links prominently displayed and make sure a visitor knows what your site is about on the first screen they see.

Information Icon Reinventing Your Homepage

The Main Sections

The Main Sections

The main sections of a website form the headings of specific bodies of data. In other words the main sections of a website form the gateway or entry point into particular areas of your site (i.e. site index). For example if you are selling shoes your main sections might be mens shoes, ladies shoes and childrens shoes. The subsections would break down each category of shoes into color, size and style.

Your main sections will form the backbone of your navigation system. These will be the links that take your visitors deeper into your website. Select them with care, keeping in mind that your website structure will be shaped by them. These pages should provide one click access to the subsections.

This tier of your website structure is primarily a collection of links that provide access to the main content (i.e. subsections) of the site. Each main section should cover a specific subject or data base which is focused on a single topic. Theme each main section to correspond to its subsection content.

Information Tips for Improving Website Navigation

The Subsections

The Subsections

Once you have developed the main sections of your website and decided upon your navigation scheme group your data into subsections. Each subsection should contain all of the important data relating to a particular main section. Keep the topical information organized into its specific category for easy retrieval.

The subsections of a website form the body of the site. This is where most of your content will reside. When a visitor decides to look further into your site it is into the subsections that they should be directed. Well organized subsections should be your goal.

This level of a website is often referred to as the money pages. Here is where sales occur and the place that your primary message is presented. The heart of any site is in the subsections so spend a lot of time and effort here.

Information How To Create Your Own Content

Website Designing - Further Reading

Information Do You Know How To Create A Successful Web Site?
Information Icon All About Design Principles and Elements
Information Icon An Issue of Width - The Resolution Problem
Information Icon Critical Web Design Rules
Information Icon An Easy Way to Choose Attractive Color Combinations
Information Icon 8 Ways To Improve Bad Website Design
Information Designing Your Website - The Top Ten Pages to Include
Information Icon Visit the Webmasters Article Archive for further information on website design and webmastering.


Back Next

Check out the webmasters article archive.
Copyright© 1999 - 2008
Rocketface® Graphics
Home Analyze Organize Develop Implement Maintain Site Map Index