Hi Grant,
There are multiple ways of going about this I am sure, but here is my take.
To me, this sort of depends on the content of all 4 tabs and if they are relevant and valuable for the user on this page. Here are a couple of questions to ask yourself:
- Does the user really want to load a new page to see a small section what may or may not have belonged on the previous page?
- Does it make since for a user to go to a new page? (is there a ton of content in these sections)
- Is each section targeting a new keyword, or supporting the main keyword?
jQuery + CSS will be just fine
As long as your developer knows what he is doing, loading jQuery(or better yet pure css) tabs Google will index all of the content on this page. Google should see sitename.com/listing-name#section1 as sitename.com/listing-name. Just make sure the code structure is setup to support any content hierarchy.
**../listing-type/listing-name/ vs ../listing-name/ **
I think this could come down to what these listings are.. If this was say a real estate website it would make since to set it up like:
- ../house/123-main-st/
- ../apartment/432-main-st/
If it makes since to add a listing type I say go for it.
Again, this can differ for what type of content you are providing, but this should provide you with a good sense of general direction.
Thanks,
Casey