Search engines give more weight to a web page that has content closer to the top of the HTML document. I am referring to the
source code not the visual content you see in your browser. If you incorporate this in the design of your web site, it may just give you the edge to outrank your competitors.
Most web sites these days are designed with tables therefore the navigation will appear first in your source code. You really don’t want this because you want your main content with all your keywords to be spidered first.
With CSS you can easily structure the content to appear first with the rest of the source code following it.
Here’s an example of a web page I recently redesigned using CSS where the content is on top. It was converted from a table-based design to a CSS-based design for better accessibility.
Use view source to read the html code.
Here’s the CSS:
External Cascading Style Sheet
How I positioned the content first.
1. I first structured the HTML in the same order as the order in the style sheet.
2. I put the content div before the sidebar in the source order then floated the content left and floated the sidebar right.
3. I placed widths on the floats for it to work correctly.
That’s it!
Tip
If you are not familiar with CSS and still wish to use tables use the “table trick”
This means placing your navigation on the right side of your document.
Here’s the web page for an e-book I designed using the table trick:
If you want your web pages to be accessible to as many people as possible plus get high rankings, then incorporate CSS into the design of your future web sites or redesign your current one.
Your example does not have the content first – it has a header section. Not the example I’m looking for.
I wish I could read the rest of Naff’s comment. I don’t see a way to bring the rest of it up.
@Peter: Yeah, in the html the header should be found somewhere after the content and simply placed with position: absolute; top: 0px; using CSS.
Danke!
stuff like this that makes the internet so damn good