Sign up for our newsletters and digests to get news, expert articles, and tips on SEO
Enter correct email address
Thank you for subscribing!
4 comment
31 min read
Jul 28, 2021

Content is more than just a blog post or a landing page. First of all, there are many types of it: from product descriptions and tutorials to announcements of upcoming events and job postings. Sometimes it’s not such an easy task for a search engine to identify what kind of content you want to showcase. That’s why including structured data is the principal step to helping web crawlers successfully complete this task. 

Structured data is a unified code that describes information on a page. Let’s say, you have a website with product listings. In this case, structured data markup will point search engines to a product description, price, availability of products, user reviews, and ratings. In case of a scheduled event, you can specify the date, venue, program, ticket prices, and other details. Each content type has its own individual elements.

To mark up a page, you have to add special attributes to the HTML code. Unlike the contents of  HTML tags , which users can see on their screens, structured data is hidden from the users’ eyes. However, search engines can understand the markup language and easily recognize page elements, correctly interpret the content, and display additional information about the page, product, and company in the SERPs. 

Why use structured data

We have already mentioned the main reasons for marking up pages—it helps search engines better understand the content and makes your site stand out in the search results. Let’s take a closer look at all the benefits of using structured data.

  • Structured data organizes content for search engines

If the page contains structured data, Google, Bing, and Yahoo! will analyze its content more efficiently and provide a richer browsing experience for users. Your site will appear in search results for very narrow queries, for example, when users look for prices, reviews, and so on. 

  • Structured data helps adjust the page to voice search

If the page indicates what type of content it contains—for example, tutorial, news, or recipes— Google Assistant will display this content for voice queries, such as “show news”, “answer a question”, “find a recipe”, and others.

  • Structured data helps a website stand out in the SERPs

Search results that contain additional information aside from the title and the description are called rich snippets . These extended results, which may include an image, rating, price, etc., are more eye-catching compared to standard results and lead to more clicks. It means that when your page appears as a rich snippet, it will have a higher CTR

A study shows that implementing structured data on a page increased the click-through rate by 51%.

rich snippets affect CTR

In addition to rich snippets, a page with valid structured data can appear as a Knowledge Graph as well as display additional information about images and videos. 

  • Structured data makes the snippet more attractive on social media

Structured data tells what information should be displayed in the post on social networking sites. If you want your post to include a title along with an image, use the Open Graph markup.

How pages with structured data appear in search results

Thanks to structured data, rich results can display a rating, an FAQ section, a search bar, calories (in case of recipes), book author, and many other features. Later on, we will analyze several examples of the most popular types of rich snippets and the corresponding structured data markup. We will also see examples of other specific search result features and enhancements. 

Structured data markup increases the chances of getting into the News, Images, Videos, Maps, and other sections.

Audit any page and identify SERP features errors and other issues

Let’s take a look at these categories and what type of markup to use in each case. 


Aside from the title and description, a snippet can contain an image, a publication date, or the last update. There are also different types of article markups, such as NewsArticle or BlogPosting. On the screenshots below, you will see how pages are displayed in the News section of Google, Bing, and Yahoo! as well as the markup code.

Article snippet on Google
Article snippet on Bing
Article snippet on Yahoo
Article markup code

Structured data type and features: With the NewsArticle data type , you can label the article’s headline, the cover image, the datePublished, the dateModified, and the publisher. The same data can be added to a blog article, but the markup type should be BlogPosting .

What the NewsArticle markup can do: A more comprehensive snippet with images will help users decide if they want to click on the link. 

Who should use it: News websites, blogs, and websites that have an Article category.


This structured data provides search engines with additional information about images. Such visual content is more likely to appear in the Images section of search results. 

In addition to the page URL, the result can include an image title, caption, product description, price, availability, brand, and other information. 

Airpods on Google
Image markup code
airpods yahoo
airpods bing

