In the event you’ve been doing search engine optimization for some time, you’ll perceive what I imply once I say class pages are a typical space search engine optimization and UX consultants disagree on.

And that is for one key motive: SEOs are inclined to need to add extra content material and hyperlinks, and UX consultants need to prioritize clicks to merchandise.

Nonetheless, there’s a center floor the place we will retain the business nature of classes and embody content material to assist customers make their buy determination.

All through this information, I’ll present how one can enhance your e-commerce class pages for search engine optimization whereas guaranteeing the person stays on the core of your selections.

However first, why are classes so necessary?

The significance of nice classes can’t be understated.

They’re the location space the place you’ll usually seize “The Fats Head” and “The Chunky Center” of search queries—the high-volume, less-specific queries that almost all bosses/shoppers need to rank for.

The search demand curve

That’s to not say classes can’t goal long-tail key phrases. However until you’ve gotten a number of SKUs, websites usually goal the long-tail with product pages.

Along with classes being important for capturing site visitors from high-volume phrases, additionally they assist:

  • Customers uncover your merchandise when navigating your web site.
  • You successfully distribute PageRank to necessary subcategories and merchandise by way of your inside linking.
  • Customers and search engines like google perceive your data structure (IA), i.e., the way you’ve organized your content material.

Earlier than we transfer on with some ideas, I’ll introduce the 2 varieties of class pages you’ll discover on e-commerce shops:

  • Class itemizing pages (CLP) – Classes that predominantly record classes. 
  • Product itemizing pages (PLP) – Classes that predominantly record merchandise.

You’ll see CLPs throughout many standard e-commerce shops, and so they’re usually present in classes greater up inside a web site’s hierarchy.

For instance, here’s a CLP on ASOS:

Category listing page from ASOS

And right here is ASOS’ PLP:

Product listing page from ASOS

So why is knowing the distinction between CLPs and PLPs important?

CLPs goal very broad subjects. A web site is unlikely to service the person’s necessities by displaying one product kind. For instance, on ASOS’ males’s clothes CLP, it doesn’t know the precise kind of males’s clothes a person needs to see, so it hyperlinks to a mix of several types of merchandise.

CLPs exist to assist customers navigate to a extra particular web page. Websites do that, as they gained’t make certain particularly what the person needs but—so that they present them a choice of all related product sorts.

With PLPs, alternatively, websites know what a person needs. If a person searches for “males’s black boots,” the intent is evident—so that they present them black boots.

Whereas we should always nonetheless assist customers navigate to a extra particular class (if attainable), we all know exhibiting a listing of black boots for them to buy will fulfill their necessities.

Key parts for classes

Your typical class web page is easy and appears just like the PLPs I’ve simply described. They’ll possible have:

  • An H1.
  • A piece below the H1 with some intro copy.
  • A listing of merchandise, possible with pagination.
  • Faceted navigation to assist customers filter the merchandise.

Nonetheless, there are much more parts you may embody to assist customers and search engine optimization on each PLPs and CLPs.

Right here’s a mockup of the important parts it’s best to think about for each varieties of classes that each customers and search engines like google will love.

Critical elements of a category page (mockup)

I’ll now broaden on the above factors all through the remainder of the article that will help you enhance your class pages.

On this state of affairs, useful content material will assist the person make a buying determination.

If in case you have an “engagement ring” class, writing about the historical past of engagement rings isn’t useful.

Priceless supplementary content material on this state of affairs shall be answering questions like:

  • How have you ever sourced your diamonds/metals?
  • Are your diamonds lab-grown or pure? 
  • Why did you choose these? Metals obtainable? What makes yours higher?
  • What’s the most well-liked type?

You’ll be able to briefly reply key ache factors beneath the H1, often in round 30–60 phrases. However then it’s also possible to add additional data decrease down the web page, both in a generic content material block or an FAQ part.

Where to add helpful content on a category page

Not solely is this convenient for a person, but it surely additionally helps you rank.

In an interview with Marie Haynes, Google Search Advocate John Mueller mentioned:

When the ecommerce class pages don’t have some other content material in any respect, apart from hyperlinks to the merchandise, then it’s actually laborious for us to rank these pages.

