css - 使用CSS隐藏“aggregateRating”

我正在为客户建立网站。他们已经使用Microdata标记了在其网站上显示的单个评论，但是没有包括相应的aggregateRating属性。

我已经通知他们，他们需要包括aggregateRating属性，以使Google在其自然列表中显示星星。客户回答说可以，但是我必须向与其网站进行交互的用户隐藏与aggregateRating-（ratingValue，ratingCount）关联的所有值。

我知道Google不赞成这种做法，但是我想知道是否有人成功隐藏了使用CSS审查Schema.org的成功？所谓成功，是指Google仍在自然搜寻中显示明星。

最佳答案

无需使用CSS隐藏架构。并非所有架构数据都必须在网页上显示。考虑JSON-LD模式，这些都在head中，因此这些值都不会显示。

HTML模式允许您标记网页上不可见的内容。

From Schema.org：


  有时，网页上的信息可能会很有价值，但是由于其在页面上的显示方式而无法标记[…]
  
  […]

<meta itemprop="ratingValue" content="4" />

完整代码段：

<div itemscope itemtype="http://schema.org/Offer">
  <span itemprop="name">Blend-O-Matic</span>
  <span itemprop="price">$19.95</span>
  <div itemprop="reviews" itemscope    itemtype="http://schema.org/AggregateRating">
    <img src="four-stars.jpg" />
    <meta itemprop="ratingValue" content="4" />
    <meta itemprop="bestRating" content="5" />
     Based on <span itemprop="ratingCount">25</span> user ratings
  </div>
</div>