SEO # How to use application rich snippet in your webpage?

In our previous article which was SEO # Do more indexed pages give ranking booster to a website? we discussed a new strategy as told by Google regarding the number of indexed pages and their impact on your website’s ranking. Today we will discuss how we can add application tags and rich snippets to a webPage.

As explained in our article SEO # What are rich snippets and what is the benefit of using them? we discussed what rich snippets were and what their benefits are. If you have not already read about it please click at the link above and go through the article.

What are application rich snippets?

Application rich snippets are the structured mark up which is used by google to identify whether a particular webpage contains information or link to download a software application. If you markup your web page with application specific rich snippet Google will pick up the structured data and display the same in the search result and show the user that the link follows to an application. As an example please see the following search result.

Application Rich Snippet

Application Rich Snippet

In the above search result you can see that google has applied the application structured markup and shows the same as application.

In order to add the rich snippet we will add the xml/html related to the rich snippet application tag on pages which you want to show in the search with rich snippet. As an example:

Add the following html on page:

<div itemscope itemtype="http://schema.org/SoftwareApplication">
<img itemprop="image" src="https://www.vastal.com/logo.png" />
<span itemprop="name">Buddy Zone</span> -
<div itemprop="author" itemscope itemtype="http://schema.org/Organization">
<a itemprop="url" href="http://vastal.com"><span itemprop="name">Vastal I-Tech & Co.</span></a>
</div>

In the above html we have told google to show www.vastal.com/logo.png as image for the link and also told the software name as Buddy Zone. The same markup also lets google know that the company selling the product is Vastal I-Tech & Co.

In order to add a content rating markup add in the following html code:

<span itemprop="contentRating">Low Maturity</span>

The above markup will let google know that the content on the page can be viewed by anyone. If your content contains adult material be sure to add in High Maturity in the tag above.

Similarly if you want to show Rating on the google search result add in the following html code:

<div itemprop="reviews" itemscope itemtype="http://schema.org/Review">
 <span itemprop="reviewRating">5</span> stars -
 <b>"<span itemprop="name">Love this game!</span>" </b>

 by <span itemprop="author">Winston</span>,
 Written on <time itemprop="publishDate" datetime="2011-08-22">August 22, 2011</time>
 <span itemprop="reviewBody">I have three starred every box in this game cuz 
I can't get enough of it. !</span></div>
…

The above code will let google show the ratings for the product in the search result.

In our next article we will discuss how you can add author rich snippet on your blog post or a webpage.

We will keep updating our SEO Tips section every 4 days, please subscribe to our feed and also share our articles on Facebook and Google Plus so other’s can benefit from our insight. Please feel free to send us your comments below, on how we can improve.