Blue Widgets – Google and CSS Files

With all this talk about Google Crawling CSS files I thought it might be nice to get an idea what’s within guidelines and what’s not.

This is a CSS tip I picked up from CSSZenGarden that allows you to satisfy lots of people at once. For example this element could easily exist in top or side navigation


Viewing source code it would look like this:

<div class=’navtop’><a href=’blue-widgets.html’><img src=’images/blue-widgets-nav.jpg’ alt=’blue widgets’><span>blue widgets</span></a></div>

The CSS would look like this

.navtop span {display:none;}

IMHO that’s perfectly fine, you give the client what they want, the designers gets what they want, and the spiders get what they want. I would certainly hope that this implementation wouldn’t trigger an automatic ban and if it came under hand review that it would pass as well. The problem is when people do something like this:

<div class=’navtop’><a href=’blue-widgets.html’><img src=’images/blue-widgets-nav.jpg’ alt=’blue widgets’><span>buy cheap blue widgets online</span></a></div>

I’d say that’s a pretty clear intent to trick the search engines, but what about this

<div class=’navtop’><a href=’blue-widgets.html’><img src=’images/blue-widgets-nav.jpg’ alt=’blue widgets’><span>large blue widgets</span></a></div>

Is the addition of “large” enough for it to be considered “bad”. If I were a search engine engineer (stop laughing) I’d have to say yes it is bad. If the text in the image said “large blue widget” then you’d be ok. Now what happens when you use a photo or illustration and not a textual image? The spam line becomes a lot fuzzier. For example I could use the image below with this technique and link to a page about ‘Paris Hilton‘ or ‘cheeseburgers‘ and still be accurate and non spammy?


It’s an interesting and difficult problem for search engines to come to try and solve.


Tags: , CSS, runs on the Genesis Framework

Genesis Framework

Genesis lets you to quickly and easily build amazing websites with WordPress. Whether you're a novice or advanced developer, Genesis provides the secure and search-engine-optimized foundation that takes WordPress to places you never thought it could go.
It's that simple - start using Genesis now!

Take advantage of the 6 default layout options, comprehensive SEO settings, rock-solid security, flexible theme options, cool custom widgets, custom design hooks, and a huge selection of child themes ("skins") that make your site look the way you want it to. With automatic theme updates and world-class support included, Genesis is the smart choice for your WordPress website or blog.

tla starter kit


  1. Text Link Ads - New customers can get $100 in free text links.
  2. - Get a premier listing in the internet's oldest directory.
  3. Need an SEO Audit for your website, look at my SEO Consulting Services
  4. TigerTech - Great Web Hosting service at a great price.
More in Grayhat SEO, npb, npp, ntt, SEO
Mini Skirts and Home Pages

Over at there is a forum thread about much copy there should be on your homepage and whether there...

Maximizing Profits With Website Design and Layout: Part I

I was building new site this past weekend and I got into the liquid width versus static width debate with... the Truth Behind the Speculation

Part of the fun and danger of the blogosphere and things moving at the speed of the internet, is quite...