如何设置 Review-aggregate 和 schema.org？

Question

我有一个项目 - http://preloaders.net。我已将其设置为 google 搜索中显示评级（标题下的橙色星星，例如尝试输入预加载器微调器关键字）。一切正常，除了我刚刚修复的主页。

我 re-coding 整个标记现在 HTML5 （我很新）并使用 schema.org 并将所有产品包含到整个架构中，但我没有知道 schema.org 中 Review-aggregate 的替代品是什么，所以我正在尝试网页。 Google 站长不显示错误，但问题是：下面的代码是否仍然显示星星，还是我应该做其他事情？

<!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>

抱歉这个菜鸟问题，只需要确保我的方向是正确的。

提前致谢。

Answer 1

Here is an example of what you have to do

And here is the official documentation

您所做的与示例中的代码非常相似，所以我想您所做的足以获得星星

如何设置 Review-aggregate 和 schema.org？

How to setup Review-aggregate with schema.org?

html

google-search

schema.org