I have a project - http://preloaders.net . I set it so that the rating is shown in google search (orange stars under the heading, for example, try entering keywords for pre-stretching). Everything is working fine except for the homepage, as I just fixed it.
I have transcoded all the markup now in HTML5 (which I'm pretty new to) and use schema.org and include all the products in the whole schema, but I don't know what will replace the aggregate overview in the .org schema, so I'm trying to use WebPage. The Google webmaster doesn’t show errors, but the question arises: will the following code show stars or should I do something?
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>my title</title> </head> <body> <nav> <a href=""></a> </nav> <main> <section> <h1>AJAX LOADERS</h1> <article itemscope itemtype="http://schema.org/Product"> <figure> <img itemprop="image" src="/preloader.gif" alt=""> <figcaption itemprop="description"> Spinning Christmas tree with balls. </figcaption> </figure> <a href="#" title="#" itemprop="url"> <h3 itemprop="name">3D Christmas tree </h3> </a> <div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <span itemprop="priceCurrency" content="USD">$</span><span class="price" itemprop="price">2.95</span> </div> <div class="favorite"></div> <div class="add-to-cart"></div> <div class="frames-amount">30 fr</div> <div class="dimensions">256x256</div> <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> Average Rating: <span itemprop="ratingValue">5</span> Votes: <span itemprop="ratingCount">12</span> </div> </article> </section> <aside> <article itemscope itemtype="http://schema.org/Product"> <a href="/en/free"> <h3 itemprop="name">Free templates</h3> <div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <span itemprop="priceCurrency" content="USD">$</span><span class="price" itemprop="price">0</span> </div> <div itemprop="description"> Spinning Christmas tree with balls. </div> <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> Average Rating: <span itemprop="ratingValue">5</span> Votes: <span itemprop="ratingCount">12</span> </div> </a> </article> </aside> </main> <footer> <nav> <a href=""></a> </nav> </footer> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebPage", "name": "Loading GIF & APNG (AJAX loaders) generator", "description": "More than 800 free and premium ajax loader (loading animated GIF and APNG) spinners, bars and 3D animations generator for AJAX and JQuery", "aggregateRating": {"@type": "AggregateRating", "ratingValue": "4.9", "reviewCount": "7", "itemReviewed": "AJAX loaders generator" } } </script> </body> </html>
Sorry for the noob question, just need to make sure I'm in the right direction.
Thanks in advance.
source share