Пример: Схема на рецепта от schema.org/Recipe
Следва парче код, който исках да покажа в друга публикация, но се оказа, че Wordpress не позволява публикуване на код и се наложи да го направя тук, което само доказва, че всяка бизплатна система за управление на съдържанието си има ограничения. Но да продължим с кода. Той ясно показва как да използвате схема в своите рецепти и е взаимстван от реална рецепта за Спагети от кафяв ориз със сьомга и песто от печен пипер и лешници от блога Raspberry Syrup.
Ето го и него:
Този код е само илюстрация, премахнал съм от него тагове, свойства и атрибути, които нямат връзка със схемата. Продължаваме в Wordpress :)
Ето го и него:
<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>****. </p> <p> </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 коментара