遵守 Google 的结构化数据政策答案

【问题标题】：Adhering to Google's Structured Data Policy遵守 Google 的结构化数据政策
【发布时间】：2019-04-20 19:19:54
【问题描述】：

Google 的 Product structured data reference 建议包含 aggregateRating。 Common structured data errors 文件说：

结构化数据引用的内容对用户是隐藏的。

我的问题是如何验证 Google 是否理解我的用户界面？我使用 (5) svg 星形图像来表示评级，但有 3 种星形，空的、半的和满的。我需要添加content="rating" 或title="rating" 属性还是...？我想了解 Google 是如何知道我显示 5 颗星的？我可以使用.png 文件，或unicode ★。

  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "88",
    "bestRating": "100",
    "ratingCount": "20"
  }

【问题讨论】：

试试Google Search Console。如果您使用旧版本，Structured Data 上有一个工具可以帮助您进行验证。文档也可以在 this article 上找到。

标签： googlebot google-rich-snippets rating-system structured-data

【解决方案1】：

Google 没有记录他们如何验证可见内容是否与结构化数据匹配。只要你不隐藏/省略内容，应该没问题。

出于这个和所有其他原因，使用可访问的语义标记是有意义的。如果残障用户可以访问它，那么搜索引擎机器人通常也可以访问它。

在收视率的情况下，你could use meter element：

<meter min="0" max="5" value="3">★★★☆☆</meter>

（由于 meter 可能没有得到广泛支持，您可能还需要考虑使用 WAI-ARIA：example with img elements and aria-labelledby。）

【讨论】：

好消息。谢谢。在不支持<meter> 的情况下（IE and iPhone/Safari），我想元素被简单地忽略，但<meter> 子元素（星形图像）仍保留在HTML 中。所以，我想使用<meter> 不会有什么坏处。 Re: aria-labelledby 提供文本替代，可以隐藏文本替代元素吗？ ...换句话说，我为什么要在星星图像旁边显示（4 个，共 5 个）？
原来 <meter> 是浏览器的默认样式，并覆盖/隐藏了我漂亮的 svg 星星，所以 <meter> 不起作用。 ....另外，没有role 可用于将<div> 标记为仪表或等级...？ w3.org/1999/xhtml/vocab#XHTMLRoleVocabulary
@RonRoyston：有了支持，我主要考虑无障碍工具（例如，无法识别 meter 特定属性的屏幕阅读器）。 ——关于role，是的，我想没有。 -- 对于 WAI-ARIA 标签，在视觉上隐藏它应该没问题（因此将其作为 HTML 的一部分，但通过 CSS 将其隐藏，以便屏幕阅读器仍能读取它）；然而，这样的标签是为了可访问性，而不是 SEO（我猜搜索引擎会忽略它）。
知道了。谢谢。我找到了一个名为figure 的role，它似乎与我能得到的一样接近。所以，我做了一个div role="figure" describedBy="myFigure"，其中嵌入了<span id="myFigure" class="hidden">5 of 5</span>作为星svg的第一个兄弟姐妹。