I read this post:http://www.google.com/support/webmasters/bin/answer.py?answer=66353On my site currently, I have the following:// site.cssh1{  background: transparent url(/images/mylogo.png) 0 0 no-repeat;}h1 span{  display:none;}<!-- index.html --><h1>  <span> Name of My website </span></h1>My thinking was that by including the text in the header that the HTML would still be well-structured.  Since reading that post though, I'm anxious that google may penalise us for hiding text content.Can anybody shed some light on this issue?Is including hidden text in the header beneficial or detrimental (or neither) ?
Will Google penalize me for hiding header text?
google;seo
I think you have the right idea, but have implemented it wrong.I think display none shouldn't be used because of screen readers, at least that's what I've read.I really like this method: <h1>My Website/Page Title<span></span></h1>h1 {position:relative;height:100px;width:100px;}h1 span{background:url(link-to-image); display:block; height:100px; width:100px; z-index:2; position:absolute;}Pretty much you position a span tag over your text. So the text would be visible without images. Only downside is transparent images but you could always position the text in a non transparent part or text indent it.Read about it first in: The Zen of CSS Design: Visual Enlightenment for the WebNice list of options: http://css-tricks.com/css-image-replacement/ (Method 8 is what I described)Your not hiding the text from visitors, just presenting it.From the Google link:When evaluating your site to see if it  includes hidden text or links, look  for anything that's not easily  viewable by visitors of your site. Are  any text or links there solely for  search engines rather than visitors?