Two Perfect Design Structures for Websites

For the past few days I have been talking about the moves that I made which helped me increase my search engine traffic by 258% in less than a month. This is the last post in this series. But before you read this make sure you read the past three posts in the series. Post 1, Post 2, Post 3.

Structure of a Design plays a very significant role when it comes to indexing rate, and search engine ranking positions. So you need to start taking notes as I discuss the two perfect design structures your website/blogs should use. Mark my word, if you don’t use the following ways, your site is losing a lot potential.

What is Perfect Design Structures?

A perfect design structure features content FIRST in the coding, and everything else such as sidebar comes after when you see the codes. There are two methods you can use to achieve a perfect design structure. These methods are essential if you are using 3 column template, as well as a template with a sidebar on the left side.

What are the Advantages of Perfect Design Structures?

perfect design structure increase your Search Engine Indexing Rate. Through this you are increasing the number of pages indexed of your website in the search engines, also you are increasing your chances of getting higher search engine position and traffic.

How does Perfect Design Structures work?

Search engine bots visit your website, and see the important parts on the page first which is the content. Sidebar links are secondary. Therefore they should be placed towards the bottom. Well if you are using the normal table structure and a sidebar on the left hand side, your sidebar would be appearing towards the top of the codes (above the content). Same if you are using sidebar on each side, one sidebar will appear above the content. Perfect Design Structure Methods make the sidebar appear below content in the codes, and therefore you have SEO Advantage.

How is that really a SEO Advantage. Well look in the example below:

Do you see how the content is being override by the links that were placed above the content. I identified this problem with my previous directory long time ago and then I fixed the issue. Which led me to get higher SERPs and a PR 5. I was successfully able to sell the site for $20,000. So now you know how this structure will really help.

Methods to achieve Perfect Design Structures

There are actually two methods that can get you a perfect design structure. One is called Div Properties, the other one is called Master Table Law.

Div Properties

This is a more preferred web 2.0 method that most designers/coders should know by now. You use Cascade Styling Sheet (CSS) Elements and Div tags to achieve a perfect design structure. First thing you need to do is get familiar with HTML and CSS. Specifically the float properties, and margins in CSS.

Ok Now you would need to be familiar with the elements in the image below:

As you see we have wrapper, and sidebar area. Wrapper is where your content goes, and you want it to be above the sidebar.

So what you will do initially is open a blank css file, or edit your own css file.

.wrapper{
float: right;
margin-left: 25px;
width: 700px;
background: #fff;
}
.sidebar{
float: left;
width: 200px;
background: #fff;
}

Add these codes accordingly and make sure you fix the width. Right now the total width of the whole site was 1000px, and 100px is left for a gap between the two.

Then just open up your index.html and enter the codes like this

<div class="wrapper">asdffsl jlkasjdf lkasjflkajsdlfk jlkasj dflkasjfd ka;lsj fd</div>

<div class="sidebar">klasjdf alskfd jlkasjfd kal;s df</div>

So now you have the div properties method displayed above. I hope you see how content comes above the sidebar. More new sites are using div properties because tables are becoming old school now. Div Properties are much smoother and faster.

Master Table Law

The second more old school / outdated method is the master table law. I don’t want to say that you can’t do it with tables therefore I am showing you this way. But I highly recommend the Div Properties Method. This is a SEO trick famous in old school days. It gets very messy, so I won’t present live codes here at Balkhis. Instead I will show you a preview of how it looks and then direct you to a site that explains this trick in details.

Master Table is one table that you insert before you insert the other tables.

Look at Larry Swanson’s Website for more details.

Bottom Line

Designs play an important role in SEO and indexing. Without this perfect design structure, you will not rank as high as your website could potentially can. Guys if you think there is any other secret to ranking high, you are dead wrong. It is simple stuff like this along with good content that helps you rank high.

Having that said, I will end this series right here.

Make sure you check out the other posts in this series:

Improve your SEO By Organizing your External links
Your Guide for refining the Semantic Web Markups
Most effective SEO Move you can make for your website

Enjoy and do remember to let me know how the results were when you applied these techniques on your website.