mikroformats を使用してコードにスニペットを追加したいと考えています。商品名と在庫状況の評価に成功しましたが、価格が表示されません。これがコードです。
<ul itemprop="offerDetails" itemscope="" itemtype="http://data-vocabulary.org/Offer" class="uk-subnav uk-subnav-line">
<meta itemprop="priceCurrency" content="TRY"> <li itemprop="price" class="element element-text">
<strong>Fiyatı: </strong>8,00 ₺
</li>
<li class="element element-select">
<strong><span itemprop="availability" content="in_stock">Porsiyon</span>: </strong>1
</li>
<li class="element element-relatedcategories">
<strong>Köken: </strong><a href="/menü/category/türkiye">Türk Mutfağı</a>
</li>
</ul>
また、これを試しましたが、うまくいきませんでした。
<ul itemprop="offerDetails" itemscope="" itemtype="http://data-vocabulary.org/Offer" class="uk-subnav uk-subnav-line">
<meta itemprop="priceCurrency" content="TRY">
<li class="element element-text">
**<strong>Fiyatı: </strong> <span itemprop="price">8,00</span>** ₺
</li>
<li class="element element-select">
<strong><span itemprop="availability" content="in_stock">Porsiyon</span>: </strong>1
</li>
<li class="element element-relatedcategories">
<strong>Köken: </strong><a href="/menü/category/türkiye">Türk Mutfağı</a>
</li>
</ul>
何かが足りないと思いますが、見えません。レーティングで動作する完全なコードは次のとおりです。
<div itemscope="" itemtype="http://data-vocabulary.org/Product">
<h1 itemprop="name" class="uk-h1"> Tavuklu Salata </h1>
</div>
<div class="uk-margin element element-rating">
<div id="3194f2e2-b29e-4a6b-8555-17c58b42ed6c-547708aa747b1" class="yoo-zoo rating">
<div class="rating-container star5">
<div class="previous-rating" style="width: 100%;"></div>
<div class="current-rating">
<div class="stars star5" title="5 / 5"></div>
<div class="stars star4" title="4 / 5"></div>
<div class="stars star3" title="3 / 5"></div>
<div class="stars star2" title="2 / 5"></div>
<div class="stars star1" title="1 / 5"></div>
</div>
</div>
<div class="vote-message">
5.0/<strong>5</strong> derecelendirme (1 oy) </div>
<div itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate">
<meta itemprop="itemreviewed" content="Tavuklu Salata">
<div itemprop="rating" itemscope="" itemtype="http://data-vocabulary.org/Rating">
<meta itemprop="average" content="5.0">
<meta itemprop="best" content="5">
</div>
<meta itemprop="votes" content="1">
</div>
</div>
<script type="text/javascript">
jQuery(function($) {
$('#3194f2e2-b29e-4a6b-8555-17c58b42ed6c-547708aa747b1').ElementRating({ url: '/salatalar?task=callelement&format=raw&item_id=22&element=3194f2e2-b29e-4a6b-8555-17c58b42ed6c' });
});
</script>
</div>
<ul itemprop="offerDetails" itemscope="" itemtype="http://data-vocabulary.org/Offer" class="uk-subnav uk-subnav-line">
<meta itemprop="priceCurrency" content="TRY">
<li itemprop="price" class="element element-text">
<strong>Fiyatı: </strong>8,00 ₺</li>
<li class="element element-select">
<strong><span itemprop="availability" content="in_stock">Porsiyon: </strong>1</li>
<li class="element element-relatedcategories">
<strong>Köken: </strong><a href="/menü/category/türkiye">Türk Mutfağı</a></li>
</ul>