Rich Result SERP Feature

Web Stories SERP Feature

A complete guide for implimenting the Web Stories SERP feature.

What are Web Story SERP features?

Web Story 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
  • Story Thumbnails
  • Titles
  • Carousel or Grid Display
  • Story Descriptions
  • Author Information
  • Engagement Metrics (e.g., Views, Likes)
  • Next Story Suggestions
  • Publishers
  • E-commerce Businesses
  • Travel and Tourism
  • Food and Recipe Blogs
  • Fashion and Beauty Brands
  • Entertainment and Events
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 Web Story SERP feature is only shown on mobile devices.

No items found.

More tips on getting

  • 1.

    Web Stories are designed for storytelling. Use a clear and engaging narrative structure to convey information or tell a story related to your topic.

  • 2.

    Emphasize high-quality visuals, including images, videos, and animations, to make your Web Stories visually appealing. Visual content should be relevant to the story.

  • 3.

    Ensure that your Web Stories are mobile-friendly, as many users access content on mobile devices. Test your stories on various mobile devices to ensure they display correctly.

  • 4.

    Web Stories should load quickly. Compress images and use efficient coding to reduce load times.

  • 5.

    Keep Web Stories concise and to the point. Users should be able to consume the content in a short amount of time.

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 "Web Story" 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

Example Web Story Title


This is an example Web Story description.














Example News








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