Dan Olsavsky's Blog

Wednesday, December 5, 2007

CSS and SEO

This is a great technique for how to structure your code for search engine optimization. I use absolute positioning so that I can put certain divs higher in the code... so they are read first by the spiders.

Brief overview:

On the left, how the HTML appears on the page, from top to bottom (most important to least important).
on the right, how the divs are positioned (0,0 [x,y] is top)

div=content, position-top=30
div=text-links, position-top=10
div=top-navigation, position-top=20
div=side-navigation, position-top=40
div=header, position-top=0
div=contact-form, position-top=50
div=calls-to-action, position-top=60
div=flash, position-top=10

- The content and links are most important so they are higher on the page in the code.
- The Flash is the least important, because it cant be optimized, so it is at the bottom but, is positioned to be at the top of the page.

- Dan Olsavsky

posted by dano at 10:10 PM 0 comments

© Dan Olsavsky | 2004-2009. This site is optimized for viewing in Mozilla's Firefox. Some features may not appear in other internet browsers. Please note that I do not develop the content for the websites featured in my portfolio. I do however, work with some phenomenal writers that can get the job done. The Search Engine Optimization on most of the sites was done by a highly-skilled professional at Page 1 Solutions, LLC. Some of the websites have been edited aesthetically by other Website Design Professionals but I keep the Lightbox images original, because I like to keep it real. I am employed full-time, however... you too can retain my services at a very reasonable rate! A huge shout out to everybody who has helped me along the way and who continue to support me. You know who you are.. Click here to view the Sitemap or click here to Contact me.