由于隐藏的Schema.org标记而无法显示丰富的片段

Question

我刚刚联系谷歌询问为什么丰富的snipets没有显示他们的结果，他们回答了以下内容

URL: http://www.theprinterdepo.com/hp-color-laser-4700dn-printer-q7493a-r
Markup Type: Product, Reviews

    Hidden content: <span itemprop="reviewCount">6</span>

我检查了IE Developer工具，确实隐藏了它，但它没有隐藏在我的HTML中，任何想法我做错了什么？

<?php if ($this->getReviewsCount()): ?>
    <div class="ratings">
        <?php if ($this->getRatingSummary()):?>
          <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
            <div class="rating-box">

                <div class="rating" style="width:<?php echo $this->getRatingSummary() ?>%"><meta itemprop="ratingValue" content="<?php echo $this->getRatingSummary()/10 ?>"/></div>
                <span itemprop="reviewCount"><?php echo $this->getReviewsCount() ?></span>
            </div>
          </span>
        <?php endif;?>
        <p class="rating-links">
            <a href="<?php echo $this->getReviewsUrl() ?>"><?php echo $this->__('%d Review(s)', $this->getReviewsCount()) ?></a>
            <!--<span class="separator">|</span>-->
            <!--<a href="<?php echo $this->getReviewsUrl() ?>#review-form"><?php echo $this->__('Add Your Review') ?></a>-->
        </p>
    </div>
<?php elseif ($this->getDisplayIfEmpty()): ?>
    <p class="no-rating"><a href="<?php echo $this->getReviewsUrl() ?>#review-form"><?php echo $this->__('Be the first to review this product') ?></a></p>
<?php endif; ?>

Answer 1

当你读到这篇文章时，你会对自己非常有趣。

你的问题与你的css有关。在第529行转到/skin/frontend/default/MAG060062/css/styles.css文件。问题出在您的 .rating-box 类上。

.rating-box {
    background: url("../images/bkg_rating.gif") repeat-x scroll 0 0 transparent;
    font-size: 0;
    height: 10px;
    line-height: 0;
    text-indent: -999em;
    width: 50px;
}

将其替换为如下

.rating-box {
    background: url("../images/bkg_rating.gif") repeat-x scroll 0 0 transparent;
    height: 10px;
    width: 50px;
}

更改删除

• font-size：0;
• line-height：0;
• text-indent：-999em;

Firebug截图

IE开发人员工具

永远打开你的眼睛。哈哈：）