How to approach this? (Probably JavaScript + SEO question)

[tomaszjot]

Let say I want to develop something similar to this:

Samsung 300E5A-A01DX - Compare Prices - PriceRunner UK

Switch menu (don't know what's the name for it) which will switch between Product Specification, Customer Reviews etc.

Ideally I would like to have all information on one page so when Google crawls it it will see all info on one page. For this I thought of using hidden divs which will appear once visitor press on tab. It doesn't however sound SEO friendly to me.

Wouldn't be better just to use seperate URLs for all that? Like separate page with reviews, separate with specification etc. That said I think some of those pages would be with very thin content...

As I stated above ideally I would like to have all product info on one page so my question is: is there any way to develop this with JavaScript, CSS or whatever?

All answers will be greatly appreciated, thanks

 

[shawnhag]

wordpress does it great, there are plenty of mainstream themes with this coded in, including Elegant themes

| TheProfessional Theme

(scroll down to "tabbed content" )

I have used this feature on almost every site I code, even look for excuses to use it! It really makes life great

 

[dchuk]

don't use hidden divs on page load. If no javascript is enabled, you'd show the content. If JS is enabled, your code should: hide each "tab" of content and then make them accessible via tabs.

 

[tomaszjot]

Thanks guys. I think I will go with pure CSS solution. Thank you again.