Schema.org Microdata

Where relevant, component markup should be annotated with Schema.org vocabulary to improve the way the component is represented in Search Engine Results Pages (SERPs). Schema.org is recognized by all major search engines.

Contents

• Schema.org Example
• When to use Schema.org Microdata
• Verifying Schema.org Microdata

Schema.org Example

The Image Component uses Schema.org vocabulary. It produces markup similar to:

<div itemscope="" itemtype="http://schema.org/ImageObject">
  <img src="rio.jpg" itemprop="contentUrl" alt="Sunset at Rio De Janeiro airport" title="Finally landed in Brazil">
  <meta itemprop="caption" content="First day in Brazil">
</div>

Resulting in the following Schema:

• @type ImageObject
• contentUrl https://mysite.com/rio.jpg
• caption First day in Brazil

↑ Back to top

When to use Schema.org Microdata

Common Schema use-cases include creative works, events, people and places. For many components, there won't be a schema suitable for the markup that is produced.

For new components, check the Schema.org schemas list.

For components already using a schema (e.g. ImageObject in the Image Component example), check for any additional properties that may be applied.

↑ Back to top

Verifying Schema.org Microdata

The Google Structured Data Testing Tool is a great tool for verifying the microdata from a markup snippet or page URL.

↑ Back to top