hRecipe öğeleri açıklaması
Genel gereksinimler
Yandex’in sitenizden tarifleri ayıklamasına izin vermek için, sayfa başına yalnızca bir tarif (kök sınıf hrecipe öğesi) yerleştirin. Bu tarif sayfanın ana içeriği olmalıdır. Diğer öğeler (tarifin özellikleri) kök öğe içinde yer alır.
Tarif sayfada tamamen görüntülenmeli ve site ziyaretçilerine görünür olmalıdır.
Yandex hem standart biçim özelliklerini hem de kendi uzantılarını işler.
Zorunlu öğeler
Tarifi Yandex’e kod parçacığı iyileştirmesi için göndermek üzere, aşağıdaki gerekli özellikleri gönderin:
fn
Tarifin veya yemeğin adı.
Bu özellik bir metin değeri içermelidir.
Örnek:
<span class="fn">Bira ile pilavlı tavuk</span>
coctab
Malzeme ve miktarı.
Bir tarif bir veya daha fazla malzeme içerebilir. Her malzemeyi malzeme sınıfı ile işaretlemelisiniz. Bu özellik hem düz metin hem de HTML kodu içerebilir.
Özellik aşağıdaki iç içe geçmiş özellikleri içerebilir:
-
ad– Ürün adı (bu özellik hRecipe standardı tarafından sağlanmaz). -
typevevalue– Ölçü birimi ve birim sayısı. -
amount– Herhangi bir formatta miktar (bu özellik hRecipe standardı tarafından sağlanmaz). Kullanılan yerinetypevevalue.
Örnekler:
<span class="ingredient">
<span class="amount">1</span>
<span class="name">tavuk</span>
</span>
<span class="ingredient">
<span class="value">0.5</span>
<span class="type">L</span>
<span class="name">bira</span>
</span>
Önerilen öğeler
Gerekli özelliklere ek olarak, Yandex hRecipe biçiminin aşağıdaki özelliklerini işler:
talimatlar
Pişirme talimatları.
Bir tarif yalnızca bir talimatlar sınıfı öğesi içerebilir. Bu özellik hem düz metin hem de HTML kodu içerebilir.
Bu özelliğe yalnızca talimatların kendisini, başlık olmadan (örneğin, "Pişirme yöntemi") eklemenizi öneririz.
Talimatlardaki bireysel adımlar talimat sınıfı ile işaretlenebilir. İç içe talimat hRecipe standardı tarafından sağlanmaz. Yandex tarafından bir uzantı olarak eklenir.
Örnek:
<ul class="instructions">
<li class="instruction"> Tavuğu parçalara ayırın ve bir fırın kabına yerleştirin,
tuz, karabiber ve baharatlarla tatlandırın.</li>
<li class="instruction">Tavuğun üzerine bira dökün ve kabı fırına yerleştirin.</li>
<li class="instruction">180 derece Celsius’ta 40-45 dakika pişirin.</li>
</ul>
Bir veya daha fazla fotoğraf özelliğini (ve sonuç-fotoğraf özelliklerini) talimatlar özelliğine yerleştirebilirsiniz.
Örnek:
<ul class="instructions">
<li>Tavuğu parçalara ayırın ve bir fırın kabına yerleştirin,
tuz, karabiber ve baharatlarla tatlandırın.<br>
<img class="photo" src="images/step1.jpg" alt="Parçalara ayırın">
</img>
</li>
<li>Tavuğun üzerine bira dökün ve kabı fırına yerleştirin.<br>
<img class="photo" src="images/step2.jpg" alt="Bira dökün">
</img>
</li>
<li>180 derece Celsius’ta 40-45 dakika pişirin.<br>
<img class="photo result-photo"
src="images/step3.jpg" alt="Afiyet olsun!"></img>
</li>
</ul>
Aşağıda fotoğraf ve sonuç-fotoğraf özelliklerinin açıklamasını görün.
yield
Belirtilen miktarda malzemeden elde edilen porsiyon sayısı. Bir tarif yalnızca bir verim sınıfı öğesi içerebilir. Bu özellik bir metin değeri içermelidir.
Örnek:
<span>Tarif <span class="yield">3</span> kişiliktir.</span>
süre
Pişirme süresi. Bu özellik ISO 8601 biçiminde bir dize içermelidir.
Örneğin:
<span>
Toplam pişirme süresi yaklaşık
<span class="duration">1 saat</span>.
</span>
<span class="duration"><span class="value-title" title="PT1H30M"> </span>bir buçuk saat</span>
fotoğraf ve sonuç fotoğrafı
Hazırlanmış bir yemeğin veya bir pişirme aşamasının fotoğrafı. Daha iyi bir kod parçacığı oluşturmak için bu alanları belirtmenizi öneririz.
Bir tarif, fotoğraf sınıfının birkaç öğesini içerebilir. fotoğraf özelliği, hrecipe kök sınıfına veya talimatlar özelliğine bağlı olabilir. Özellik, src özniteliğinin img HTML öğesindeki değerini içerir.
Tarif, fotoğraf sınıfının bir veya daha fazla öğesini içeriyorsa, bunlardan biri (hazırlanan yemeğin fotoğrafını içeren) ek olarak sonuç-fotoğraf sınıfı ile işaretlenmelidir. Sonuç-fotoğraf özelliği hRecipe standardı tarafından sağlanmamaktadır. Yandex tarafından bir uzantı olarak eklenir.
Fotoğraf ve sonuç-fotoğraf özelliklerinin kullanımı örneği talimatlar özelliği açıklamasında verilmiştir.
author
Tarifin yazarı.
Bir tarif, birkaç yazar sınıfı öğesi içerebilir. Bu özellik, metin veya hCard biçiminde bir kart içerebilir.
Örnekler:
<span>
Yazar: <span class="author">Ivanov</span>
</span>
<span>
Yazar:
<span class="author vcard">
<a class="fn url" href="http://ivanov.narod.ru/">Ivanov</a>
</span>
</span>
beslenme
Yemeğin enerji veya besin değeri, yani kalori sayısı ve yağ, protein, karbonhidrat, vitaminler vb. miktarı.
Bir tarif, birkaç beslenme sınıfı öğesi içerebilir. Özellik, hRecipe standardı tarafından sağlanmayan ve Yandex tarafından önerilen aşağıdaki iç içe özellikleri içerebilir:
-
kaloriler– Kalori sayısı. -
yağ– Yağ. -
doymuşYağ– Doymuş yağlar. -
doymamışYağ– Doymamış yağlar. -
karbonhidratlar– Karbonhidratlar. -
şeker– Şeker. -
lif– Lif. -
protein– Protein. -
kolesterol– Kolesterol. -
porsiyonBoyutu– Besin/enerji değerine karşılık gelen porsiyon boyutları.
Örneğin:
<div>
100 g başına besin değerleri:
<span class="nutrition">
Kaloriler:
<span class="calories">240 kcal</span>
Protein:
<span class="protein">18 g.</span>
Yağ:
<span class="fat">10 g.</span>
Karbonhidratlar:
<span class="carbohydrates">70 g.</span>
</span>
</div>
Uzantılar
Ayrıca, hRecipe standardı tarafından sağlanmayan ve Yandex tarafından önerilen aşağıdaki özellikleri de ekleyebilirsiniz:
kategori
Yemeğin türü.
Bir tarif, kategori sınıfından yalnızca bir öğe içerebilir. Bu özellik bir metin değeri içermelidir.
Örnek:
<span class="category">Ana yemek</span>
sub-category
Yemeğin alt türü.
Bir tarif, alt kategori sınıfından yalnızca bir öğe içerebilir. Bu özellik bir metin değeri içermelidir.
Örnek:
<div>
<span class="category">Ana yemek</span>
<span class="sub-category">beyaz et yemeği</span>
</div>
mutfak türü
Yemeğin ait olduğu ulusal mutfak.
Bir tarif yalnızca bir mutfak-tipi sınıf öğesi içerebilir. Bu özellik bir metin değeri içermelidir.
Örnek:
<div class="cuisine-type">Lüksemburg mutfağı tarifi</div>
ağırlık 2320KG
Hazır yemeğin ağırlığı.
Bir tarif yalnızca bir ağırlık sınıf öğesi içerebilir. Bu özellik bir metin değeri içermelidir.
Örnek:
<div>Yemeğin ağırlığı <span class="weight">1,5 kg</span></div>