Do search engines index content in hidden divs?
August 14th, 2008I suppose every Web 2.0 designer should know the answer to this question but admittedly I did not. We’re working on a redesign for one of our outdoor sites and the design calls for some of the content to be placed in a show/hide div to keep the page neat. I wasn’t sure if this would be a good idea from an SEO perspective so I decided to run a test.
I created a simple page with a medium amount of text visible and outside any hidden divs. I also placed more text within a div containing my target keyword that was set to display: none. This particular page did not contain the requisite javascript link to show/hide the div but I didn’t care - this page wasn’t for users, it was for search engines.
The result: within a week the page was indexed by Google and the hidden div text was picked up along with our target keyword. This is a useful finding for two reasons. First, it means unscrupulous publishers can place unrelated text on a page and keep it completely hidden from users while search engines slurp up the illegitimate content. But it also means that if, for design reasons, you need to place some of your content in a show/hide div arrangement the content is still visible to Google. Our test page hasn’t been picked up by Yahoo! yet but we’ll keep you posted if/when it does.
As with all search engine optimization knowledge, we hope you use this tip for good and not evil

August 18th, 2008 at 8:48 am
[...] through the use of HTML comments clearly this won’t work but you might be interested in our hidden DIV and hidden text [...]
December 9th, 2008 at 10:39 pm
Thank you, i was also afraid that search engines won’t index my new website which has almost all its content hidden (for tabbing reasons),
April 2nd, 2010 at 10:04 am
yeep sounds great… but don’t know why but am not surprised…
i had always been working with hidden divs and i never felt like for a couple of reasons
first it is not always inline weather the div is hidden or not… and google indexed the source code not the view hence does not crawl css either so how would it know that weather a div is hidden or not.. (presumably the ‘hidden’ is set through external css).
second there are a lot of instances in our daily life when we see hidden stuff on serps. It just does not catches our eye because it is common enough..
i hope i dont sound dumb..