| Search engines give more weight to a web page that | | | | How I positioned the content first. |
| has content closer to the top of the HTML | | | | 1. I first structured the HTML in the same order as |
| document. I am refering to the source code not the | | | | the order in the style sheet. |
| visual content you see in your browser. If you | | | | 2. I put the content div before the sidebar in the |
| incorporate this in the design of your web site, it | | | | source order then floated the content left and |
| may just give you the edge to outrank your | | | | floated the sidebar right. |
| competitors. | | | | 3. I placed widths on the floats for it to work |
| Most web sites these days are designed with tables | | | | correctly. |
| therefore the navigation will appear first in your | | | | That's it! |
| source code. You really don't want this because you | | | | Tip |
| want your main content with all your keywords to | | | | If you are not familiar with CSS and still wish to use |
| be spidered first. | | | | tables use the "table trick" |
| With CSS you can easily structure the content to | | | | This means placing your navigation on the right side |
| appear first with the rest of the source code | | | | of your document. |
| following it. | | | | Here's a web page I designed using the table trick: |
| Here's an example of a web page I recently | | | | [ |
| redesigned using CSS where the content is on top. It | | | | If you want your web pages to be accessible to as |
| was converted from a table-based design to a | | | | many people as possible plus get high rankings, |
| CSS-based design for better accessibility. | | | | incorporate CSS into the design of your future web |
| Use view source to read the html code. | | | | sites or redesign your current one. |
| Here's the External Cascading Style Sheet | | | | |