John Mueller

Google wants some content material to grasp the web page’s content material, and customers who don’t know your model want one thing to assist them determine whether or not you’re your best option.

So we all know invaluable content material helps. Nonetheless, that is generally taken to the intense, leading to a considerable amount of content material that no person will learn beneath the fold.

One of many worst offenders is eBay, with many pages together with over 1,000 phrases of textual content positioned on the backside of the class.

Too much "helpful content" from eBay

In the identical interview, John mentioned this about that apply.

I’m not saying all of that textual content on the backside of your web page is dangerous, however possibly 90%, 95% of that textual content is pointless. However some quantity of textual content is helpful to have on a web page in order that we will perceive what this web page is about.

John Mueller

So it’s possible not serving to. However is it harming? The reply is probably going—sure.

Our algorithms generally get confused once they have a listing of merchandise on high and basically an enormous article on the underside when our algorithms have to determine the intent of this web page.

John Mueller

Nonetheless not satisfied about eradicating the content material? 

Right here’s a case research.

On the finish of June 2021, I completed a four-week rollout of recent class web page content material. 

I up to date 191 pages with 70 phrases of content material above the fold. Beforehand, as much as 800 phrases had been above the fold, hidden by a “learn extra” toggle.

Right here’s the site visitors for the next weeks (“A” marks the purpose the rollout completed):

Traffic weeks after removing excessive content

Listed below are some snapshots of the rating for key phrases on the highest site visitors pages. Every of those moved from 800 phrases to round 70 phrases (they beforehand had been instructed extra content material equals higher, so that they added extra content material to their high pages). 

Rankings after removing content

Right here’s the fifth-largest, non-brand question: 

Fifth-largest, non-brand query—rankings after removing content

And right here’s the sixth-largest, non-brand question:

Sixth-largest, non-brand query—rankings after removing content

And the long-term affect? 

The location has been steadily rising.

Long-term impact of removing content

There may be by no means one single motive for search engine optimization progress—however this transformation actually did no hurt.

As all the time, do your personal testing. However my expertise and feedback from John have proven that filler content material on classes doesn’t assist.

To summarize class content material: 

  • Reply questions that assist customers make buy selections
  • Reply questions succinctly
  • Don’t stuff content material

2. Set up classes logically

Most e-commerce options present a method so that you can set guardian/little one relationships between classes.

Right here’s an instance of that performance for a WooCommerce product class:

Parent category function in WooCommerce

Organizing your classes right into a logical hierarchy ends in your web site outputting breadcrumbs accurately; right here is an instance on my search engine optimization Toolbelt useful resource:

Organizing your categories into a logical hierarchy results in your site outputting breadcrumbs correctly

Breadcrumbs assist customers by indicating the place they’re in your web site, and so they help search engine optimization by distributing PageRank to the classes inside the breadcrumbs.

Additionally they assist Google, because it makes use of inside hyperlinks to grasp web site construction.

We do use the inner hyperlinks to higher perceive the construction of a web page.

John Mueller

Nonetheless, breadcrumbs are one thing a number of UX professionals are reluctant to introduce, often as a result of they:

  • Take up a lot of room.
  • Are usually fairly ugly.
  • Promote customers to navigate to classes relatively than merchandise the place they’ll convert.

The excellent news is that breadcrumb placement doesn’t matter for search engine optimization.

I’m all the time cautious about introducing breadcrumbs, as expertise has proven UX consultants are proper. Each time I’ve shoppers run an A/B check, breadcrumbs have negatively impacted conversion charges.

Nonetheless, the workaround is easy: transfer breadcrumbs decrease down the web page.

3. Internally hyperlink classes

On each CLP and PLP pages, it’s best to make sure you’re linking to different related classes the person could discover useful. On e-commerce websites, I advocate for a mix of automated inside linking and manually positioned hyperlinks.

Automate hyperlinks to guardian/little one classes

For giant e-commerce shops, with out automation, managing hyperlinks shall be an admin nightmare.

Take GetYourGuide, for instance. On its “issues to do” on the U.S. web page, it has a block of inside hyperlinks decrease down the web page to totally different areas within the U.S.

Regions in the U.S.—automated internal links

