Let' say I have a
/pets page with 4 tabs on it:
The All tab displays all the pets on page load.
Each of the 3 other tabs holds a list of dogs/cats/owls, respectively - loaded with Ajax on click. Every tab also has a "Load more" button to get the next N results.
The page currently indexed by Google is
/pets. What I would like, is to keep this overview page with the tabs, but also make sure that the 3 specific-pet pages are getting indexed, too (especially because they have links to detail pages of the pets).
What I thought of:
- My first thought was to keep the
/petspage and simply link the 3 tabs to different URLs:
/pets/owls, but it does not seem user friendly to display tabs, which are actually links.
- Alternatively, I thought to keep the
/petspage with the tabs and Ajax, but additionally have dedicated pages (see point 1) for the 3 pet types. Then I would maybe create an extra "About" page with internal links to
/pets/owls, so they can be crawled. In this case, however, I'm not sure whether the danger of having duplicated content exists.
I wouldn't like to sacrifice user experience for SEO, which makes arriving at a solution harder.
Which of the 2 options above seems better to you?
Or maybe, if you have experience with such tab-driven pages: What other solution would you suggest?