Пример: Схема на рецепта от schema.org/Recipe

публикация от 12:08 , , , ,

Следва парче код, който исках да покажа в друга публикация, но се оказа, че Wordpress не позволява публикуване на код и се наложи да го направя тук, което само доказва, че всяка бизплатна система за управление на съдържанието си има ограничения. Но да продължим с кода. Той ясно показва как да използвате схема в своите рецепти и е взаимстван от реална рецепта за Спагети от кафяв ориз със сьомга и песто от печен пипер и лешници от блога Raspberry Syrup.
Ето го и него:

<div id="printrepcipe6010" itemscope itemtype="http://schema.org/Recipe">
 <div>
 <h2 itemprop="name">Спагети от кафяв ориз със сьомга и песто от печен пипер и
 лешници / Brown Rice Spaghetti with Salmon and Roasted Peppers Pesto</h2>
 <img itemprop="image" 
 src="https://i1.wp.com/raspberrysyrup.eu/wp-content/uploads/2017/07/brown-rice-pasta-peper-pesto.jpg?resize=150%2C150"
 alt="" width="50" height="50">
 <a href="#" data-print="https://raspberrysyrup.eu/wp-content/plugins/penci-recipe/inc/print.css">Print This</a>
 <div>
  <span>Порции / Serves: <span class="servings" itemprop="recipeYield">2</span></span>
  <span>Prep Time: <time datetime="PT15M" itemprop="prepTime">15 мин.</time></span>
  <span>Cooking Time: <time datetime="PT15M" itemprop="cookTime">15 мин.</time></span>
 </div>
</div>
<div>
 <h3>Продукти / Ingredients</h3>
 <ul>
  <li><span itemprop="recipeIngredient">200 гр. спагети от кафяв ориз</span></li>
  <li><span itemprop="recipeIngredient">2 филета сьомга (около 250 гр общо)</span></li>
  <li><span itemprop="recipeIngredient">2 червени чушки</span></li>
  <li><span itemprop="recipeIngredient">2 склидки чесън</span></li>
  <li><span itemprop="recipeIngredient">20 гр. магданоз </span></li>
  <li><span itemprop="recipeIngredient">30 гр сурови лешници*</span></li>
  <li><span itemprop="recipeIngredient">прясна мащерка </span></li>
  <li><span itemprop="recipeIngredient">1 лимон</span></li>
  <li><span itemprop="recipeIngredient">сол, черен пипер, чили флейкс </span></li>
  <li><span itemprop="recipeIngredient">пармезан за сервиране (по желание)</span></li>
 </ul>
</div>
<div itemprop="recipeInstructions">
 <h3>Инструкции / Instructions</h3>
 <p>Загрейте фурната на 200 градуса. Застелете широка тава с 2 големи листа фолио.
Ако фолиото ви е по-тънко, сложете по 2 листа един върху друг.</p>
 <p>****.&nbsp;</p>
 <p>&nbsp;</p>
  <div class="hatom-extra" style="display:none !important;visibility:hidden;"><span class="entry-title">
  Спагети от кафяв ориз със сьомга и песто от печен пипер и лешници / Brown Rice Spaghetti with Salmon and Roasted Peppers Pesto</span> was last modified:
   <span class="updated"> July 26th, 2017</span> by
   <span class="author vcard">Raspberry Syrup</span>
  </div>
 </div>
 <div class="penci-recipe-notes">
  <h3 class="penci-recipe-title">Бележки / Notes</h3>
  <p>* Ако разполагате с печени лешници използвайте тях и пропуснете стъпката със
  запичането им. </p>
 </div>
</div>

Този код е само илюстрация, премахнал съм от него тагове, свойства и атрибути, които нямат връзка със схемата. Продължаваме в Wordpress :)

Може да Ви допадне и...

0 коментара