We can remove this markup quite simply with jQuery. Rather than mess with the actual on-page elements, why not insert it dynamically? Check out the code:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
<script type="text/javascript">
    $(document).ready(function(){
$("*:last-child").filter(function() {
return $(this).css('float') != 'none';
}).parent().append("<div class='clear'></div>");
    });
</script>
<style>
.clear {clear:both;}
</style>

Note: As you may imagine, this method assumes that the viewer has javascript enabled. Given that the downside is a matter of background stretching, and considering all the numerous other things that break when javascript isn’t enabled, I (generally) readily accept this sacrifice. After all, it’s not like Flash, where they get no content at all.

But there is a very common problem with over-zealous implementation of such SEO tactics without full consideration of their impact. Even SEOs who I have high regard for are victims of this vice. Have a look:

Notice how in each above case, the site represents its graphical logo as an unoptimized text link going back to the home page. And if you subscribe to the first link theory, (which as an astute reader, I’m sure you do), you’ll recognize that this renders any subsequently optimized link back to the homepage relatively (if not completely) limp.

ShoeMoney has it the worst of all, if you ask me. Why, praytell, is the h1 of EVERY page “Shoemoney – Skills To Pay The Bills”. This is only one step down from using the same title, or same description, which you’ll surely be alerted of if you use Google’s Webmaster Tools. And no offense to Gab, but SEOROI isn’t much better, depending on your perspective on the over-use of H1’s.

“Ok, Smartass” you’re probably thinking. “So you think I should go black hat and use cloaked optimized text?”

Well, I’d argue that if your text is descriptive of the graphic, it’s not black hat. But even if you disagree, that’s not your only option. You could also use the equally semantically valid “Alt Attribute” (it’s not a tag), which is designed to describe photos and the like to the blind. This old school method is clean as a whistle, allows you to label as you will (i.e., my: “Boston SEO Logo”), and doesn’t detract from your later carefully picked anchor text links.

So what’s the take away here? Don’t just blindly do what SEO Bloggers say (myself included). Always put yourself in the many shoes of a search engine spider, look at the source code (even if you don’t understand it all), and ask yourself of each element “what would I think of this?” You’ll probably be surprised with the result.

Side Note: In order to dispel any misconceptions right off the bat – I’m not opposed to text replacement. In fact, I think it’s brilliant for header (h1, h2, h3) replacement. Often times company branding dictates the use of a specific font – and this prevents SEO from getting in the way of that. So, if that’s what all you’re doing with it, well done and carry on!