: How to deal with tabbed content which rewrites the URL in terms of SEO? Scenario We have several pages that utilize tabs controlled by JavaScript. All the content of the entire page is loaded

@Cofer257

It's difficult to know exactly how detrimental this is. Github does exactly what you describe on pull requests - changing the tab changes the URL but near identical HTML is returned on each of the URLs. However, it almost certainly doesn't matter for them, they don't need both those 'tabs' to rank separately in search results.

In your case, it seems to me like the best solution would be as follows:


When a URL is requested, your server responds with only the HTML for the current tab. This ensures that /jacksonville and /miami do not have duplicate content.
Keep all the tabs on the page, but start with them linking to the appropriate URL (i.e. the jacksonville page has <a href="/miami">Miami</a> as the tab).
When the page has loaded, use JavaScript to 'pre-load' the content for the other tabs. Here you can now add click events to the tabs so that clicking them shows the tab contents instantly instead of having to load a page. You'd also change the URL in the address bar too.


The bonus of this is that the site is now more accessible for users without JavaScript.

Vote Up Vote Down

@Tiffany637

I can't think of a way to to avoid duplicate content implementing like this without also losing the benefit of the content.

When I say losing the benefit of the content, what I'm trying to say is that you could load the content via an Iframe (I don't know if you could do this AND load it via JS, my knowledge doesn't run that far!). You can 'hide' content from search engines by loading it via an Iframe so it pulls the content from a different page, then you block that page from being indexed, via robots NOINDEX tags, and/or in the robots.txt

However if you could do that, then you would 'lose' the benefit of all that content, so it depends if it's important that this content is indexed and searchable in search engines? Also if this content makes up all the content on the page and was hidden, then the page could also suffer from thin content issues is search engines, unless there is there is other content around it.

Another way I can think of is using AJAX technology. I've been on some sites using AJAX that have a similar way of loading content as you describe. Might not be a feasible option, but as long as you follow Google's guidelines on Making AJAX Crawlable it would be SEO friendly.

Interested to hear if there are any other options.



I'll also add that recently John Mueller from Google reiterated that Your Content In Tabs & Click To Expand May Not Be Indexed Or Ranked in Google. However I wouldn't take this as a sign to say your proposed set up would be free from duplicate content issues and also not a guarantee that it won't be indexed or ranked. I see content in tabs ranking and also not ranking constantly.

Vote Up Vote Down