If we head to Colorado, scroll right down to the identical space. Now, it shows cities.

Cities in Colorado— automated internal links

When you go to Boulder, you’ll see hyperlinks to exercise classes.

Things to do in Boulder—automated internal links

It most undoubtedly automates these hyperlinks.

How? The location understands the guardian/little one relationship between classes. That’s the way it may show static breadcrumbs above the footer.

Static breadcrumbs above the footer generated automatically

It’ll be dynamically querying a database for the kid pages of the present web page after which displaying these to customers.

Site structure: source of automatically generated breadcrumbs

The explanation why that is so helpful is that:

  • You understand you gained’t get orphan classes attributable to a human error.
  • In the event you create a brand new subcategory and set the guardian class, the guardian class will hyperlink to the subcategory mechanically.
  • Your inside hyperlinks will all the time point out your web site construction, e.g., Google will perceive that Louisiana is a subcategory of the U.S. class, as you hyperlink to Louisiana in your U.S. web page.

One other appreciable profit is that you just’ll mechanically create a pyramid web site construction, the place broader pages hyperlink to extra particular ones.

Pyramid site structure

We all know this helps Google perceive web site construction, as confirmed by John.

The highest-down method or pyramid construction helps us much more to grasp the context of particular person pages inside the web site.

John Mueller

Automate hyperlinks to comparable classes

Much like the above, you’ll additionally need to hyperlink comparable classes. You’ll be able to automate this, but it surely doesn’t go well with each web site.

Again to the Boulder web page on GetYourGuide, it additionally hyperlinks to different standard cities.

Automated links to similar categories

For these hyperlinks, will probably be querying a database, getting the guardian class of the present web page, after which itemizing the mother and father’ little one pages.

Two-step process of querying a database for parents' child pages

Subcategories of the guardian are possible related to the present web page, which can assist customers discover different pertinent classes and assist search engine optimization by sharing PageRank between them.

Manually hyperlink standard classes

You’ll now have a very good baseline for inside linking. However it’s additionally important to take editorial management of hyperlinks, particularly on CLP pages.

Generally, you may have a excessive search alternative web page deep inside the web site hierarchy, so counting on guardian classes linking to little one classes can lead to “excessive alternative” classes being too deep.

Subsequently, it’s essential to additionally make sure you manually add hyperlinks to standard/necessary classes to pages nearer to the homepage, resembling your CLP pages.

Manually add links to popular/important categories to pages closer to the homepage, like your CLP pages

4. Pagination and linking to merchandise

A basic objective of classes is to hyperlink to merchandise, however there are a number of nuances on how to do that greatest.

Hyperlink to standard merchandise

For bigger shops, prioritizing linking to standard merchandise is commonly higher than linking to all merchandise with pagination.

Take Sports activities Direct within the U.Ok., for instance. On its broad CLP pages, relatively than linking a lot of merchandise, it contains hyperlinks to solely its greatest sellers.

Links to popular products

That is useful for customers and in addition consolidates PageRank into these URLs, enhancing how nicely they rank.

PageRank of one distributed to four pages

Doing it is a significantly better choice than linking to extra merchandise (however ones which are much less standard), which ends up in the favored traffic-driving merchandise receiving much less PageRank and rating worse.

PageRank of one distributed to 10 pages

Think about view-all pages

When you ought to intention to hyperlink to standard merchandise for pages greater up in your class hierarchy, as you get deeper into the location, customers are inclined to need to see as many merchandise as attainable.

Typically, one of the simplest ways to realize that is by utilizing view-all pages, which is one thing Google discovered customers choose (albeit again in 2011).

Google prefers view-all pages

The principle caveat with a view-all web page is that customers need quick load instances (as talked about in Google’s view-all article), and Core Net Vitals can affect rankings.

View-all pages can impact site speed

In the event you’re going to implement view-all pages, think about that it’ll trigger PageRank to be diluted between all of the pages you hyperlink to from that class.

Don’t go overboard with pagination

You don’t want to indicate all of your merchandise inside your pagination.

As a substitute, hyperlink to extra particular variants of the present class, particularly when you can match that to look demand (extra on that shortly).

