The SEO effects of ::before and ::after

Ok, so a few weeks ago I posted a question on http://reddit.com/r/css about the possible SEO effects of ::after  psuedo-elements.  I decided to run a test, and here are the results.

After much searching I finally found a ‘Near English’ phrase that had zero Google results (it was a hell of a lot harder than I thought it would be).  ‘Staminified Dawg’ was my key.

I have a domain that I use for random css/php/js tests that was registered on March 23, 2012 and currently has a PageRank of 3 (how I have no idea).  So, I set up some ::before and ::after elements in the form of…

.petal:before {
content: "staminified dawg";
display: none
}
.petal:after {
content: "staminified dawg";
visibility: hidden
}

(The display and visibility were used separately to see if there was any effect from either scenario)

At the same time I linked a new page off the index.html and checked webmaster tools to see the index status.  All the other pages had been indexed.  3 weeks later… the page has been botted since, and the new page had been indexed. ‘staminified dawg’ still has 0 hits on google.

So what do we know?  Only that “staminified dawg” has yet to be indexed –we still don’t know if the {display: none} and {visibility: hidden} tags have had an effect.

The next step is to make the {content: “”} tags visible on the page and get something else indexed at the same time.  I guess we’ll get a little bit more of an answer then.

EDIT: well, ‘staminified dawg’ is no longer an un-findable term. Apparently this site indexes pretty well 😀