Video markup with schema.org

Since last year rich snippets has expanded their presence in most of search results. Content that includes restaurants, people, products,  recipes, businesses, organizations and events are using this markup for highlighting results on search engines.

Recently Google, Bing, Yahoo and Yandex has added support for schema.org video markup allowing you to index videos in a way that make your content relevant in search queries.  Just few properties are required and might look like this:

<div itemscope itemtype="http://schema.org/VideoObject">

  <h2>Video: <span itemprop="name">Title</span></h2>
  <meta itemprop="duration" content="T1M33S" />
  <meta itemprop="thumbnailURL" content="thumbnail.jpg" />
  <meta itemprop="embedURL"
    content="http://www.example.com/videoplayer.swf?video=123" />
  <object ...>
    <embed type="application/x-shockwave-flash" ...>
  </object>
  <span itemprop="description">Video description</span>
</div>

After you create the markup for your page is appropriate to test them with Google Rich Snippets Testing Tool to make sure it's correctly working, there is an additional information that significantly contribute to enhance the ranking of your videos on search results:

• Do not use any type of javascript for loading your schema.org markup
• Submit your video sitemap to provide additional information about you video content
• Make sure your videos are publicly available

This video markup is also an important tool for reinforcing your SEO strategy, so keep it in mind every time you start up a SEO list.


Video results appears in search and also in video results, everyday millions of people find videos on search engines, definitely schema.org video markup will give them more accurate results and will reduce time in the search process.

Responsive Web Design / Development

Responsive web design has become viral on the web design scene on the last few months; many bloggers have shown their points of view related to the concept of developing a website design in a manner that helps lay out dimensions to get changed according to the user’s computer screen resolution.  Is commonly thought of as a design trend, but if we approach a different side of this coin, it allows the developer to create a site that is optimized for each platform, both in navigation, readability and load time.

Responsive web designing is a fully diverse designing version than the traditional web designing, With access to the Internet available on more than hundred  devices, the screen sizes on which people are experiencing websites have become extremely varied, as more and more devices are being released and browsers are adding more capabilities for CSS, and in particular the @media queries in CSS3. Developers must know about the pros and cons of responsive web designing and produce specifically targeted experience to your website visitors without having to maintain multiple websites for all devices.