当值为图像时使用 AggregateRating 和 ratingValue

Question

我正在尝试向我的网站添加一些丰富的摘要，但在 AggregateRating 部分中遇到了一些麻烦，因为我的 ratingValue 的值仅显示为图像。

我的标记如下所示：

<tr itemprop="reviews" itemscope itemtype="http://schema.org/Review">
    <th>Rating:</th>
    <td itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
        <img itemprop="ratingValue" class="rating" src="/content/images/ratings/4.5.png" alt="4.5" title="Rating: 4.5 / 5" />
    </td>
</tr>

据我所知，这是有效的 HTML，因为文本值可作为 ALT 文本使用，因此符合可访问性准则。但是，我不确定如何将此 ALT 标记为 ratingValue 的值。

有谁知道我应该在这里做什么？

谢谢。

---

好吧，经过几个小时的 Google Rich Snippets Tester 的研究，我得出的结论是：

<tr itemprop="reviews" itemscope itemtype="http://schema.org/Review">
    <th>Rating:</th>
    <td itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
        <meta itemprop="ratingValue" content="4.5">
        <img class="rating" src="/content/images/ratings/4.5.png" alt="4.5" title="Rating: 4.5 / 5" />
    </td>
</tr>

这似乎是正确的。

Answer 1

你的做法是正确的。只需在适当的位置添加标签并将值设置为“ ratingValue”即可。当页面呈现给用户时，它不会显示。

所以你会使用这个标签：

在文档中的 http://schema.org/Review 范围内，如您在您的文档中所示更新。