Thread: Seo & css?

    #1
  1. Studying SEO
    SEO Chat Explorer (0 - 99 posts)

    Join Date
    Nov 2017
    Posts
    34
    Rep Power
    1

    Seo & css?


    I've literally just looked up if css can impact your seo, and besides the obvious 'have clean, lightweight code without any junk' I was wondering how much does it really impact how google is indexing your site?

    Google crawls your site through the code but I guess I always thought of the html and never considered css

    I've read you can make it more efficient for google to crawl through your html but is this the same for CSS?
    Last edited by Remnt; Dec 7th, 2017 at 09:48 AM.
  2. #2
  3. Dinosaur
    SEO Chat Super Genius (4500 - 4999 posts)

    Join Date
    Jun 2011
    Location
    UK
    Posts
    4,836
    Rep Power
    7056
    Google render your pages so lightweight CSS is quite important just from a speed point of view, however things like name of class's containing keywords is a myth that was put to bed a long time ago.
    Owner of Page Explorer the page onsite SEO checker
    Useful Tools: Site Crawler: Screaming Frog | Free SSL: Cloudflare | Backlinking 101: Backlinks in 2018
  4. #3
  5. Studying SEO
    SEO Chat Explorer (0 - 99 posts)

    Join Date
    Nov 2017
    Posts
    34
    Rep Power
    1
    Originally Posted by Chedders
    Google render your pages so lightweight CSS is quite important just from a speed point of view, however things like name of class's containing keywords is a myth that was put to bed a long time ago.
    Thanks! I recently just finished the monumental task of sorting out my css. For some reason I had double of everything, I must of pasted the css twice at some point into my file. But annoyingly, I had edited parts from both the original and duplicate css code. So i'm finally gone through it and combined it all back to 1 if that makes sense.

    Eg, in the stylesheet i would have:

    /* --- banner --- */


    @banner_background_repeat: no-repeat;
    @banner_background_size: 1250px;
    @banner_text_font: 100px @font_2;
    @banner_text_decoration: @empty;
    @banner_text_case: lowercase;
    @banner_text_caps: @empty;
    @banner_sub_font: 16px @font_1;
    @banner_sub_decoration: none;
    @banner_sub_case: lowercase;
    @banner_sub_caps: @empty;

    and then after the whole stylesheet it would have it all again in the same file with:

    /* --- banner --- */


    @banner_background_repeat: no-repeat;
    @banner_background_size: 1250px;
    @banner_text_font: 100px @font_2;
    @banner_text_decoration: @empty;
    @banner_text_case: lowercase;
    @banner_text_caps: @empty;
    @banner_sub_font: 16px @font_1;
    @banner_sub_decoration: none;
    @banner_sub_case: lowercase;
    @banner_sub_caps: @empty;

    Ultimate junk code ever lol I learnt something knew though, if you have the same css class, the one that precedes the last gets overridden. I guess it's just how it's read. From top to bottom, makes sense.

IMN logo majestic logo threadwatch logo seochat tools logo