Ecommerce Category Pages
-
First, let's define the terminology for the various types of ecommerce pages. The terminology differs from organization to organization:
- Product Description Pages (PDPs): These pages have a single product, pricing, an "add to cart" button, reviews, and a product description.
- Product Listing Pages (PLPs): These are product category/subcategory pages that have product image links and text links to Product Description Pages (PDPs).
- Category Pages: These pages have subcategory image and text links to subcategory pages. No product images are displayed
- Hybrid Category Pages: these pages combine sub-Category Images and text at the top of the page and product listings below. Our CMS currently does not allow us to create hybrids.
This conversation revolves primarily around mobile.
Our ecommerce team is having discussions around the appropriate use of PLPs vs Category pages. After doing a quick audit of the mobile sites of some top ecommerce players, there is definitely a trend to use Category Pages at the top of the category and sub-category hierarchy and use PLPs at the very bottom. The logic from a usability perspective is to allow visitors to navigate a site without ever using the hamburger navigation. ex:
Baby (Category Page) => Car Seats (Category Page) => Convertible Car Seats (PLP)
The sites I audited all had hamburger menus.
A visitor would navigate from a home page image for "Baby," an image on the "Baby" page to "Car Seats", and an image on the "Car Seats" page to the Convertible Car Seats page. At that point, they would be able to shop for "Convertible Car Seats" on a PLP.
This appears to be excellent UX and easy to use navigation. Theoretically, good for SEO as well. In short, category and subcategory pages are being used as navigation to allow visitors to easily navigate to the bottom of the hierarchy and shop on the most narrow page in the hierarchy. Much easier to use than a hamburger menu, but it does entail more clicks.
The discussion revolves around allowing users to shop for product at a higher level in the taxonomy. For example, what if a visitor wants to shop all Car Seats? In the above taxonomy, we are precluding users from shopping in this manner. There is no "Car Seats" PLP. Our CMS has the ability to create both a Category Page and a PLP for "Car Seats". We could theoretically place an image on the "Car Seats" category page for "View All Car Seats", and allow users to click to a "Car Seats" PLP.
None of the major ecommerce players I've audited are adding a PLP option higher up in the hierarchy. That doesn't mean that it's not good UX.
Problems:
- From an SEO perspective, having a Category Page and a PLP for "Car Seats" would cause cannibalization - they would be competing for the same keywords.
- I am skeptical that canonicals would work. The pages are not near duplicate content. One page has category images, the other has product images. We could place content blocks on the page to make them more similar.
- We could noindex the PLP, but that's a waste of internal link juice.
Need advice:
- Will canonicals work in this situation?
- Should we trash this idea entirely? Does adding a PLP add value or confusion?
- Is noindex a good idea?
- Is there an option to target keyword variations with the PLP?
- Is there another solution?
-
Yeh, I thought you'd like it.
I have been working with a lighting eCommerce store and we have been looking at them a lot - they nail it with SEO
Regards
Nigel
-
Nigel:
Thanks - you pretty much confirmed my thoughts. At the moment, we don't have the ability to create hybrid pages - pages with category and product images. It's on the wish list. If it was up to me alone, we would only have PLPs at the bottom of the taxonomy. Our merchants group is pushing hard for PLPs.
BTW, Wayfair's SEO/UX is outstanding. Those folks are squared away. Any time I have an issue to resolve, it's wayfair.com and "view source".
-
Hi Satans_apprentice
You have to keep it simple and the addition of your PLPs, whilst looking pretty are adding a layer of complication to the structure that you don't need. I hate hamburger menus as well - you must remember to add a search bar at the top that does not need opening as well so people can get stuck in immediately.
You need - say,
Department>Category>Sub-Category - this is the natural structure for most eCommerce sites.
Baby>Car Seats>Convertible Car Seats.
Department, I would go with a menu structure at the top and Category images in the centre with some text at the bottom.(300) - you can then either add products to this or keep those for the categories and sub-categories.
Category - I would have a menu structure at the top, a grid of sub-categories with products beneath and a description (300) at the bottom.
Sub-category - I would have a menu structure at the top, a grid of products with a small description at the top and a bigger one (300) at the bottom
Look at Wayfair - they do really well in search and I think their site is really well organised using as it does a mixture of text menu, images and products. They also have really chunky descriptions on appropriate pages like 'Bedroom Lighting' - have a look at the bottom.
This is their lighting category:
https://www.wayfair.co.uk/lighting/cat/lighting-c234985.html
You don't say whether you have brands as well - this can add a layer of complication and possible cannibalisation, but as long as you add Meta and content, this type of cannibalisation has become more acceptable. The pages are hybrids in themselves and sit lower down in search, making them less of a problem.
Sale pages can also add complication and I always canonicalise these back to the brand.
Some sites have 'New-In' sections also - I canonicalise these back to the brands - or categories if you a non-branded website.
I hope this has helped to clarify your thinking.
Regards
Nigel
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
-
How is Single Page Application (SPA) bad for SEO
Hi guys. I am quite inspired of SPA technique. It's really amazing when all your interaction with the site is going on the fly and you don't see any page reloads. I've started implementing the site with this instruction and already found nice guys to make the design. The only downside of the using SPA which I can see **is the **SEO part. That's because the URL does not really change and different pages don't have their unique URL addresses.
Web Design | | Billy_gym
Actually they have, but it looks like: yoursite.com/#/products yoursite.com/#/prices yoursite.com/#/contact So all of them goes after # and being just anchors. For Google this mean all of these pages is just yoursite.com/ My question is what is really proven method to implement the URL structure in Single Page Application, so all the pages indexed by Google correctly (sorry I don't mention the other search engines because of market share). The other question, of course, is examples. It will be great to see real life site examples, better authority sites, which use SPA technique and well indexed by search engines.1 -
Internal linking: Repeating same low level pages from high hierarchy level pages
Hi all, We have 3 editions of our product we are trying to rank better. Some of our features level pages from these editions are repeating in these 3 editions. Exactly like below example: clothes.com/cotton-fabrics/shirts clothes.com/wool-fabrics/shirts clothes.com/polyester-fabrics/shirts "Shirts" pages repeat in "cotton-fabrics", "wool-fabrics" and "polyester-fabrics". We have added rel=canonical to rank "shirts" in rank only one category. I wonder do we need to take any other measures to make sure that these pages don't affect us negatively. Thanks
Web Design | | vtmoz0 -
Will HTTPS Effect SERPS Depending on Different Page Content?
I know that HTTPS can have a positive influence on SERPS. Does anyone have any thoughts or evidence of this effect being different depending on the page content? For example, I would think that for e-commerce sites HTPS is a must, and I guess the change in rankings would be more significant. But what about other situations, AMP pages for example? Of if you run Adsense, or Affiliate links? Or if your page contains a form?
Web Design | | GrouchyKids1 -
Advice needed: Google crawling for single page applicartions with java script
Hi Moz community,we have a single page application (enjoywishlist.com) with a lot of content in java script light boxes. There is a lot of valuable content embedded but google can not crawl the content and we can missing out on some opportunities as a result. I was wondering if someone was able to solve a similar issue (besides moving the content from the java script to the HTML body). There appears to be a few services sprouting up to handle single page applications and crawling in google.http://getseojs.com/https://prerender.io/Did anyone use these services? Some feedback would be much appreciated!ThanksAndreas
Web Design | | AndreasD0 -
Nav / Sitemap Question. Using a "services" page vs just linking directly to individual service page?
Okay, so our company offers video production, web design, and web marketing services. While we do offer these services individually, our goal is to get our clients to integrate these services together. Our nav is currently like so : home - about - video - web design - web marketing - blog - contact Now I've seen businesses and agencies also use a nav with a "services" button instead of listing out their service offerings (if they have more than 1, like us). The services button usually links to a category page or has a drop down with links to the company's individual services. I'm wondering if there is any benefit to having a main services page like this and linking to the individual pages off of it (video ,web design, marketing, etc). Or if we should just keep it the way we have it now (since we've already got some page authority on the individual service pages). I know this may not be the most important aspect of our site and we may be over-thinking it but any thoughts/ideas would be greatly appreciated, thanks!
Web Design | | RenderPerfect0 -
Schema.org - Right way to mark the pages
Dear all, Almost since we started designing our site, we are using schema microdata. It is not only because of the rich snippets, but because I want the search engines to better understand what we have. For example, the +1 buttom would not work properly without schema microdata, because it kind of ignores the OpenGraph parameters that specified image and description; and since we are a (very small) local bussiness directory (between other things), all our clients have a hand written schema complient description on their lisings, including address, opening ours, telephone number, description, etc. It is hand written by us because the tools avialable are simply not good enough to cover all different scenarios that a listing can present. I have not use, until today, a proper for the homepage, and it is probably the cause that our page lost the nice links below the site description in the google snippet. I did not place it on the body tag, but near the description, closing it inmediately after the description finishs. Now this is solved and we will wait to see if the links come back in the next weeks. Now to the question. Our site has three sections, with three different systems installed, two running wordpress and a third running another script. the main site is the local bussiness directory. The front page is mark as "schema.org/WepPage", and I do not know how to mark the other pages of the main site. I was thinking of marking the listings as "schema.org/ItemPage" since they are related to specific clients. Would you consired it to be right? Then, we have landing pages for the categories, should they be mark as WepPage, or as an Article, or something else? Many thanks in advance for your help, Best Regards, Daniel
Web Design | | te_c0 -
Too Many On Page Links, rel="nofollow" and rel="external"
Hi, Though similar to other questions on here I haven't found any other examples of sites in the same position as mine. It's an e-commerce site for mobile phones that has product pages for each phone we sell. Each tariff that is available on each phone links through to the checkout/transfer page on the respective mobile phone network. Therefore when the networks offer 62 different tariffs that are available on a single phone that means we automatically start with 62 on page links that helps to quickly tip us over the 100 link threshold. Currently, we mark these up as rel="external" but I'm wondering if there isn't a better way to help the situation and prevent us being penalised for having too many links on page so: Can/should we mark these up as rel="nofollow" instead of, or as well as, rel="external"? Is it inherently a problem from a technical SEO point of view? Does anyone have any similar experiences or examples that might help myself or others? As always, any help or advice would be much appreciated 🙂
Web Design | | Tinhat0 -
Redesign of an ecommerce site
We are thinking to redesign our ecommerce site and was wondering would we loose our google rankings in any way? That's something we don't want. We want to achieve a better and cleaner looking website. It's a more like template redesign. But adding extra functionalities. We will add upselling and crossselling features to product pages. Some products have reviews and some don't. If a product doesn't have a review random testimonials will replace the reviews. We will redirect all urls's if category structure changes. All content title, headings remain same. Any suggestions are welcome 🙂
Web Design | | Jvalops0