As I've written about previously, last year Google, Bing and Yahoo! announced joint support for the schema.org semantic markup standard. The standard provides a way to mark up content with microdata so what each element means is clearly and explicitly stated in the code. The benefit is that an increasing variety of content types – products, local businesses, reviews, events – can be served up in search engine results with rich snippets. These rich snippets make the most of your search results ranking with eye-catching, custom information like thumbnails, ratings, and geo-targeted information.
Now schema.org has released its standard for video, providing a way to optimize the fastest growing segment of online content.
As with recipes, products, images and other specialized kinds of content, video search results can be displayed as rich snippets in search engine results pages. These rich snippets often enjoy prime placement, sometimes even appearing above top-ranking page results, as seen here:
With the newly released VideoObject schema.org standard, content providers can improve the chances that their video content will be displayed as a video rich snippet.
While there a large number of attributes you could potentially add in your semantic markup for a video, we'll focus on the most essential ones. First, let's take a look at what a typical video code might look like:
<h2>Video: Expert Interview with Astrophysicist Tricia McMillan</h2> <object ...> <param ...> <embed type="application/x-shockwave-flash" ...> </object> An engaging discussion with the scientist about her spaceship, mice, and the number 42.
The code within the <object></object> tag represents whatever embed coding you use for your video. As you can see, much of the essential information is there, but search engines have to rely on context and proximity to guess if the header and description nearby refer to the video. Now, let's see that same information using schema.org semantic markup:
<div itemscope itemtype="http://schema.org/VideoObject"> <h2>Video: <span itemprop="name"> Interview with Astrophysicist Tricia McMillan</span></h2> <meta itemprop="duration" content="T6M42S" /> <meta itemprop="thumbnail" content="trillian-interview-thumb.jpg" /> <meta itemprop="embedURL" content="http://www.example.com/videoplayer.swf?video=123" /> <object ...> <param ...> <embed type="application/x-shockwave-flash" ...> </object> <span itemprop="description"> An engaging discussion with the scientist about her spaceship, mice, and the number 42.</span> </div>
Instead of a series of possibly related pieces, the video is now presented as a single element with its attributes clearly spelled out. Here's a breakdown of the main attributes used:
As you can see, the schema.org markup affords you the opportunity to include keyword-rich tag attributes to your video in a way that's standards-compliant and semantic. As with other schema, it's not clear at this point how much, if any, the search engines will use the content as a ranking factor. But even if it the answer is none, the benefit comes from being clearly identified as video content with an eye-catching rich snippet and potentially high placement in results pages.
And much like a page's meta description tag, it is important to craft schema attributes like name and description to be compelling to viewers, not just search engines. As these attributes may display in the snippets on results pages, they should be engaging and invite users to click through to your content.
The schema.org markup for video does not replace a video sitemap. It is recommended that you provide a video sitemap in addition to the semantic markup for your videos, as Henry Zhang from Google's video search team notes. While some of the information may be redundant between the two areas, video sitemaps are still the quickest and most consistent way to be sure search engines can find videos as you add them, while semantic markup ensures videos are optimized for display in search results.
VideoObject – the schema.org markup options for video
Rich Snippets Testing Tool – code validator to ensure your markup is correct