I come from a development background but just recently starting learning SEO along with RDFa. I am working on our companies new website where the designer is using our different divisions logos at the top of their respective pages. There currently are not any H1 tags. I know I need to add and H1 but the way the pages were designed the logos are where I would usually put an H1 heading. And if I added an H1 with text it would throw off the design.
I also know that using images inside H1 isn't good practice even if I use the alt attribute.
So my question is if I put H1 tags around the image, then use RDFa will Google find this acceptable or will this be penalized. Here is my code example:
<div class="twelve columns" typeof="gr:BusinessEntity">
<h1 property="gr:name" content="Thoughtwire Marketing">
<img rel="foaf:depiction" src='http://www.thoughtwiremarketing.com/images/TW-marketing-logo.png' class='twmarketing' alt="Thoughtwire Marketing"/>
</h1>
</div>
I defined my prefixes in the body tag and when I run my code through the validator at http://rdfa.info/play/ it seems like it would work, just not knowledgeable enough yet with SEO to know for sure.