2016-12-10 10 views
5

私はプロジェクトを持っています - http://preloaders.net。私は評価がGoogle検索(タイトルの下のオレンジ色の星、例えばプリローダーのスピナーキーワードを入力しようとする)に表示されるように設定しました。私はちょうどそれを修正したように、ホームページを除いてすべてがうまくいきます。設定方法schema.orgでレビュー集計を行いますか?

マークアップ全体をHTML5に再コーディングしています(かなり新しくなっています)、schema.orgを使用してスキーマ全体にすべての商品を含めることができますが、Review-aggregateの代わりにschema.orgは、私はWebPageを試しています。 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> 

ご不便をおかけして申し訳ございませんが、私が正しい方向にいることを確認する必要があります。

ありがとうございます。

+0

1を持っているのに十分であることを推測examppleからコードにversy似ている)ありMicrodataを2つの 'Product'アイテムとJSON-LDの' WebPage'アイテムに使う理由は? 2)「AJAXローダージェネレーター」は画像を生成できるページです。そして評価はこの発電機がどれくらい良いかについてです。 – unor

+0

1)商品の評価とページを分ける方が便利です。しかし、JSON-LDも使えます。 thingies 2)はい、それは単一のページですが、それらの多くがあります。タイトルはまさに例です。これはコード例 –

答えて

1

Here is an example of what you have to do

And here is the official documentation

あなたがやったことは私は何をやったことは星

+0

ありがとうございます。物事はwebspark.caから提供した記事にあります。彼らは製品に "@type"を設定していますが、ページでは "@type": "サービス"をGoogleに持っていることを示しています。私は、ページ自体を評価する必要がある場合に備えて、どこに配置すべきかを見つけることができません。 –

関連する問題