Welcome to the Web - Rocketface(R) Workshop Webmaster's Tutorial - "How to Design a Website" Rocketface(R) Home - Welcome to the Web
Webmaster's Tutorial -------------- Webmaster's Tutorial Index -------------- Article Archive -------------- Sitemap -------------- Privacy -------------- About

Webmaster's Tutorial
About Domain Names
About Web Hosts

Analyze Website
Analyze Audience
Target Audience
Demographics
Website Goals

Organize Website
Website Basic Layout
Website Structure
Website Sections
Website Content
Website Navigation

Develop Website
Website Construction
Sitemap Construction
Webpage Construction

Implement Website
FTP Website
Fine Tune Website
Upload Organization
User Interaction

Maintain Website
Maintenance Plan
Website Optimization
Optimize Website
Website Promotion
Website Traffic Analysis

Resources
Main Site Index
Article Archive

Website Structure
The design and development of your website's structure

Your website's structure is the 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). A website's structure is the framework in which the information or content is presented.

Website structure and navigation

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. If you develop a sound website structure everything else will fall into place.

Basic website structure

As the diagram below shows a website is composed of three main areas: The homepage, the main sections and the subsections

Typical basic website structure
Typical basic website structure

Developing a website network

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. So should a website be connected through a network of links into something that provides form and function to your site. The website basic layout shown below is a simplified example of such a network.

Basic Website Layout
Layout of a Basic Website

Navigation and website structure

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 two clicks for a visitor to find what they are looking for.

Two click navigation

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.



BACK: Organize Website NEXT: Website Structures2


Copyright© 1999 - 2011
Rocketface® Graphics
Rocketface® Workshop Analyze Organize Develop Implement Maintain Site Map Index