hide text or div from crawlers

lets say i have a text

<span class="hide">for real</span><h2 id='show'>Obama is rocking the house</h2>
<span class="hide">not real</span><h2 id='show'>Bill gates is buying stackoverflow</h2>

i need the crawler to just read the

<h2 id='show'>Obama is rocking the house</h2>
<h2 id='show'>Bill gates is buying stackoverflow</h2>

can we do that?

im a bit confused here say that a hidden div is readed by google

Does google index pages with hidden divs?

but when i google for a sec, i found out that google doesnt read hidden div. so which is right?

http://www.seroundtable.com/archives/002971.html

what i have in mind is to ofucate it like using css instead.,

i can put my text in a image. output it using image generator or something.

Solution

FYi, serving different content to users then to search engines is a violation of Google's terms of service and will get you banned if you're caught. Content that is hidden but can be accessed through some kind of trigger (navigation menu links is hovered over, the clicks on an icon to expand a content area, etc) is acceptable. But in your example you are showing different content to search engines specifically for their benefit and that is definitely what you don't want to do.