Rich Result SERP Feature

Popular Products SERP Feature

A complete guide for implimenting the Popular Products SERP feature.

What are Popular Product SERP features?

Popular Product features are considered upgrades to the traditional blue link in the SERP.

See more screenshots

Potential benefits

  • Rise in search rankings
  • Build brand recognition
  • Increase click-through-rate

Implement schema markup

Website owners, marketers and SEO professionals can greatly increase their chances of getting a rich results for their webpages by implimenting schema markup.

See schema examples

We created a schema markup generator specificaly designed for triggering rich results. Try it!

Schema generator
  • Product Name
  • Product Image
  • Price
  • Product Description
  • Seller/Retailer Information
  • User Ratings and Reviews
  • E-commerce Retailers
  • Brands
  • Local Retailers
  • Affiliate Marketers
  • Review Sites
  • Aggregators
  • Marketplace Platform
Obtain-ability:
Deprecated
Low
Moderate
High
Near Certain
Likelihood of acquiring

Screenshots

Desktop
Screenshots
Mobile
Screenshots

The SERP feature is only shown on desktop devices.

No items found.

The Popular Product SERP feature is only shown on mobile devices.

No items found.

More tips on getting

  • 1.

    If you have an e-commerce website, create a structured product data feed that includes detailed information about your products, such as titles, descriptions, prices, and availability. This data feed is often used by platforms like Google Merchant Center.

  • 2.

    Use high-resolution and visually appealing images for your product listings. High-quality images are more likely to attract users' attention and generate clicks.

  • 3.

    Optimize your product titles and descriptions with relevant keywords. Use specific, descriptive keywords that align with what users are searching for.

  • 4.

    Encourage customers to leave reviews and ratings for your products. Positive reviews and high ratings can make your products more appealing to potential buyers.

  • 5.

    Organize your products into relevant categories and provide detailed attributes that help accurately categorize and describe them.

schema generator

Getting the SERP feature depends on several factors. The #1 best action you can take is to leverage the schema generator.

Try the generator

JavaScript framework

The schema generator is run on a simple JavaScript framework that converts basic/consolidated information into a more extensive, feature-rich and validated JSON-based schema snippet. If you understand code, feel free to utilize this. If you're unfamiliar with how to utilize this, but work with a developer, email them this code snippet.

Features

Benefits

  • Consolidate & simplify input fields
  • Label & link entities by relationships
  • More detailed & cleaner code
  • Automatic smart validation
  • Prioritize specific, yet capture relevant values

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Input Data

Event Framework

JSON Result

Validation

The utilization of this JavaScript/JSON-LD framework is dependent upon a specific input data structure.

This is the actual code framework that utilizes the custom data structure.

This is the resulted JSON that the framework produces.

This is an example of Google validating the output with their rich results test.

News on

No items found.

More on schema markup

schema.org logo

Official Schema docs

Schema.org is the official home for schema markup. All other schema-related resources and tools (including Google's structured data documentation) are built on top of it. This resource outlines how to construct and utilize for all markup types, "" included. The links below are go to the schema.org homepage, and the official "" schema page.

Google Search Docs logo

Official Google docs

Google looks for only specific schema.org itemtypes when implimenting advanced SERP features for webpages. The links below go to Google's main structured data page, and what they look for when considering a webpage for the "Popular Product" SERP feature.

NOTE: Google looks for utiliziation the official schema.org/ itemtype when constructing rich results.

Follow the rules of schema markup

Like other aspect of web content, Google offers structured data guideline on how to deploy structured data correctly. Google mentions aspects of code index-ability, content, relevance, completeness etc. Google is generally very keen to spammy tactics, so we'd recommend giving this a once-over if you are not previously familiar.

Schema markup in different CMSs

CMSs of all types (such as: WordPress) have the ability to implement schema markup. If you haven't yet implemented schema markup on your website, check out these guides.

WordPress

Webflow

Wix

Types of schema markup for

The exact code structure of every and the schema type it uses will vary depending on the amount, and type of info related to it. There are 2 primary ways to implement schema markup. From the perspective of Google, there is no affective difference.

JSON-LD schema markup

JSON-LD docs

Google recommends the JSON-LD method to consolidate schema in 1 place, as it might be more maintainable, and less error-prone.


Microdata schema markup

Microdata docs

Instead of using JSON, microdata attaches attributes to existing HTML tags. The vocabulary is the same.

Microdata may be best for developers who:
  • Are experienced in working with schema markup
  • Manage large scale dynamic and/or conditional rendering

Popular Product 1


Description of Popular Product 1.




Example Brand




Popular Product 1 Image







Example Seller







Popular Product 2


Description of Popular Product 2.




Example Brand




Popular Product 2 Image







Example Seller





Test & validate your schema markup

Schema.org's validator

The official schema.org validator checks for recognized vocabulary, syntax, and value formatting (such as date formats, url formats, etc)

  • Schema.org vocabulary
  • Syntax
  • Value-type validation
Schema.org validator

Google's rich result test

Google's rich result test checks for schema.org vocabulary, syntax and value formatting. Google rich result test also checks if Google approves of the structured data.

  • Schema.org vocabulary
  • Syntax
  • Value-type validation
  • Google-approved SERP assets
Rich results test
⬇️ Test a URL ⬇️
https://www.jakelabate.com

Monitoring schema with industry tools

The Schema.org Validator is great for checking structure as well as both Google and non-Google recognized schema types, however Google's Test will check the syntax, as well as the missing of mandatory fields, the missing of optional fields as recognized by Google.

In Google Search Console under the "Enhancements" tab, you will see a list of schema types Google has recognized on your website (you may not see the tab if Google has not detected any schema on your site).

Google Search Console 'Enhancements' screenshot
Google Search Console 'Enhancements' screenshot

Google is known to detect schema both over a period of time (few days to a few weeks), and incompletely (as far as being displayed in Google Search Console), so be patient.

Here you will see the schemas detected by Google that have "Errors" (not showing in SERP), ones that have "Issues" (showing in SERP under some circumstances), and "Valid" (fully approved by Google). If an item has as an "Error" or an "Issue", you will be able to see when it was detected, as well as the type of problem Google is detecting with it. Once you have believed you have solved the issue in your schema, republish your site, and click "Run Validation" to confirm the problem is resolved. It may take a few days or a week for Google to confirm.

More on SERPs

Related Rich Result SERP Features

Full SERP features list!

Leverage our 50+ schema markup generators and get key tips on how to acquire each SERP feature.

See all 50+ SERP features

Try the SERP simulator!

Simulate the SERP appearance of your webpages based on implemented metadata and schema markup.

Try the SERP simulator