For instance, on ASOS, its “girls’s attire” class has 176 pagination element pages.

Long pagination on ASOS website

Each time it hyperlinks to a “girls’s gown” element web page, it dilutes PageRank. This successfully causes ASOS to lose some PageRank to deep element pages which are most unlikely to rank.

Somewhat than linking to 176 element URLs, it may restrict the pagination and consolidate PageRank into different extra particular classes by linking to them as an alternative.

Usually, this may also be helpful for UX.

If a person reaches web page #20 of your pagination, you possible want to assist them refine what they’re in search of—possibly by linking to “girls’s gown” classes by kind or coloration—as prompt by John.

When creating your pagination technique, it’s best to think about whether or not sequential linking like ASOS or linking to a number of element pages is the higher selection.

Sequential linking causes the primary set of element pages to have stronger indicators, which can outcome within the product pages they hyperlink to additionally having stronger indicators, as confirmed by John.

In the event you hyperlink sequentially, what is going to typically occur is the primary web page of your web site can have lots stronger indicators within the sense that your predominant content material hyperlinks to the primary web page, after which it type of like incrementally drops and drops and drops because it goes via the pagination set.

John Mueller

Subsequently, if you need rating indicators to be unfold throughout all merchandise in a class, hyperlink to extra element pages. If you wish to consolidate indicators into merchandise earlier inside pagination, hyperlink to fewer.

Aren’t positive which method it’s best to take? Do some testing!

5. Create long-tail classes

A well known tactic to enhance your classes is to create long-tail, extra particular variations of broader classes.

Right here’s my favourite method of doing that utilizing Ahrefs’ Key phrases Explorer.

First, enter the question a broader class is concentrating on, e.g., “engagement rings,” and seek for it within the software.

Keyword research starting from a broad category in Ahrefs' Keywords Explorer

Subsequent, head to the Matching phrases report.

KD for "engagement rings"

Within the second left sidebar that now seems, click on “Mother or father Matters.” This may group key phrases with comparable search outcomes into the best quantity key phrase.

Long-tail variants for "engagement rings"

We’ve now found many long-tail variants of our “engagement rings” pages that we will create on our web site.

By creating pages concentrating on these queries and higher overlaying the subject space of “engagement rings,” we’ll rank higher for broad queries inside that matter. 

SEOs usually consult with this as “matter experience”—and we didn’t make this up.

John confirmed it’s a part of Google’s algorithms.

It’s one thing the place if we will acknowledge that this web site is de facto good for this broader matter space, then if somebody is trying to find that broader matter space, we will attempt to present that web site as nicely. We don’t need to purely deal with particular person pages, however we’ll say oh, like, it appears to be like such as you’re in search of a brand new laptop computer like this web site has a number of data on numerous aspects round laptops.

John Mueller

Wish to know extra? Learn Ahrefs CMO Tim Soulo’s information on the long-tail key phrase technique. 

6. Choose a faceted navigation technique

A important factor that may go mistaken on class pages is the way you take care of faceted navigation (also known as “filters”).

Right here’s an instance of 1 on the Nike retailer:

Faceted navigation example

I like to recommend studying my faceted navigation information for all the main points, however the main search engine optimization concerns are to:

  • Prohibit crawling – Do make sure you forestall Google from crawling all aspect hyperlinks (as there will be hundreds of thousands of potential mixtures, losing your crawl price range).
  • Stop indexing of low-value aspects – In the event you don’t, Google can index tons of of hundreds to hundreds of thousands of basically duplicate pages that aren’t helpful for search.

In the event you’re going for a super implementation, you’re going to need to:

  • Apply aspects client-side with AJAX, and don’t embody <a href> hyperlinks.
  • Present alternate crawl paths to necessary aspects you need to be listed.

This matter is undoubtedly a technical one—and one you’ll need to get proper. So I like to recommend you learn my information so that you don’t simply forestall search engine optimization points with aspects however benefit from the advantages. 

Knowledge from Reevoo suggests constructive evaluations lead to an 18% uplift in income on common—so that they’re fairly necessary.

Many websites prohibit evaluations to product pages, however they’re additionally nice to incorporate in classes.

Fanatical is a good instance, an e-commerce retailer promoting Steam Keys for PC video games.

