0

根据谷歌的说法，有几种方法可以标记 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>标签是否必要甚至有效？谷歌建议：

通过包含<meta itemprop="rating" content="4.5" />在导致显示星星的 HTML 块中，您指示丰富网页摘要解析器应使用内容属性中的值来查找评级。

并有以下示例：

<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" 才能在搜索结果中显示 google 星级

例子：

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