Thread: Seo & css?

    #1
  1. No Profile Picture
    Registered User
    SEO Chat Explorer (0 - 99 posts)

    Join Date
    Nov 2017
    Posts
    23
    Rep Power
    0

    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 10:48 AM.
  2. #2
  3. Dinosaur
    SEO Chat Genius (4000 - 4499 posts)

    Join Date
    Jun 2011
    Location
    UK
    Posts
    4,228
    Rep Power
    6646
    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
  4. #3
  5. No Profile Picture
    Registered User
    SEO Chat Explorer (0 - 99 posts)

    Join Date
    Nov 2017
    Posts
    23
    Rep Power
    0
    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