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
-
Should a menu work when JS is disabled? Is that best practice
When I am working on a new website I usually spec that the main navigation should work whether JS is on, or off. I always assumed everyone did that - until today - spent a couple of hours analysing menus on websites and noticed many didn't function when JS was disabled - particularly the menus designed for mobile devices. Any thoughts on this from fellow Mozzers would be welcome.
Web Design | | McTaggart0 -
Using Multiple links/names for the same product?
I am being asked to change these product links on the home page: Home/Condo
Web Design | | RoxBrock
Watercraft/Boat to Home
Condo
Watercraft
Boat (Along with several other product links) How does this affect the customer experience/usability, and SEO? Is it a good idea or is it confusing? Thank you.0 -
Examples of B2B websites offering services (not products)
Hi there, I need some help - I am looking for some examples of SEO and inbound marketing websites in the B2B service sector. Thanks in advance!
Web Design | | Hughescov0 -
What is the best slideshow pluggin for seo in order to show alt of the images
what is the best slideshow pluggin for seo in order to show alt of the images
Web Design | | maestrosonrisas0 -
What is the best information architecture for developing local seo pages?
I think I have a good handle on the external local seo factors such as citations but I'd like to determine the best IA layout for starting a new site or adding new content to a local site. I see lots of small sites with duplicate content pages for each town/area which I know is poor practice. I also see sites that have unique content for each of those pages but it seems like bad design practice, from a user perspective, to create so many pages just for the search engines. To the example... My remodeling company needs to have some top level pages on its site to help the customers learn about my product, call these "Kitchen Remodeling" and "Bathroom Remodeling" for our purposes. Should I build these pages to be helpful to the customer without worrying too much about the SEO for now and focus on subfolders for my immediate area which would target keywords like "Kitchen Remodeling Mytown"? Aside from my future site, which is not a priority, I would like to be equipped to advise on best practices for the website development in situations where I am involved at the beginning of the process rather than just making the local SEO fit after the fact. Thanks in advance!
Web Design | | EthanB0 -
What are some of the best website hosting platforms for Wordpress?
I'm looking for a new hosting provider and have been told to find one that specializes in Wordpress hosting because of higher page speed load times, etc.. Can anyone recommend a couple of Wordpress Hosting providers
Web Design | | webestate0 -
What is the BEST eCommerce platform ?
I'm using BigCommerce, but I will like to try a new platform. Do you have any recommendations?
Web Design | | BigBlaze2050 -
Best Home Page design examples - from a SEO perspective. Could You give me a few?
I am int he process of redesigning a home page and wanted to know from our community if anyone had examples on some great Homepage Designs from an SEO perspective. Things I am looking for : 1. Homepage URL/Design 2. Navitagion 3. Call to action Thank you, much appreciated. The home page I am redesigning is www.gunshotdigital.com Vijay
Web Design | | vijayvasu0