Best practice for product detail when all products are onepage
-
HI there,
I have a page utilizing isotope with multiple products with small text excerpts and when you click an item i opens a detailed view without requiring a new page load. I've read some of the one page posts but can't get my head around what's best SEO wise when dealing with possible duplicate content.I guess one method could be to have the product list with small excerts of text and all the details hidden in some json and then when the user clicks it, it will open the product and fill with details from inline json. The click action is overring the a tag action e.g. with jquery, so the the a tag has a clean url to a proper subpage with meta, h1 and all that stuff so google can follow it. The jquery thing enables the navigation without a page reload and I can update the document url with pushState.
The subpage, if visited directly, includes the same animation stuff as the master but now has h1, p meta specific to that product but still with same effect, navigation and layout as the master page.Does anybody know if there is a better way to do this with one page sites when wanting to seo optimize detailed contents?
-
Hello Carsten,
I am not a developer, but hopefully I can be of some assistance. If not, we'll leave the question open to see if anyone else can be more specific for you.
First, I came across a good list of eCommerce sites using Isotope: http://isotope.metafizzy.co/ . If you scroll down to "Isotope in use" you'll see examples from Anthropologie, Rimmel London, Lexus, Biodroid, etc... Perhaps looking at how they handle things will help. For example, it looks like Anthropologie uses unique identifying URL for each product that is its own .jps file (e.g. 4130265414412.jsp), or is meant to appear that way.
A lot of AJAX sites will use a hashbang (#!) to enable crawling of dynamically created content on the same URL each time. Here is more information about that.
The solution you provided above sounds good, but I'd want to see it in action first. Be sure to view the page as Googlebot, and to see how it looks in Google's Cache Preview in the SERPs to make sure they are treating it the way you want them to.
Good luck with this, and please let us know how it turns out so we can be more informed on the issue in the future.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
What's the world's best hosting?
Hello folks, I'm looking at hosting options. In your opinion, what's the best provider out there and why? Cheers, Gill.
Web Design | | Cannetastic0 -
We use bigcommerce platform and want to access the bigcommerce server to change the way our product images display
Hi We use bigcommerce and want to chage the way we display multiple images for our products. At the moment in bigcommerce you switch between images by clicking the next image, we want the images to change when we hover the curser over the image. Does anyone know how to do this ? Regards Adrienne
Web Design | | CostumeD0 -
Best Magento Hosting in the US?
Hello We have a UK Based client that we host their UK site on TSO. They are moving their US site to Magento and I am worried about the impact of hosting a US Magento site in the UK. Which US Magento host would you recommend?
Web Design | | peeveezee0 -
What Is The Best Way To Categorize 3 Different Top Level Categories Each With 20 Sub Categories
Hello, We are trying to figure out the best way to categorize our app review website. We have 3 platforms, iPhone, iPad and Android and each platform has several sub categories and numerous apps subcategories totaling around 50 to 60 categories for each platform. Any suggestions how to do this properly? thank you Mike
Web Design | | crazymikesapps10 -
What you consider the best Jquery Sliders?
Hello there, i would like to ask you if there's some preference on certain jquery slider that not only don't interfere with SEO efforts but contribute so a good recommendation or preference from you the SEO community will be gladly received. It wont matter if its free or it has cost. Thank you in Advance
Web Design | | Amarok3d
Amarok0 -
Best strategy for multiple internal links
We have a website that has a whole heap of internal links. After re-structuring the footer links to the main categories we are now looking at the best way to display the internal links from each category (approx 20-50 links from each). At present they are simply listed on the corresponding category page, however this doesnt look great so we want to display them in a way that is user friendly and also seo friendly. Any suggestions and examples appreciated. Thanks in advance.
Web Design | | Silkstream0 -
Best Site navigation solution
Hi there, We are getting our website redesigned and would like to know whether to increase the links on our site wide navigation or not. At the moment we have around 30 links from the navigation. We want to use exploding navigation menu and increase the links to our most important categories. Say if we increase to 60-70 would that be alright. (what will be the highest we can go for) At the moment categories that get links from navigation are ranking pretty good. If we increase would we loose those rankings. What will be the pros and cons of increasing navigation links? Second question we are also adding fooer links to top 10 categories in the footer. Would this be ok as far as seo and google concerned. Many Thanks
Web Design | | Jvalops0