Reviews on a category page

It contains suggestions from different avid gamers all through its classes.

This provides distinctive content material to classes and helps customers discover well-reviewed video games. Crucially, well-reviewed video games (which usually tend to convert) get extra PageRank and rank higher.

8. Helpful guides and instruments

As talked about, one factor usually missed in classes is that it’s best to present content material to assist customers make a buying determination.

Whereas including written content material to the web page helps, it isn’t meant to be overly detailed. That is why you also needs to hyperlink to in-depth guides.

Take Sephora, for instance. Its CLPs have hyperlinks to guides to assist customers determine on a product.

Guide on a category page

For search engine optimization, this additionally helps the weblog posts rank, as they’ll obtain extra PageRank. Additionally, it helps Google higher perceive your matter experience, as you’ve gotten a lot of interlinked content material.

9. Choose an optimum URL construction

There may be loads of recommendation on URL construction already obtainable, however the primary factor to think about is to choose a format you gained’t want to alter.

John said that URLs are identifiers for content material.

For probably the most half, we deal with URLs as identifiers of content material.

John Mueller

Altering URLs (and redirecting them) is commonly deemed dangerous exercise—you may’t make certain how lengthy it’ll take Google to consolidate indicators into the brand new URL.

Subsequently, it’s greatest to not change URLs until you’ve gotten a very good motive (such as you’re rebranding).

Stopping URL adjustments for classes comes right down to retaining them easy and pre-planning.

For instance, you could inform your builders to construction URLs based mostly on the guardian/little one relationships between classes:

  • www.instance.com/mens/
  • www.instance.com/mens/trainers/
  • www.instance.com/mens/trainers/white/

However what occurs when you change your web site hierarchy?

Say the enterprise begins promoting boots. You’ll possible need to introduce a “Footwear” class into the hierarchy because the guardian of the “Trainers” web page and the brand new “Boots” web page.

Your URLs will now change to be:

  • www.instance.com/mens/
  • www.instance.com/mens/footwear/
  • www.instance.com/mens/footwear/trainers/
  • www.instance.com/mens/footwear/trainers/white/
  • www.instance.com/mens/footwear/boots/

We’ve now simply brought on redirects for the “Coach” URL and any subcategories it had.

Herein lies the problems with hierarchical structured URLs.

However what’s the answer?

Preserve them so simple as attainable to cut back the necessity for adjustments. 

Right here’s an instance: If for the “white trainers” URL above, we instruct builders to take the very top-level class (which is much less prone to change) after which embody the final class, the URL shall be this: www.instance.com/mens/white-trainers/

Now, if any of the guardian classes of the white coach’s class change, it gained’t affect the URL however will nonetheless have an effect on the breadcrumbs.

However wouldn’t it’s higher to take away the construction and have a flat URL like this: www.instance.com/mens-white-trainers/?

My private expertise right here is that structured URLs affect rankings, regardless of what Google mentioned on the subject.

Right here’s a current instance: 

Structured URLs impact rankings, as shown in line graph

This uplift solely impacted the modified URLs. We altered nothing else however noticed an instantaneous affect.

Take a look at this your self. But additionally, as I’ve talked about, altering URLs is dangerous.

Fortunately, for my above instance, we didn’t want to alter too many URLs, and the income threat to the enterprise wasn’t important vs. the reward I’d had doing this for different shoppers.

I’m not writing a key phrase analysis article, and it’s good to begin there earlier than you determine on H1s and title tags. However the recommendation right here is that it’s best to use H1s and title tags in your web site that match the language customers use to search out your product.

For each H1s and title tags, it’s best to check and be taught what works greatest in your web site. However there are some basic guides and issues you may strive out.

Use templates

Usually, it would be best to have a templated title tag construction that intently matches your H1. 

Why?

Ahrefs knowledge exhibits Google will rewrite your title tag in 33.4% of circumstances after altering the way it created web page titles in August 2021.

Google was more likely to rewrite titles in September 2021 than in June 2021

When Google rewrites your title tag, Ahrefs knowledge exhibits Google will change it to your H1 tag 50.76% of the time.

When Google ignores titles, it uses H1s

