[admin]

We are working on a CSS design for WebsiteCM for cleaner code and even quicker page loading. In the process we're coding the content first in the source code.

Has anyone seen changes in seo position (good or bad) as a result of a change to CSS? Any tips?

[dlogout]

Converting XCart to clean CSS layout has advantages over cluttered table layout from SEO point of view due to the positive content to code ratio change.

Changes in sites SERP (Search Engine Results Positions) depend on many factors. Clean code certainly helps, however alone is not enough to bring the site up.

The more important factors are quality links from other thematically related sites and the quality + unique content.

[admin]

My reason for wanting to move to CSS is actually for optimum page loads, but of course want to take the SEO into consideration.

My main concern is that moving the content to the top of the code may hurt my page rankings as my header code is very "x-cart" keyword heavy.

[ASFDesign.com]

I would suggest using the following chart to layout the data in your code:

1) Header with H1 keywords, some text with keywords in bold tags

2) Content (assuming it is unique to each page)

3) Footer, with keyword reach links

This way pages appear more natural to search engines, unlike those that place header after the content.

The most important places that define the theme of your site are header and footer.

[DezineJunkie]

Originally Posted by ASFDesign.com

I would suggest using the following chart to layout the data in your code:

1) Header with H1 keywords, some text with keywords in bold tags

2) Content (assuming it is unique to each page)

3) Footer, with keyword reach links

This way pages appear more natural to search engines, unlike those that place header after the content.

The most important places that define the theme of your site are header and footer.

I am an experienced designer and an unexp. web coder. i do understand tableless coding and the reason for it. Would you mind posting some code to show the abover Header H1 keywords adn footer- just an example for us newbies.
Also ive only found 1 template that was all CSS- do you know of any more?

[ASFDesign.com]

Originally Posted by DezineJunkie

I am an experienced designer and an unexp. web coder. i do understand tableless coding and the reason for it. Would you mind posting some code to show the abover Header H1 keywords adn footer- just an example for us newbies.
Also ive only found 1 template that was all CSS- do you know of any more?

Here is nice CSS layout builder tool that allows you easily build CSS layout: http://developer.yahoo.com/yui/grids/builder/

For SEO emphasize on tags use tags without referencing to CSS code.
For example use

<h1>text text text</h1>

instead of

<h1 class="stylename">text text text</h1>

You should configure your tags via CSS:

h1 { display: inline; text-size:2.5em; color:black;}

or if you would like to have only certain h1 use one of the following constructions:

td h1 { ... }

for all h1 nested inside td tags

<td><h1>text text text</h1></td>

or for all h1 nested in

<div id="stylename"><h1>text text text</h1></div>

#stylename h1 {....}

Ofcourse all the style must be configured as per your sites styling. Here is some information on CSS specifications: http://www.w3.org/TR/CSS21/

Hope that helps