I am building a site that lists shops. Each shop page has two tabs: shop info and reviews. It's one page, with jQuery hiding/showing the right portion of the content. From a purely SEO point of view, what is the best way to assign URLs to those two tabs?
example.com/shopX/info
andexample.com/shopX/reviews
example.com/shopX#info
andexample.com/shopX#reviews
- or should I simply have 1 URL
example.com/shopX
, which shows the shop info, and has the reviews accessible through clicking the 'reviews' tab
I know that up to 2016, Google preferred (1), since content hidden under tabs was not really indexed. Currently, it does index content under tabs, which may imply (1) is punished as the two URLs actually serve the same content - just with a different portion visible - making (3) the better option. Lastly, (2) looks a wee bit uglier, but I'm really considering SEO only :)
What's the proper 2017 answer to this question?