Menu
I have a project - http://preloaders.net. I have set it up so that rating is shown in google search (the orange stars under the title, e.g. try entering preloader spinner keywords ). Everything is working fine, except for home page as I just fixed it.
I am re-coding the whole markup now to HTML5 (which I am pretty new to) and use schema.org and include all products to the whole schema, but I do not know what the substitute for Review-aggregate in schema.org is, so I am trying WebPage. Google webmaster does not show errors, but the question is: will the following code still show the stars or should I do something else?
<!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 noob question, just need to make sure I am in the right direction.
Thanks in advance.
760
Here is an example of what you have to do
And here is the official documentation
What you've done is versy similar to the code from the exampple so I guess that what you've done is enough to have the stars
50
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
