I’m sure many of you have heard the term ‘Structured Data’ used in various conversations and then wondered what it is. Tom Williams is here to fill in the blanks and provide all the essential information needed when looking at structured data.

What is Structured Data?

To fully understand why structured data should be used, an understanding of exactly what it is needs to be established first.

Essentially, it offers a way to annotate your website’s content so that search engines, such as Google, can understand it better, allowing your content to be placed more prominently in the search results.

Content using the appropriate structured data will have an enhanced presentation in the search results in the form of rich snippets, breadcrumbs or a sitelinks search box.

Rich Snippets

Rich snippets example

Breadcrumbs

Breadcrumbs example

Sitelinks Search Box

Sitelinks search box

There are many different types of structured data available to appropriately markup content. Google and other search engines fully support the Schema.org vocabulary which defines a standard list of type names and property names. The full list of types can be found here – http://schema.org/docs/full.html.

A few examples of common markup types include:

Each type of structured data shown above has its own list of individual properties. When placing markup around a ‘Product’, for example, you can also specify the key details of this product such as colour, price, product ID or weight, along with a number of others. Here’s an example:

<div itemscope itemtype=”http://schema.org/Product”>

<div itemprop=”name”><strong>Chunky Baa Stool – Blue</strong></div>

</a>

<div itemprop=”description”>Our new sheepskin footstools are hardwearing and pure quality – definitely a piece of furniture with WOW factor!</div> 

<div>Product ID: <span itemprop=”productID”>40317BL</span></div>

<div itemprop=”offers” itemscope itemtype=”http://schema.org/Offer”><span itemprop=”price”>£159.99</span>

<link itemprop=”itemCondition” href=”http://schema.org/NewCondition” /> New</div>

</div>

And here’s the product page it relates to:

Product markup example

The example product detailed above is encapsulated within the /Product type markup which is then split into its separate properties such as the product’s name, ID and price.

Rich Snippets

Certain types of content may be displayed as a rich snippet within the search results, for example the image below shows search results for the movie Frozen along with review stars and vote count – a useful aspect for a person searching to find information on this particular film.

Rich snippet example

rich snippet html

Other types of markup that may be displayed as a rich snippet are as follows:

  • Product
  • Recipe
  • Event
  • Software Application

Implementing Structured Data

There are several ways to effectively implement structured data on a website.

Data Highlighter

This tool can be found in Google’s Search Console (previously known as Webmaster Tools) allowing site owners to easily teach Google the layout of structured data on their website.

This can be done without having to edit any HTML on the actual website, but the tool only supports a limited number of schema types.

Data types supported by Data Highlighter include:

  • Articles
  • Book Reviews
  • Events
  • Local Businesses
  • Movies
  • Products
  • Restaurants
  • Software Applications
  • TV Episodes

Generate Updated HTML

Another way of implementing structured data on a website is to manually edit the HMTL of a website to include the relevant code.

For each schema markup type, Schema.org has a specific template that can be used. Alternatively, there are various tools that can generate the appropriate code based on the details you enter into a form – http://schema-creator.org/.

Schema creator

Structured Data Markup Helper Tool

Finally, the structured data markup helper tool is the best of both worlds as it provides an easy to use interface (similar to the Data Highlighter), along with the updated code needed for the website.

data markup example

The first step is to highlight the required elements and the tool will then generate the updated code needed to place onto that specific page.

Ultimately, it’s preferable to have the structured data markup within the HMTL code of a website so it’s available to everyone and not just search engines.

Testing and Monitoring

Before updating a website with new code containing the structured data markup, it is important to test everything is working as expected.

Google’s structured data testing tool is ideal for this as it allows a user to input a section of code (or fetch a URL) to validate if the correct markup has been used and whether there are any errors.

Structured data testing tool

This step is crucial before updating any code on a website.

After implementing structured data, it’s important to monitor whether any errors occur further down the line and this can be done within Google’s Search Console.

There is a dedicated section which details the total number of items with structured data applied to them and the number of items with errors:

structured data

This can be used to ensure these errors are fixed and Google is fully able to read the structured data.

Used correctly, structured data is a useful way to help your site’s content become more prominent in the search results, enhancing that all important click-through rate!

Still unsure about structured data or how to go about implementing it on your website? Contact Us

Did you find this page useful?

Comments

About the author:

Tom joined ClickThrough in 2011. Since then, he has developed an expertise in the technical side of search engine optimisation. He’s Google Analytics-qualified, and in his current role as digital and technical Executive, carries out monthly SEO activities and provides technical consultancy for several of the company’s largest accounts.