Bing and Yahoo! don’t display the same additional information as Google. Yet, adding schema helps them recognize a website’s data faster and thus prioritize these pages in search results.

Structured data type and features: To provide additional information about the image, use ImageObject data type . You can indicate the author and dateCreated, add a thumbnail and an image URL. If you want to see a product description next to the image, use the Product markup, which we will describe later.

What the ImageObject markup can do: It displays additional information about the image or a product in the Images section of the search results. 

Who should use it: Websites that want to appear in the Image Search.

Video rich results

In the same way, structured data will provide search engines with additional information about videos, making them eligible to appear in the Videos section of Google SERPs. Such rich snippets will have bonus information that is different from the standard description. It will feature a preview image, the date the video was published, the number of views, etc.

video google
video markup code

Unlike Google, Bing and Yahoo! don’t display short descriptions. Yahoo! only shows when the video was published, whereas Bing displays the video duration, date of publishing, and the number of views. Bing and Yahoo! have supported video schema markup for many years and recommend using it to provide more information about a page with an embedded video. 

video yahoo
video bing

Structured data type and features: With VideoObject data type , you can add the video title and description, the publishing date (datePublished), Thumbnail image (thumbnailUrl). 

You can also include duration, genre, rating (contentRating), director, cast, the expiration date, the number of views (interactionStatistic), what countries have access to this content (regionsAllowed), and other information. 

What the Video markup can do: The video is more likely to appear in the Video Search. Additional information will be displayed under the video link. 

Who should use it: Websites with mainly video content, such as streaming services, educational platforms offering video tutorials, sites with video guides. Keep in mind that for the majority of requests, the Videos section will prioritize videos from YouTube.

Rich snippets and other elements in the SERPs

Let’s move on to rich snippets. This feature is offered by every major search engine. Just like Google, Bing, and Yahoo! recognize rich snippets for many content types, such as reviews, recipes, products and offers, people, events, businesses and organizations, and others. Although, instead of calling this feature “rich snippets”, Bing describes it as “visually appealing, information-rich search results.”


When looking for a recipe, you will probably see a lot of results containing images, reviews, cooking time, calories, and others. Such rich results are supported by Google, Yahoo!, and Bing. 

recipe Google
recipe bing
recipe yahoo
recipe markup code

Structured data type and features: Recipe schema markup requires using two attributes—name and image. You can also add the preparation time (cookTime), the name of the person or company that created the recipe (author), the recipeCategory, the recipeCuisine, and so on.

What the Recipe markup can do: Such a snippet will display additional information about the dish and its preparation details. You can add a step-by-step cooking process or create a carousel with recipes. 

Who should use it: Recipe websites.


This snippet will appear when users search for a specific type of product, for example, “AirPods”, a brand, or a particular model, for example, “Apple AirPods headphones”. Following the link, the user gets to the product card or the Product category.

product markup code

Structured data type and features: Product data type must contain a name and one of the following attributes: reviews, aggregateRating, or offers.

You can also include an image, a manufacturer (brand or organization), a unique number (SKU), etc.

What the Product markup can do: The snippet will contain a price or price range for a product, its availability, rating, delivery terms, and so on.

Who should use it: Online stores and marketplaces.


When searching for a book, you will see the results containing an author, edition, language, book’s rating, its cost, and availability.

Book schema markup is supported by Google, Bing, and Yahoo!. 

book code

Structured data type and features: Book markup type is used for books and includes the book title (name), its author, bookEdition, extension (bookFormat), numberOfPages, aggregateRating, and price.

What the Book markup can do: It makes the snippet more visible and immediately provides the user with all the basic information about the book. 

Who should use it: Book stores, libraries.


When searching for movies, structured data markup will display its genre, duration, director, actors, budget. Most rich snippets of this type include user ratings.

movie code

Structured data type and features: Movie structured data includes the name of the film and its cover. Additional information may include director, movie release date (dateCreated), overall rating (AggregateRating), reviews.

