1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

What is role of CSS in SEO and What is the best Resoruce to Learn it

Discussion in 'White Hat SEO' started by Georgy, Nov 13, 2009.

  1. Georgy

    Georgy Registered Member

    Joined:
    Oct 30, 2009
    Messages:
    75
    Likes Received:
    5
    I am new to CSS and was wondering what are nitty gritty and tricks of CSS+SEO.

    What is the best resource to learn css keeping in minds seo.
     
  2. Entrepreneur

    Entrepreneur Regular Member

    Joined:
    Oct 12, 2007
    Messages:
    438
    Likes Received:
    379
    Apart from the ability to hide it, and order it for seo you mean? ;)

    With css you are able to separate the design and function of your site. You can place you navigation first in your code, but within the footer on the design. You can add wiki articles within the code and hide it in the browser view.

    CSS enables a lot of trickery, if you want to, but it's mainly good for keeping your code clean, simple and easy to read. You can also use it to make rollovers without having to use 90's Javascript, both speeding up the page and cleaning it up.

    As someone who writes, or at least did write, standards compliant code, i find it insulting that you bunch JS and CSS together. :)

    They're totally and utterly different in my opinon and i have always avoided Javascript like a rabid dog. And Javascript might be "ignored" by spiders, but that isn't always good for a site that links using JS.
     
  3. noph34r

    noph34r Regular Member

    Joined:
    Sep 17, 2009
    Messages:
    250
    Likes Received:
    211
    Occupation:
    The Web
    Location:
    The Web
    Home Page:
    The first pillar for the on-page SEO optimization is to write "100% web standards compliant" pages. It's a win-win situation, you will have better and lighter code and content fully readable by spiders.
    Spiders usually don't read all the code of the page but only some hundred.
    If you keep so much style code and javascript code in the <head> tag or inline you'll get your real text (content) after so many characters. Maybe the spider won't even read it.
    Keeping structure, view and function separated in their own files (.html, .css, .js) is the best rule for SEO. HTML code has to contain only the content.
    A real IM has to know at least the rules of web design IMHO.
     
  4. divinci

    divinci Junior Member

    Joined:
    Sep 25, 2007
    Messages:
    111
    Likes Received:
    15
    Great advice noph34r.
     
  5. Georgy

    Georgy Registered Member

    Joined:
    Oct 30, 2009
    Messages:
    75
    Likes Received:
    5
    Are display:none and overflow:hidden black hat techniques.
    Is there any penalty by search engines if we use these.

    Otherwise how to put some code above in html source code but in visual display it should be down on the page.
     
  6. noph34r

    noph34r Regular Member

    Joined:
    Sep 17, 2009
    Messages:
    250
    Likes Received:
    211
    Occupation:
    The Web
    Location:
    The Web
    Home Page:
    You should use the "float" property of the div or play with positioning of div (position: absolute or position:relative).


    For the display:none and overflow:hidden, I don't think that are BH tecniques, they should be. I can use display:none to hide a certain div that should not be printed on paper.