I have a client who has website with multiple pages. Now, each page has tabbed content which is accessible through #
. For example:
example.com/page1#content1
example.com/page1#content2
example.com/page1#content3
example.com/page2#content1
example.com/page2#content2
Now, when search engines index they are indexing only example.com/page1/
and example.com/page2/
. This creates a problem where we cannot have search engines point directly to the content within a given tab. What we want is for search engines to show links that takes users directly to (say) example.com/page1#content3
.
Now, I don't think Google can index such #
-based content on its own. So, I have two ideas in my mind:
- Add these
#
based URLs in the sitemap - But I have heard that search engines drop anything after the#
. So this might not work. - Add vanity URLs in the sitemap and do a 301 redirect to the hashed URLs. For example, I can add
example.com/page1/content3/
in the sitemap and then have it redirected is toexample.com/page1#content3
.
What do you recommend how should I solve this problem? We don't want to re-architect the site pages.
pushState
. Have you looked into that technology?