What the Movie markup can do: Right in the SERPs, the users can see additional information about the movie rating and can decide whether to watch it or not.

Who should use it: Streaming platforms, film review websites.


This snippet includes the title and description of a course or a selection of programs from an educational institution. However, this rich snippet can show up only in mobile search results.

Course code

What the Course markup can do: It helps attract more students to a course or educational program.

Who should use it: Course providers, companies recruiting potential employees for internships, online directories of educational institutions.


JobPosting markup may contain basic information about the opening: job title, job details, region, address, the expiration date of the job posting. 

JobPosting code

Structured data type and features: With the JobPosting structured data, you can specify the date of publishing (datePosted), job title, company name (hiringOrganization), working schedule (workHours), estimatedSalary, employmentType, educationRequirements, and experienceRequirements.

What the JobPosting markup can do: It helps your website get into the Job Search on Google and attract more job seekers. Additionally, you will be able to invite more motivated candidates by allowing them to filter results by various criteria, such as job title, salary, or location.  

Who should use it: Employers and job search websites.


How-tos are the step-by-step instructions that can answer a user query right on the SERP. You can see such guides if your query begins with words “how to” or similar requests: “how to make a cappuccino” or “how to choose an avocado.”

howto code

Structured data type and features: HowTo walks users through steps, required tools (tool), materials (supply), totalTime, etc.

What the HowTo markup can do: It displays important information for the user in the snippet: the list of steps, time to complete a task, featured videos and images, etc. 

Who should use it: Pages that describe directions or tips. You can also apply this markup to how-to articles featuring workflows with illustrations.


If your page has a list of multiple questions with answers related to a specific topic, you can mark up your FAQs with structured data. Users will then be able to click on one of the questions and see the answer. These snippets usually take you to an FАQ page.

FAQs code

Structured data type and features: For a question box to appear under the snippet, use the  FAQPage data type with Question and Answer elements. Make sure each Question includes the full text of the question and each Answer includes the full text of the answer (acceptedAnswer).

The Answer structured data can include lists, subheadings, and links to other pages.

What the FAQPage markup can do: It can display an extended snippet, provide users with the necessary information in a concise form, and add links to other pages of the website.

Who should use it: The markup can be used in the Support and Help pages. The FAQPage type is used when the information belongs to the resource and is not part of user comments. 


This is a convenient and fast way for users to search your website from the SERP. Such snippets are usually displayed for branded queries, for example, “AirFrance flights”, “eBay smartphones”.


Structured data type and features: To make the search bar appear under the snippet, use the Website data type together with the SearchAction markup . The markup specifies the potential action (SearchAction), the query-input type, and adds a link to the site search (target).

What the SearchAction markup can do: Enables you to search for information on the site right from the SERP.

Who should use it: Large websites that have many categories, subcategories, and pages.


Like the Knowledge Graph, the event experience on Google is located on the right side of the SERP window. It helps people find and attend events in a particular region. Such a snippet contains the date, location, the list of participants, description of the event, ticket availability, and other data. 

Event code

Structured data type and features: To get your event on Google, use Event markup which indicates the name, the date of the event (startDate), and the location. Other attributes may include description, company name, performer, ticket purchase page (offers.url), endDate, etc.

What the Event markup can do: It allows creating an attractive snippet with photos and a logo, be displayed on Maps, inform more people about the event, and attract new participants. By the way, you can feature both offline and online events. 

Who should use it: Festivals, conferences, and other events. vocabulary and markup formats

You’ve probably noticed that all our examples of rich snippets and other search results link to . Following these links, you will see the guidelines and the lists with properties and descriptions for each markup type. vocabulary vocabulary is one of the main standards for semantic markup in HTML5 that Google, Yahoo!, and Bing use. This unified standard allows adding structured data to web pages and improving their appearance in the results of different search engines. 

For each type of structured data, different search engines have their own recommendations and guidelines.

See how to use structured data markup in Google and Bing Webmaster Tools .

