H3 tag text / image replacement, does it hurt seo?
I am trying to "replace" text with an image in all of my h3 tags. I want the image to be in html to avoid multiple h3 classes as this is for portfolio and there will be about 10 h3 tags on the page. My image is 156x44. My question is, would this be seen as an attempt to hide, add google keywords for SEO purposes? If it does, does anyone know a better way to do it?
CSS
h3 {
display: block;
width: 156px;
height: 44px;
overflow: hidden;
}
Html:
<h3><img src="images/project001.png" alt="Project 001" />Project 001</h3>
a source to share
Matt Cutts addresses this issue on his own via threadwatch. To a large extent, he says to be free to replace the text, just don't try to spam anything like filling in keywords. He later clarifies that they:
... the flag text that appears to be hidden using CSS at Google. Today we have rather than algorithmically remote sites to do this. We try to avoid throwing babies with bath water.
Thus, they may not penalize sites at all during this time for using CSS to hide text.
a source to share