Our site is giving out 'badges' to our authors. They can post these on their personal blogs and they will serve as incoming links to our site.

We want to give out the best possible code for SEO without doing anything that would get us flagged.

I would like to know what you're thoughts are on the following snippet of code and if anyone has any DEFINITE advice on dos and donts with it. Also, let me know if any of it is redundant or not worth it for SEO purposes.

I've kept the css inline since some of the writers would not have access to add link to external CSS.

I've changed the real values, but title, alt etc would be descriptive keywords similar to our page titles etc (no overloading keywords or any of that)

    <div id="writer" style="width:100px;height:50px;>
<h1><strong style="float:left;text-indent:-9999px;overflow:hidden;margin:0;padding:0;">articles on x,y,z</strong>
    <a href="http://www.site.com/link-to-author" title="site description">
        <img style="border:none" src="http://www.site.com/images/badge.png" alt="description of articles" title="View my published work on site.com"/>
    </a>
</h1></div>