There are three ways to use properties on a web page: with the help of microdata, RDFa, and JSON-LD.

In the first two formats, structured data is added to each tag that is visible to users. When using JSON-LD, a JavaScript notation is embedded in a      

// Type: Product          // The manufacturer code          // Item name          // photo1          // photo2          // photo3          // Item description       
      // Type: Offer          // Product page URL         // Item Stock Status: InStock              // Currency            // Price       
    // Type: aggregateRating            // All reviews            // Average rating       
  // Type: Brand          // Brand name       


RDFa is an HTML5 extension that stands for Resource Description Framework in Attributes. 

RDFa is usually embedded into both the head and body of an HTML page.

RDFa markup features

This format is mostly used together with the Open Graph to mark up pages for social networks. We will take a closer look at Open Graph later.

The visible content of the page is marked up with the following attributes: vocab, typeof, property, resource, prefix. Their features are described in Recommendations

Example. RDFa structured data snippet that might appear on a product page.

																									// script placed in the header of the HTML document
																									AirPods - Apple
																									// Title
  // Type: Product         
   // photo1         
      // The manufacturer code         
  // Item name   
  // Item description         
    // photo2         
  // Description of the brand           
  // Type: Brand             
  // Brand name           
  // The overall rating           
  // Type: AggregateRating             
  // All reviews          
  // Average rating           
  // Pricing and availability information            
  // Type: Offer             
    // Price             
  // Item Stock Status: InStock             
// Currency             
  // Product page URL            
   // Photo3       


JSON-LD stands for JavaScript Object Notation (JSON) and Linked Data (LD). In this case, the markup data is placed within the HTML document rather than around HTML elements (as with Microdata).

JSON-LD markup elements are put between .

Google recommends using the JSON-LD markup format because in some cases it is easier to structure code that is separated from the text, as with PostalAddress and Event data types. Such markup is more concise and easier to embed into an HTML document. Search engines can also read dynamically injected JSON-LD data, such as by JavaScript code or embedded widgets in your CMS.

Example: JSON-LD structured data snippet that might appear on a product page.

																									// script placed in the header of the HTML document
																									世界杯买球平台 (手机免费观看体育直播平台)_Seranking - All-in-one SEO software
																									// Title

Open Graph 

Open Graph is a microdata vocabulary developed by Facebook that generates page previews in a post. The main tags are now used for other social networks, like Twitter, Pinterest, and LinkedIn.

When creating a post, Open Graph markup displays the URL, title, and images of the page that you want to share. As a result, social media posts look more informative and attractive.

Open Graph markup
Open Graph markup code

For a complete list of Open Graph dictionary properties, check this guide . Also, note that this type of markup is often combined with the RDFa and other Schema-based formats.

How to mark up your web page

In order for your web page to be included in rich search results, follow these steps:

1. Create a page with structured data markup

2. Check the actual appearance in search results with the Rich Results Test .

3. Publish the page in the admin panel of the site and make it available for indexing by robots.

In the following sections, we will take a closer look at what tools will help you structure your web page and test it. In any case, before embedding structured data into your site, make sure to consider the basic search engine recommendations on how to properly mark up a page and what actions to avoid.

Requirements to the structured data markup

  • Structured data must match the overall context of the page.
  • The page must be accessible to robots with no restrictions in robots.txt file or HTML code ( noindex meta tag ).
  • Markup can be applied only to content visible to users.
  • Data types must have properties that are supported by the search engine.
  • The markup should not mislead users. It must not post spam or include content prohibited by law.
  • The content of the elements must comply with the guidelines and approved standards. For example, the JobPosting data type can be used if the job is posted on the page and this posting is unique. 

Consequences of markup mistakes

When the structured data on the pages do not comply with the rules of the search engine, the site may be penalized. You can easily check if your site is clean from any penalties by checking the Manual Actions report in the Google Search Console (GSC).  

