Modify template to include microdata
This commit is contained in:
@@ -5,23 +5,23 @@
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="user-scalable=no, width=device-width" />
|
||||
|
||||
<body class="recipe">
|
||||
<body class="recipe" itemscope itemtype="http://schema.org/Recipe">
|
||||
<section class="header">
|
||||
<div class="image" style="background-image: url('./image.png')"></div>
|
||||
<div class="image" style="background-image: url('./image.png')" itemprop="image"></div>
|
||||
|
||||
<div class="about">
|
||||
<h1>Pommes Purée</h1>
|
||||
<h1 itemprop="name">Pommes Purée</h1>
|
||||
|
||||
<div class="timing">
|
||||
prep 25 min, cook 20 min </div>
|
||||
prep <span itemprop="prepTime">25 min</span>, cook <span itemprop"cookTime">20 min</span> </div>
|
||||
|
||||
<div class="icons">
|
||||
<div class="icon gluten-free"></div>
|
||||
<div class="icon vegetarian"></div>
|
||||
<div class="icon serving"></div>× 6
|
||||
<div class="icon serving"></div>× <span itemprop="recipeYield">6</span>
|
||||
</div>
|
||||
|
||||
<div class="description">These are the most superb mashed potatoes I've ever experienced. Completely smooth, indescribably rich, and perfectly creamy, these potatoes are well worth pulling the food processor out of the cupboard.
|
||||
<div class="description" itemprop="description">These are the most superb mashed potatoes I've ever experienced. Completely smooth, indescribably rich, and perfectly creamy, these potatoes are well worth pulling the food processor out of the cupboard.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -31,44 +31,45 @@ prep 25 min, cook 20 min </div>
|
||||
<h3>1</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
2 lb
|
||||
</div>
|
||||
<div class="item">yukon potatoes</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Peel and chop the potatoes into 1” cubes. Rise and set aside to drain.
|
||||
<div class="detail" itemprop="recipeInstructions">Peel and chop the potatoes into 1” cubes. Rise and set aside to drain.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>2</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1⅓ cups
|
||||
</div>
|
||||
<div class="item">whole milk (+ a little extra)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
20 tbsp
|
||||
</div>
|
||||
<div class="item">butter</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
2 tsp
|
||||
</div>
|
||||
<div class="item">salt</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Re-combine thoroughly, adding just enough milk to make them <i>almost</i> pourable (like a thick pudding), and bring back to temperature.
|
||||
<div class="detail" itemprop="recipeInstructions">Re-combine thoroughly, adding just enough milk to make them <i>almost</i> pourable (like a thick pudding), and bring back to temperature.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="credits">
|
||||
Joël Robuchon,
|
||||
<span itemprop="author">Joël Robuchon</span>
|
||||
,
|
||||
<a href="http://www.foodandwine.com/recipes/pommes-puree">http://www.foodandwine.com/recipes/pommes-puree</a>
|
||||
</section>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user