One-Pager and SEO

[spackle]

We're building a page that is going to feature over 31 people as difference makers in their field. We're unveiling one a day for an entire month. The very early mockup of the page has name, pic, some bio info, and a link to open up a new window with the full bio. I would love to have all of the bio content for all of the people on the page (and indexable), but I'm not sure how to do that while still being able to hide the full bios until they are expanded. Anybody have any tips that are SEO-friendly and/or examples of a page that is built like this and ranks well.

Thanks!

[spackle]

To throw some more info out there on this one. My guy just sent me a link (see attachment) to a Matt Cutts video where he explains that if you're doing this sort of design with normal web design practices, Google will not penalize the hidden text as spammy. We're currently using Display: None tag, which isn't mentioned specifically, but we think should be alright according to Matt's video. Any thoughts on this? Thanks!

watch?v=UpK1VGJN4XY

[spackle]

Thanks Jarno. I'll ask my guy if he's doing the HTML/CSS thing. His first attempt was using code to hide the text until someone clicked the link (tab) to reveal. I'm afraid that Google wouldn't want to index or couldn't index that content.

I'll tell him that Jarno thinks it's possible to use HTML and CSS to create the user experience I'm looking for but also to have all the text crawlable. Thanks!

[spackle]

Thanks Travis. We're building the page on an existing site, so there's no Wordpress, but the concept is sound. If we can't make it work where all the content on the page gets indexed, because Google doesn't like the way we're presenting the information, then we might go to something like this.

[JarnoNijzing]

Hi there Spackly,

I'm guessing what you are getting at is using tabs (like specifications to products in webshops that are only shown when clicked on), right?

If that is the case you could show a picture with some info per person with a link to more info (the tab) that expends the information about the person. If you do this using HTML and CSS (or PHP with CSS) you could have it made like so that when you visit the source of the page you get then entire code including all the full bio's but when you visit the site in a browser like a normal visitor you would only see 31 small bios with 31 tabs for more information.

This is something you see in a lot of shops at the moment and I must admit that it works like a charm.

Hope this helps you some.

Regards
Jarno

[Travis_Bailey]

This may not be exactly what you had in mind, but why not handle it like any typical WordPress blog installation?

Just show a preview snippet with a link to the full profile. You would avoid duplicate content. You could have what you want in effect.

If it was my deal, I would go with a static home page that explains what the whole thing is about. There would be navigation to the Difference Makers. That would essentially be your post type where you showed a snippet of the profile that leads to a post that displays the profile.

If there's an actual blog in there for some reason, you could likely handle either or with a custom post type.

But if you don't like the static home page idea, I suppose you may be able to get away with a preview that links to an actual post/bios on the home page.

I would be interested to see what anyone else thinks. (Not sarcasm, really want to see what others think about it.)