Using CSS to Compliment SEO (Search Engine Optimisation)

A lot of people ask how using CSS can compliment SEO (Search Engine Optimisation) so here is a brief outline of how it can work well for your website.

Originally when Web Designers tended to use tables to structure the design of a webpage, the HTML would be bulky and was required to be ordered in to suit the design, so for example the HTML you would take the following order:

  • Header
  • Top Naviagtion
  • Left Navigation
  • Content
  • Right Navigation
  • Footer

This meant that the content of the webpage, which is the important bit of information that the search engines want to find, was usually tucked away 2 or 3 levels down in the pecking order.

Removing tables and using CSS to control the layout of your webpage allows a lot more flexibility when structuring the HTML. So for example you could have your HTML ordered as follows:

  • Content
  • Header
  • Top Navigation
  • Left Navigation
  • Right Navigation
  • Footer

Then just use the CSS to layout the page as it would be viewed in the previous tabled structure. The advantage of this is that now the content is first in your HTML and search engines give this page more relevancy towards that content and help it rank higher for related search queries. The other big advantage is that you have removed the bulky table HTML and reduced the code versus content factor.

Bookmark using any bookmark manager!

Tags: , ,

Leave a Reply

You must be logged in to post a comment.

© BAL4 / Steven Balfour 2008
BAL4