Question

根据Google的说法，有几种方法可以将5星评级标记为搜索结果。

http://support.google.com/webmasters/bin/answer.py?hl=en&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>标记是否必要或甚至有效？谷歌建议：

在HTML中包含<meta itemprop="rating" content="4.5" /> 导致星星显示的块，你指出了富片段解析器应该使用content属性中的值找到评级。

并有以下示例：

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

Answer 1

据我所知， itemprop =“rating”可以添加到任何元素中，所以可以将它移到你的div上。

Answer 2

使用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>代码，但添加并从总数中分离出评分值。

Answer 3

你必须包括itemprop =＆＃34;投票＆＃34;谷歌在搜索结果中显示评级星级

示例：

<span class="visually-hidden">
<span itemprop="ratingValue">4.5</span>/5
<span itemprop="votes">10</span>
</span>

您如何使用微数据标记FontAwesome的五星级产品评级？

3 个答案: