Carousel Schema

Carousel Schema

The Carousel (Carusel) schema is utilized primarily by websites to present a collection of items in a Carousel format, often seen in search results as a visually engaging sequence of information cards. This structured data markup is a handy tool for grouping together similar items – like articles, recipes, products, or any other content – into one easy-to-scroll Carousel. Think of it as a way to neatly organize and showcase related items on your website, making them more engaging and easier for users to browse through at a glance. 

Implementing the Carousel schema involves providing structured details about each item in the Carousel. When a Carousel schema is added to a webpage, it specifies essential information about each item, such as titles, images, and descriptions, depending on the type of content being presented. This structured data markup is crucial for search engines to recognize and display the content in a Carousel format in search results, offering users a dynamic and interactive browsing experience.

For different types of content, the Carousel schema includes both mandatory and optional fields, tailored to the content type. Here’s an overview for a generic Carousel of items:

Mandatory Fields:

name: The name or title of the item in the Carousel.

image: Images representing each item in the Carousel.

Recommended Fields:

description: A summary or brief description of each item.

url: The URL of the detailed page for each item.

datePublished (for articles and blog posts): The publication date of the item.

author (for articles and blog posts): The author of the item.

While the mandatory fields are crucial for a valid Carousel schema, incorporating the recommended fields can significantly improve the user experience by offering more detailed insights into each Carousel item. This, in turn, can positively affect the content’s search rankings and visibility, making it more compelling and easier for users to discover and engage with the content.

A Carousel lets users swipe through a series of cards on mobile devices, each card representing different content like articles or products from the same website. This is called a host Carousel. To make your site’s content appear in such a Carousel, you should use Carousel structured data together with any of these supported types: Course List, Movie, Product or Recipe. This setup makes your content more engaging and accessible in search results.

The Carousel schema is versatile and can be customized to fit various content types, making it a powerful tool for webmasters aiming to showcase grouped content effectively in search results.

Note! The Carousel schema is also known as the Item List schema.

How to access Carousel schema using Rich Snippets

Access it from METAs – Rich Snippet – Carusel

Clicking on the “+” symbol will open up a panel where you can start editing and customizing your Schema Template.

A pop-up will appear

Add your data, a question and its answer.
Mandatory fields will have small red starlike symbol (*) added to them:

ItemList: This is the main schema type for your carousel. Each item within the carousel will be an element in this list.

Position – Will determine the position to where your schema will display once added, is indicated by a 1-based number, meaning the numbering starts at 1 rather than 0. The first item in the carousel would have a position of 1, the second item a position of 2, and so on. 

URL – Points to the specific page or resource where more detailed information about the item can be found. 

Note: Every URL in the list should be unique and on the same domain, including any subdomains or parent domains, as the page currently being viewed.

Schema type – Refers to the specific category or nature of the items being presented in the carousel, and indicates whether the carousel contains courses, movies, recipes, restaurants, or any other specific type of items. 

Add Item List element – Allows adding another item to your schema

Make sure to click on Save

With this you have a Carousel schema setup. All there is left to do is check it up and see if it works as expected. This is easier than you imagine, and Squirrly will help with the steps.

Verify Markup

After saving your changes, you can verify that the Carousel schema markup has been added correctly by viewing the page or post source code. Look for the JSON-LD markup representing the Carousel schema.

1. Click on JSON-LD Code – Validate JSON-LD

2. A new page / tab will open you will get you test code, click on TEST CODE

3. A small pop-up appears, and you will have to wait a few moments for the data to be processed
4. Once data is processed, you will be able to see your work, test it, share it and use it to enhance your work.

For further details, we recommend referring to the following resources
Carousel or ItemList Schema
Carousel (ItemList) structured data

The Squirrly SEO Patterns List