One of the simplest ways to make sure you have a title tag that Google gained’t rewrite is by templating it so it’s generated based mostly in your web page’s H1. 

Right here’s an instance: [Page H1] – [Brand Name].

Chances are you’ll need to add some selection to the web page title, however what works greatest comes right down to testing.

Take a look at, check, check

There are numerous totally different exams you may run to see what works greatest for you; listed below are some examples:

  • Use dashes (-) over pipes (|)
  • Embody a value – [Page H1] ranging from X – [Brand name]
  • Add “Purchase” firstly of your title tag – Purchase [Page H1] – [Brand name]
  • Add secondary key phrases – [Page H1] – [Secondary Keyword] – [Brand Name]

You’ll additionally need to think about how templates could fluctuate by size. Google is 57% extra prone to rewrite titles over 600 px.

Google was more likely to rewrite title tags over 600 px in September 2021 than in June 2021

In line with Google, lengthy titles are additionally a motive why it’ll rewrite those you add to your pages.

Google listing length as one of the reasons for rewriting titles

I’ve tackled this earlier than by individually customizing a template for an extended class title or utilizing totally different templates—relying on the size of the generated title tag.

You’ll be able to add a number of structured knowledge sorts to your class pages to assist Google higher perceive your content material and purchase wealthy outcomes.

The principle relevant sorts Google recommends in its search gallery are:

Including these will instantly affect your SERP snippet.

For FAQs, it enhances them by displaying the FAQs on the SERPs, which is the technique Journey Advisor takes.

FAQs coming from schema markup

For breadcrumb structured knowledge, Google exhibits the breadcrumbs on the SERPs. Right here’s an instance of Google doing that for Currys within the U.Ok.

Breadcrumbs coming from schema markup

You’ll be able to see the structured knowledge it’s added within the Schema Markup validator:

Schema code via Schema Markup validator

Outdoors of these two sorts, Google has no suggestions for product class structured knowledge.

However you don’t need to cease there.

On a “Search Off the Document” podcast, Ryan Levering (workers software program engineer engaged on structured knowledge at Google) answered whether or not structured knowledge past what Google recommends is effective (like what you could find on schema.org).

So it’s laborious to convey that in a few of our reporting and stuff that we really discover this [structured data] helpful as a result of it’s a nuanced calculation.

However when there’s issues detecting it [what the page’s content is about], we will use it as an additional sign.

So it’s often on the sting circumstances the place we discover that stuff helpful.

Ryan Levering

Whereas including additional structured knowledge must be a secondary focus, I are inclined to take the method of leaving as little for Google to determine as attainable.

The 2 predominant extra issues I’d think about including are:

As well as, it’s also possible to add mainEntity to CollectionPage and add the ItemList inside that. By doing this, you inform Google the primary a part of the web page is the record of merchandise, serving to it higher perceive that it is a class web page.

Right here’s a easy instance of what that may look like:

{

  "@context": "http://schema.org",

  "@kind": "CollectionPage",

  "mainEntity": {

    "@kind": "ItemList",

    "numberOfItems": "[number of products]",

    "itemListElement": [

      {

        "@type": "ListItem",

        "position": 1,

        "url": "[Item URL]",

        "title": "[Item Name]"

      },

      {

        "@kind": "ListItem",

        "place": 2,

        "url": "[Item URL]",

        "title": "[Item Name]"

      },

      {

        "@kind": "ListItem",

        "place": 3,

        "url": "[Item URL]",

        "title": "[Item Name]"

      }

    ]

  }

}

PRO TIP

You’ll discover I haven’t talked about evaluation or product markup. E-commerce shops usually add this markup to class pages—and also you shouldn’t.

For evaluations, Google mentions explicitly within the technical pointers to not add evaluation markup if the primary content material is a class itemizing gadgets.

Google advises not to use review markup on product category pages

It supplies the identical instruction for product structured knowledge.

Google advises to use markup for specific products rather than categories or lists

Remaining ideas

There’s lots to think about to make glorious class pages for search engine optimization. However hopefully, this information has made that course of extra painless.

Obtained a query about optimizing e-commerce classes? Tweet me.

(Visited 7 times, 1 visits today)