How to Implement Google Rich Snippets / Schema for a websites

Discussion in 'Search Engine Optimization' started by Internetmarketingmantra, Mar 26, 2014.

  1. #1
    Hello All,

    I have tried to implement the below product schema tags for my websites:
    the below code is properly checked on http://www.google.com/webmasters/tools/richsnippets
    tool and its working there.

    <div itemscope itemtype="http://schema.org/Product">
    <span itemprop="name"><b>Online COllaboration Tool</b></span>
    <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <u>Rated:</u> <span itemprop="ratingValue">4.4</span> / 5 based on <span itemprop="reviewCount">1260</span> customer reviews </div>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    <span itemprop="price">19</span>
    <link itemprop="availability" href="http://www.framebench.com/" />In stock
    </div>

    <u>Product description:</u> <span itemprop="description">Framebench is a cloud based communication and feedback platform specially for digital agencies and creative design firms. Its your central workplace where you can store & share your creative assets.</span>
    </div>
    but when I paste this code on website in display on the page itself and the page layout break.

    Can any one suggest me the right way to implement or you can suggest me the alternate code.
     
    Internetmarketingmantra, Mar 26, 2014 IP