Website Layout & Structure, Draw the Road Map!

Silver Line 1X558

"Understand a website layout..."

Here below a brief review of the road map to follow and how to build the map of your future website.

Make sure you create a simple website layout where every visitor could easily maneuver around.

Keep It Simple and Smart, the layout is the step stone of all your website.

"Kiss layout..."


Build your website layout and create a road map. Here below an image (figure 1) of a basic website road map, you can "save the picture as" in your files and use it as blueprint to start your own. Start sketching how your website will be structured.

Then you can use MS Word and Excel sheets to describe in details each page of your future website.

Navigation Menu

If you have lots of content and pages it is recommended to create categories and to file each article in the right category so you can easily create a drop down menu (HTML). The best position to place your menu would be above the body and below the header or on the right / left side of the body.

If you have little numbers of pages and articles it is best to place all the links of your articles directly in the menu without drop-down menu.

The Navigation Menu should be simple and not over crowded.

Home Page Layout

This is where most of your visitors will land looking for your website; this page must be attractive and must convince your visitors to go deeper into your website.

Create your home page with a clear, attracting title and a nice picture with little text over-viewing your website whereabouts. We will learn in a later stage how to write proper content for your website.

Do not saturate your home page with lots of pictures and text. The visitor will decide which direction to choose from your menu navigation system. Make sure your home page is loading fast and easy for people to understand.

5 Sections in a Website Layout

1) Container

The Container is the area that holds your site.

2) Header

The Header is the upper level of your page.

3) Sidebar

The Sidebar are the columns left and/or right.

4) Content

The word speaks for itself.

5) Footer

The Footer is the lower level of your page


You can add these pages in your website layout!

-> About Page

Visitors like to understand your motivations and objectives for your website. It is good public relation and marketing strategy.

-> Disclaimer and Privacy Statement

This is simply a must to do if willing to use Google Adsense. It is required as a condition of participation as specified in the Google Adsense Program.

-> Site Map

Create a Site Map so that visitors can quickly find the information they want. This is also an excellent technique that helps search engines find and list all the content of your website.

-> Contact form

Always good to add a page with your website contacts. It gives your visitors an option to get in touch with you.

Build your road map and draw the layout of your website, take the time to think about each page to be useful for the visitor. Link your page in a cohesive structure and related with each other to ease browsing experience through your website.

Keep your layout structure simple and creative with clean coding and proper seo techniques implemented and you will bring your website to the top.



STEP 5 ->  Create Easily a Light and Attractive Website Template



-> Register a domain name and registrar 2013

-> Choose web hosting for your domain name

-> Search engine ranking techniques (SEO)

-> Detailed guide to build traffic to your site

-> Implement keywords in your website layout


If you liked this, please share, thanks!

Newsletter - Tips and Info