Div Tags Controlled By CSS and JavaScript

SEO Compatible?

[coldfused]

We have some content we are developing for one of our sites. Basically we are creating a section with seo articles to be displayed. I want to know if we use javascript and css to show/hide the divs with the articles in them will the page be indexed correctly and will the internal linking and keyword copy from the articles hold as much weight as if they were in a static html page?

We are trying to condense all of the articles to one page and show them when clicked on.

Comments and suggestions?

Thanks in advance,
Carl

[tedster]

Certainly, as long as the divs and their content are written directly into the html mark-up, the entire page is indexable. I use this approach on one site and I know it works -- but I don't use it for full articles, just for small bits of extra information.

By putting everything on one page, you seriously limit the ability of Google (or any search engine) to focus on the "fine details" of the various articles. Also, you need to think through what will happen to a visitor who comes from a search and their search phrase is hidden by the default state of the page. And finally, beware of the total page size.

[coldfused]

Thanks for the advice. Will go the static route instead, it's what I was going to do in the first place just wanted to make sure my concerns were valid.

Much appreciated.
Carl

[Alex_TJ]

That sounds like a great idea for the FAQ page instead of jumping up and down.
Would anyone be willing to post the Javascript for this?
Take care

[tedster]

There's loads of free scripts available -- usually called something like "show hide div" or perhaps "show hide layers". A little searching will turn up many examples you can choose from. But it's not the purpose of the Google forum to teach DHTML, sorry.

[sandpetra]

Why intoduce javascript. Surely a css only slideshow - a few of which I've seen out there, is better - and more accessible?

[circusboy]

hey coldfused;

we use this technique extensively to display tabs that reveal specified content on large pages - saves scrolling, looks more profesh. no problem with getting spidered, indexed, or ranked.

I think the code we use is called tabpane: <url removed>

<See Forum Charter [webmasterworld.com]>

[edited by: tedster at 6:26 pm (utc) on Sep. 17, 2006]

[tedster]

Why intoduce javascript. Surely a css only slideshow.. is better - and more accessible?

A good question and a valid concern. To my knowledge, the only way to avoid javascript for changing visibility on the various divs is to use CSS hover behaviors along with child selectors. This has two drawbacks.

1. The user must keep the mouse hovering over the selected link. That is, there is no way with CSS alone to keep the change in display stable so the window can be scrolled.

2. IE6 does not support child selectors.

In terms of accessibility, according to my current understanding, a screen reader will still read the contents of div with a display:none CSS rule