How to Use Rich Snippets in WordPress

Do you wish to incorporate rich snippets into your WordPress website? If you’re not sure what rich snippets are or why you should utilize them on your WordPress site, keep reading. Rich snippets allow you to create bespoke search results for specific types of material, such as reviews, recipes, and events. We’ll show you how to use rich snippets on your WordPress site in this article.

How to Use Rich Snippets in WordPress

What Are the Benefits of Using Rich Snippets on Your WordPress Site?

Site owners can use rich snippets to communicate with search engines in a new way. Search engines can see different types of material on your site thanks to structured data, and they can employ rich snippets to offer more information in search results.

A recipe in the search results with data from rich snippets

This added information in search results increases the visibility of your listing, resulting in more organic traffic to your site.

It also aids in the development of authority in your niche, as your site gets more visible in search results.

Rich snippets are useful for more than just reviews and recipes. Rich snippets can be used for events, products, people, video, audio, apps, articles, and blog posts, among other things.

Let’s look at how to add rich snippets in WordPress now that you realize how valuable they can be.

We’ll teach you how to create rich snippets manually in WordPress and how to use a rich snippets WordPress plugin.

Using a Plugin to Add Rich Snippets to WordPress

Even for the most seasoned site operators, manually maintaining rich snippets can be tough. Fortunately, there are various WordPress plugins that make adding rich snippets to your WordPress posts a breeze.

The All In One Schema.org Rich Snippets plugin must first be installed and activated. To continue, click the Rich Snippets menu button in the sidebar after it has been activated.

All Schema.org content types are supported.

You’ll be able to see the many content types that the plugin allows you to produce. The following items are on the list:

  • Item Review
  • Events
  • Person
  • Product
  • Recipe
  • SoftwareApp
  • Video
  • Article

The fields that will be available while a user is writing a post/page or any custom post type can be viewed by clicking on any content type.

Now you must either create a new post or edit one that already exists. A new meta box labeled Configure Rich Snippet appears just below the post editor. You’ll find a drop-down menu inside where you can choose the content type for the article you’re working on.

To add rich snippets to a WordPress post, select a content type.

When you choose a content type, the rich snippet fields you’ll need to populate will appear. We picked the article content type in the snapshot below, which displayed the article name, author, short description, and article image fields.

Rich snippets for different types of article content

Change it to the recipe, event, or whatever form of content you’re making, and then fill in the fields. Although you are not obliged to fill out all of the fields, Google does require some of them in order to display rich snippets.

Remember to save your article to save the info from the rich snippets.

Adding Rich Snippets Manually in WordPress

Rich snippets, also known as structured data markup, can be produced in three different vocabularies in WordPress. Microdata, RDFa, and JSON-LD are the vocabularies in question. Any of these can be used on your website. RDFa, on the other hand, is more user-friendly for most newcomers.

In WordPress, here’s an example of a user’s about page. In most cases, the page’s text will look somewhat like this:

1
2
3
4
5
6
7
8
9
10
John Smith
<img src="johnsmith.jpg" alt="Photo of John Smith"/>
Support Technician
342 Acme Inc.
101 Washington Avenue
Eagleton IN 98052
(425) 123-4567
<a href="mailto:johnsmith@example.com">johnsmith@example.com</a>
Website:
<a href="http://www.example.com">example.com</a>

Rich snippets can simply be used to change this. If you’re familiar with HTML, the following example should be simple to comprehend:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div vocab="http://schema.org/" typeof="Person">
  <span property="name">John Smith</span>
  <img src="johnsmith.jpg" property="image" alt="Photo of John Smith"/>
  <span property="jobTitle">Support Technician</span>
  <div property="address"  typeof="PostalAddress">
    <span property="streetAddress">
      342 Acme Inc.
      101 Washington Avenue
    </span>
    <span property="addressLocality">Eagleton</span>,
    <span property="addressRegion">IN</span>
    <span property="postalCode">46818</span>
  </div>
  <span property="telephone">(425) 123-4567</span>
  <a href="mailto:johnsmith@example.com" property="email">johnsmith@example.com</a>
Website
  <a href="http://example.com" property="url">example.com</a>
</div>

There are several unique features that must be defined for each content category. Schema.org is a non-profit organization that works to keep the standards for various information kinds up to date. On their website, you’ll discover thorough documentation and examples for each content type.

Another recipe with rich fragments can be found here.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div vocab="http://schema.org/" typeof="Recipe">
  <span property="name">Mom's World Famous Banana Bread</span>
  By <span property="author">John Smith</span>,
    <img property="image" src="bananabread.jpg"
    alt="Banana bread on a plate" />
  <span property="description">This classic banana bread recipe comes
  from my mom -- the walnuts add a nice texture and flavor to the banana
  bread.</span>
  Prep Time: <meta property="prepTime" content="PT15M">15 minutes
  Cook time: <meta property="cookTime" content="PT1H">1 hour
  Yield: <span property="recipeYield">1 loaf</span>
  Ingredients:
  - <span property="recipeIngredient">3 or 4 ripe bananas, smashed</span>
  - <span property="recipeIngredient">1 egg</span>
  - <span property="recipeIngredient">3/4 cup of sugar</span>
  ...
  Instructions:
  <span property="recipeInstructions">
  Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add
  the flour last. Pour the mixture into a loaf pan and bake for one hour.
  </span>
</div>

If you want to manually add rich snippets to your WordPress posts, you’ll need to utilize the Text editor to create the necessary HTML. To determine which characteristics are necessary for a content type, you may need to consult Google’s Developer site on structured data.

Putting Your Rich Snippets to the Test

Google and other search engines may not pick up your rich snippets or display them in search results right away. How can you determine whether your site is using rich snippets correctly?

Simply go to Google’s Structured Data Testing Tool to get started. You may either paste your markup into the toolbox or enter a URL by clicking the Fetch URL option. When you click the Validate button, the tool will go over your markup.

Putting your rich snippet markup to the test

We hope that this post was useful in teaching you how to use rich snippets on your WordPress site.