Post Image

How to Add Schema Markup to Your WordPress Site

A website owner’s top priority should be ensuring that search engines are able to properly index their site’s content. In order to make that happen, the site must be set up to follow Search Engine Optimization (SEO) best practices. If your site was built with WordPress, then you’re already off to a nice start.

WordPress is a SEO-friendly platform by default. Right out of the box it provides features like “pretty” permalinks and content hierarchy that make it easier for search engines to digest. You can also extend SEO capabilities through the use of plugins or even themes. In short, WordPress enables you to create a customized SEO strategy to match your specific needs.

Today, we’ll take a look at one area of SEO that is becoming vitally important. The practice of adding Schema markup (sometimes called Structured Data or Microdata) to your website can provide a boost to your search engine rankings and CTR while also making your site more user-friendly.

Let’s explore what Schema markup is, the benefits of using it and how you can implement into your own WordPress website.

  • Introducing Schema: where content meets context
  • Searching with relevance
  • Using Schema with WordPress
  • Additional notes on Schema

Introducing Schema: Where Content Meets Context

When search engines crawl through your website’s content, they’re attempting to put it all into a specific context. For years, we have relied on good old fashioned HTML tags to tell a story. Titles, headings, meta descriptions and keywords have all had a role in how a search engine listed and ranked our website.

For instance, if your home page has a title of “Web Designer New York City”, a search engine may well assume that’s what your site is about. But things aren’t always that obvious. As often happens, words and phrases can have multiple meanings and contexts. Without knowing that kind of information for certain, your site could be losing out when it comes to search relevancy.

That’s where Schema markup comes in. Created in part by search behemoths Google, Microsoft, Yahoo and Yandex, Schema adds a behind-the-scenes “vocabulary” to our content. Adding this markup to specific parts of a website will provide search engines with a higher level of context.

This context will help to ensure that, when your website is listed on a search engine results page (SERP), it will do so with more relevance in terms of subject matter. Put simply, Schema markup helps search engines figure out exactly what it is your site is all about.

Even better is that, when search engines have access to Schema markup on your website, they’ll be able to provide extra information in listings. That serves to both add convenience for users while bringing more traffic your way.

Now that we know Schema’s purpose, let’s take a look at how it works in practice.

Searching With Relevance

If you’ve searched for anything on the web recently, then you most likely have benefitted from the type of information that Schema markup provides. To show you what it can do, let’s use the classic movie “Return of the Jedi” as an example.

When searching for reviews of “Return of the Jedi”, Google magically shows us exactly what we’re looking for. While some aggregated critic reviews are indexed at the top, pay special attention to the highlighted listing from Roger Ebert’s site. Notice the star ratings just underneath the listing‘s URL.

Whether you’re looking for a movie or a review of the hot new restaurant in town, it’s quite useful to have that information appear right with the rest of the search results. Schema markup is what makes it possible.

By using the Review markup, Google was able to see what was being reviewed (“Return of the Jedi”), exactly what the rating was (4/4) and who authored the review (Roger Ebert). All of that came from some extra information added to Mr. Ebert’s website markup. Here’s a simplified version of that code:

<div itemscope itemtype="http://schema.org/Review">
  <aside itemprop="itemReviewed" itemscope itemtype="http://schema.org/Movie">
    <h1 itemprop="name">Return of the Jedi</h1>
    by <span itemprop="author">Roger Ebert</span>
  </aside>
</div>

While the example above uses basic HTML tags, notice the extra attributes that have been added in:

  • itemscope itemtype=http://schema.org/Review: Denotes what type of content this is (in this case, a review). Schema has attributes for many types of content. This enables a search engine to display a listing in a more relevant manner (like when someone is looking for reviews).
  • itemprop=”itemReviewed” itemscope itemtype=http://schema.org/Movie: Besides movies, lots of different content can be reviewed. Books, music, television shows and games all come to mind. So it’s important to tell search engines exactly what type of review this is.
  • itemprop=”name”: The name of what is being reviewed.
  • itemprop=”author”: Provides the name of the author.

And we don’t want to forget about the rating (everybody wants to have those stars displayed in their listing):

<span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
  <span class="star-rating">
    <i class="icon-star-full"></i>
    <i class="icon-star-full"></i>
    <i class="icon-star-full"></i>
    <i class="icon-star-full"></i>
  </span>
  <meta itemprop="ratingValue" content="4.0"></meta>
  <meta itemprop="worstRating" content="0.0"></meta>
  <meta itemprop="bestRating" content="4.0"></meta>
</span>

 

Breaking down the code above, we can see how a rating comes together:

  • itemprop=”reviewRating” itemscope itemtype=http://schema.org/Rating: Tells search engines that we’re going to display a review rating.
  • itemprop=”ratingValue” content=”4.0″: Shows the exact rating for “Return of the Jedi”.
  • itemprop=”worstRating” content=”0.0″: The lowest possible rating.
  • itemprop=”bestRating” content=”4.0″: The highest possible rating.

How much do stars actually help in SERPs? The CXL Institute ran a study and both companies that utilized stars for reviews saw a significantly higher click-through rate for organic SERPs, by as much 35%. Their conclusion was that this strategy does yield higher results.

The purpose of it all is to provide search engines with certainty regarding what your content is all about. The end result is that your favorite search site can bring up useful and relevant information for whatever it is you’re searching for. It’s how Google knows what time your favorite store closes or how Bing is able offer up a menu for that pizza place down the street.

By adding Schema’s vocabulary to our site, we’re helping to empower the spread of accurate information about our content and organization. That can be of benefit to everyone.

Next, we’ll explore some ways you can add structured data to your own WordPress website.

Using Schema With WordPress

Much like everything else involving WordPress, adding Schema markup to your site is a highly-customizable process. What you may not realize is that both your theme and the various plugins you’re already using could be adding some of this information for you. In particular, SEO and breadcrumb navigation plugins may include some structured data into your content.

So before you start adding markup, it’s a good idea to find out what (if any) is already present in your content. That will let you know where you currently stand so that you can further develop a strategy.

Assess Your Situation With Google’s Structured Data Testing Tool

Google makes it easy to determine your site’s markup with their Structured Data Testing Tool. Enter your site’s URL or paste in a code snippet to let the tool analyze your content.

For our purposes, we’ll analyze Roger Ebert’s review of “Return of the Jedi.”

As it turns out, there were a few errors found (5 to be exact). Apparently the tool didn’t find some required fields in the expected places. That being said, the test gives us an inside look at the structured data included with the content. From here, we can see what looks good and what needs to improve.