Here are some of the structured data examples that may lead to manual actions: 

  • Job posting not hiring.
  • Can’t submit application on job offer page.
  • Page content does not match structured data. 

The complete list of violations is provided in the User Manual .

If you were notified of one of these issues, you must fix it following all the recommendations and then submit a reconsideration request in the GSC.

Ways to mark up your web page

Let’s take a look at several ways to structure HTML code.


This Google tool allows you to mark up selected elements on a page. With it, Googlebot recognizes its content more accurately.

To use the tool, you need to select the markup data type (Articles, Products, Movies, Events, etc.), specify the page URL or HTML code. Then, select fragments of the page, assign values to them, and click Create HTML. Learn more about how to use Google Markup Tool

Google Markup Tool

The finished code must be added to the page through the site’s admin panel or directly to the HTML file.


CMS developers provide special software that structures the code. For example, All In One Schema Rich Snippets and Markup (JSON-LD) structured in modules are used in WordPress; Microdata and extensions are used in Drupal; Google Structured Data is for Joomla.

CMS plugins

Other markup generators

There are alternative services for structuring the code, for example, Schema Markup Generator , Schema Markup Generator (JSON-LD) , and others.

Other markup generators

How to test and preview your structured data

Let’s review some services that will help you test the structured code. 


This is a free online service that allows testing the page with structured data by entering its URL into the Fetch URL box. You can also check the marked-up code by clicking the Test code button. 

If the markup was implemented correctly, the notification “Page is eligible for rich results” will appear on the screen. It will also show you the structured elements found by the system and how they are displayed on the device screen.

Test code

Even after the deployment, you can monitor the health and performance of your pages using Google Search Console. It will show whether you get impressions and whether any mistake has crawled into the code. You must verify your site to access Search Console statistics and tools using one of these methods

You can enter the page address into the Test Your URL field, and the Improvements section of the report will display the types of rich results the search engine supports, for example, Navigation bars, Question and Answer page, Events, Products, Recipes, Reviews, Job Postings. Keep in mind that some structural elements of the page may not be included in the report.

Bing Markup Validator

Bing Markup Validator is a part of Bing Webmaster Tools that helps check if structured data was correctly implemented on a website. Whether you are using HTML Microdata, Microformats, RDFa,, and OpenGraph—the Bing report will show the code from the scanned page. 

Bing Markup Validator


There are alternative platforms for testing your code. For example, validator , where you can test structured data for the Article and Product categories.

Test structured data

How to view structured data markup of other sites

If you see good examples of rich snippets of other sites, you can check their markup details and apply the same to your website.

To see the HTML code of a page, follow the snippet and press Ctrl+U or Command + option + U (for Mac) . To quickly find the tags in the code, use markup-specific snippets, like schema, JSON; or a data type, such as Product.


Structured data can be a major SEO boost if used properly. It is an effective way of communicating with search engines and helping them quickly understand the page content and better represent your website in SERPs. 

To markup your site, you need to:

  • Choose a structured data format: Microdata, RDFa, or JSON-LD.
  • Pick the dataset available for your content.
  • Mark up your page using the methods described in this article.
  • Test and preview your structured data. 
  • Update the page code and make it available to search engines.
  • Track the page performance in Google Search Console.

We hope you’ve enjoyed reading this article and learned a bit about structured data and schema markup. 

Before you go, let us know in the comments how you use structured data for your company’s website.

Subscribe to our blog

Sign up for our newsletters and digests to get news, expert articles, and tips on SEO

Thank you!
You have been successfully subscribed to our blog!
Please check your email to confirm the subscription.
comments 4
  1. Great article, thank you for sharing it!

    1. You’re welcome 🙂

  2. I am a total beginner in this. I want to start a food blog and definitely want my recipes to show up as rich results. Now I see how to do it, thank you!

    1. We’re glad to help, Amy! Good luck with your blog:)

Write a comment

Your email address will not be published.