One of the funkier ways to use Moo Flip is to use images and to flip them over. We know that this can have repurcussions from an SEO point of view since search spiders cant read images (or at least text typed onto images). So a way to still use images but have them accessible is to use the text offset strategy.

The simplest way to do this is to create a class in your template file such as .flippy p which will only apply to any

tags in the moo flip container. Now apply something like text-indent: -1000px; to the class and it will position anything in the p tag 1000px to the left - it will still be readable to the spider but not appear on the screen.

So the whole class might look something like this:

.flippy p {text-indent:-1000px;}

Some sources suggest that Google doesn't like this technique but from my reading its a bit of a grey area.

blog comments powered by Disqus