delorie.com/web/ses-hint.html   search  
Search Engine Hints: Tables

Most people, when using a table to lay out a page with sidebars, will do the obvious thing, like this (view the source of this page to see how I've constructed these tables):

Side
Bar
Main Body of Text goes here

The problem is that, in the HTML file, you must include the text for the sidebar before the main body text. This isn't what you want for search engines! You want the main body to go first. The trick is to do something like this:


Main Body of Text goes here (use rowspan=2)
Side
Bar

Of course, you'll want to make that empty cell as small as possible, or even invisible. However, this puts the main body of text in the first row, ahead of the sidebar, which is in the second row. Use another column and a transparent gif to make a suitable margin, or use tables in each cell to set the margins:

Main Body
side
bar
 

You can even use this trick to put banner ads (shown below in red) above your main body, but after the main body text in the HTML file, using overlapping table cells and an invisible image (shown here in blue). Size the invisible image to just pass the banner ad (this only works right if the banner cell does not include regular text - it must include only GIFs - as text may vary in size depending on user preferences).


<br>
Main Body of Text goes here (use rowspan=3)
(use colspan=2)
Side
Bar


  webmaster     delorie software   privacy  
  Copyright © 2003     Updated Aug 2003