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>