Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

CSS Positioning of Content for SEO

Looking for an example of a site

7:51 pm on Jul 26, 2010 (gmt 0)

New User

10+ Year Member

joined:Mar 4, 2006
posts: 25
votes: 0

Hi all,

In the past, I've made recommendations to positioning seo friendly content higher in the code for the spiders but it appears at the bottom of the page to not interfere with UE. Does anyone have a working example of this?

Thanks in advance.
10:33 pm on July 26, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Apr 15, 2003
votes: 25

I wouldn't put a lot of effort into this. Google has given pretty strong signals in recent years that they are capable of analyzing the structure of web pages well enough to find the primary content regardless of its location within the HTML code. They crawl JavaScript and CSS now, so they get a good idea of how even complex pages would render in a browser. If the other search engines aren't doing this yet, they soon well be. Good luck!
2:49 am on July 27, 2010 (gmt 0)

New User

5+ Year Member

joined:May 17, 2010
votes: 0

Also google see's elements in larger text as more important than if it is in smaller text. This even means the use of h1,h2,h3,h4,h5 it's good to follow a order when using those and not just plop them anywhere.
3:50 am on July 29, 2010 (gmt 0)

New User

5+ Year Member

joined:July 29, 2010
posts: 1
votes: 0

I am actually looking at css positioning as a mean of taking what is not interesting to the search engine and placing it further down in the code.

For example navigation bars are almost always near the top but the search engine will find your home, contact, privacy, tos, site map no matter where they are in the code but if they are near the top they take away 'space' from the famous 'first 50 words' which, if keyword optimized, are relevant to seo.

So I think that if people stop thinking in terms of tricking the se and use css positioning to make the page more se friendly than the se can only reward you for that.

Another common situation is when you have a sidebar on the left site of the page. Normally all the content of the sidebar would be the first thing the search engine 'see'.
(The se is programmed to look for links so it will find your links where ever they are.. they don't need to be at the beginning of the code)

Well if you use css positioning to place the main section of the page near the beginning of the code... the se will see your content first.. which is what it wants to see.

What do you guys thing of that?

2:03 pm on July 29, 2010 (gmt 0)

New User

5+ Year Member

joined:June 16, 2010
votes: 0

If you were to put a nav-bar further down in the HTML and then CSS it up to the top, that is considered grey-hat SEO. IE - putting keyword heavy content text at the top of your HTML and then using CSS to move it underneath other elements.

In a properly designed page, your theoretical sidebar would already be after your content and then floated to the side. The only obstacle in your standard webpage would be the nav-bar, which is moot if using HTML5 as the <header> and <footer> tags are properly recognized by search engines and ignored in favor of your content.
8:18 pm on Aug 6, 2010 (gmt 0)

New User

10+ Year Member

joined:Mar 4, 2006
votes: 0

Thank you so much for your help!
9:05 pm on Oct 5, 2010 (gmt 0)

Junior Member

5+ Year Member

joined:Aug 17, 2010
posts: 188
votes: 2

I've done it before with a header, gave the main content a top margin and absolute positioned my header over the margin. I did this for keyword content and for screen readers, it could be crossing a line, but structurally I thought it made sense having global content at the bottom.
9:10 am on Oct 7, 2010 (gmt 0)

Full Member

5+ Year Member

joined:Dec 30, 2009
posts: 249
votes: 0

I agree with rainborick, this sort of thing is less important than it used to be.

If you have a load of templated text that's repeated on every page before your real content, that could be an issue, but for just a few menus and stuff I wouldn't worry about it.

Something I see a lot though is where text clearly meant for search engines is included in what is obviously a footer - search engines can pick up on this sort of thing and give it much less weight than content in the content area of the page.
8:37 am on Oct 8, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Apr 30, 2007
votes: 0

In my experience CSS positioning does matter although not the only factor for SEO. It is not cloaking no matter you hear and it's very good to have. It can be painful to redo the site structure because you may have different sections where the height of containers varies and absolute positioning may not always apply. It is also harder to maintain/manage.

I've seen sites who do cloaking instead of CSS positioning because the designer/coder is lazy enough to restructure the pages and instead duplicates the important content right at the top of the body section in a hidden div.

SEO-wise implementing everything you know about optimization over the years helps. You never know how the SE algorithm will be tomorrow so treat everything as important. META Keywords may not be as important as they use to but who knows few months from now what will happen. Page loading wasn't a great factor in the past it is now, etc.

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members