0

Google によると、5 つ星の評価をマークアップして検索結果に表示する方法はいくつかあります。

http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=172705

これらはいずれも、FontAwesome などのアイコン フォントの使用に対応していません。

星評価はインタラクティブである必要はありません。

現在、私たちが持っているコードは次のとおりです。

<div class="rating">
    <meta itemprop="rating" content="4.5" />
    <i class="icon-star"></i>
    <i class="icon-star"></i>
    <i class="icon-star"></i>
    <i class="icon-star"></i>
    <i class="icon-star-half"></i>
    <span class="visually-hidden" >4.5 stars</span>
</div>

スパンはディスプレイから隠されていますが、スクリーン リーダーからは引き続きアクセスできます。

タグの追加は<meta>必要ですか、それとも有効ですか? Google は次のように提案しています。

<meta itemprop="rating" content="4.5" />星を表示する HTML ブロック内に含めることで、リッチ スニペット パーサーが content 属性の値を使用して評価を検出する必要があることを示します。

次の例があります。

<span class="rating-foreground" style="width:90%"> 
   <meta itemprop="rating" content="4.5" /> 
</span>
4

3 に答える 3

1

私が理解しているように、itemprop="rating"は任意の要素に追加できるため、それを div に移動するだけです。

于 2013-05-16T16:22:29.943 に答える
1

schema.orgの集計評価項目のプロパティを使用すると、これまでのところ最適なオプションは次のとおりです。

<div class="rating" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
    <i class="icon-star"></i>
    <i class="icon-star"></i>
    <i class="icon-star"></i>
    <i class="icon-star"></i>
    <i class="icon-star-half"></i>
    <span class="visually-hidden"><span itemprop="ratingValue">4.5</span>/5</span>
</div>

タグを削除し<meta>ますが、合計から評価値を追加して分離します。

于 2013-05-16T16:23:16.227 に答える
0

検索結果に評価の星を表示するには、 itemprop="votes" を含める必要があります

例:

<span class="visually-hidden">
<span itemprop="ratingValue">4.5</span>/5
<span itemprop="votes">10</span>
</span>
于 2014-06-05T02:39:52.500 に答える