Modify template to include microdata
This commit is contained in:
@@ -5,22 +5,22 @@
|
||||
<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>Fluffy Pancakes</h1>
|
||||
<h1 itemprop="name">Fluffy Pancakes</h1>
|
||||
|
||||
<div class="timing">
|
||||
prep 10 min, cook 5 min </div>
|
||||
prep <span itemprop="prepTime">10 min</span>, cook <span itemprop"cookTime">5 min</span> </div>
|
||||
|
||||
<div class="icons">
|
||||
<div class="icon vegetarian"></div>
|
||||
<div class="icon serving"></div>× 2
|
||||
<div class="icon serving"></div>× <span itemprop="recipeYield">2</span>
|
||||
</div>
|
||||
|
||||
<div class="description">These are the fluffiest, thickest, most delicious pancakes I've ever had. The batter should wind up very, very thick, so don't be surprised if it's more the consistency of yogurt rather than cream.
|
||||
<div class="description" itemprop="description">These are the fluffiest, thickest, most delicious pancakes I've ever had. The batter should wind up very, very thick, so don't be surprised if it's more the consistency of yogurt rather than cream.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -30,72 +30,72 @@ prep 10 min, cook 5 min </div>
|
||||
<h3>1</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
3/4 cups
|
||||
</div>
|
||||
<div class="item">milk</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 tbsp
|
||||
</div>
|
||||
<div class="item">white vinegar</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Combine the milk and vinegar in a medium bowl and set aside to sour.
|
||||
<div class="detail" itemprop="recipeInstructions">Combine the milk and vinegar in a medium bowl and set aside to sour.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>2</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 cup
|
||||
</div>
|
||||
<div class="item">all-purpose flour</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
2 tbsp
|
||||
</div>
|
||||
<div class="item">white sugar</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 tsp
|
||||
</div>
|
||||
<div class="item">baking powder</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1/2 tsp
|
||||
</div>
|
||||
<div class="item">baking soda</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1/2 tsp
|
||||
</div>
|
||||
<div class="item">salt</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Combine the dry ingredients in a medium bowl and whisk together throughly.
|
||||
<div class="detail" itemprop="recipeInstructions">Combine the dry ingredients in a medium bowl and whisk together throughly.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>3</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
2 tbsp
|
||||
</div>
|
||||
<div class="item">butter</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1
|
||||
</div>
|
||||
<div class="item">egg</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail"></div>
|
||||
<div class="detail" itemprop="recipeInstructions"></div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>4</h3>
|
||||
@@ -103,7 +103,7 @@ prep 10 min, cook 5 min </div>
|
||||
<ul>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Melt the butter in a small dish, and then whisk it and the egg into the wet ingredients. Then, slowly add the dry ingredients a little at a time, stopping to whisk each small portion in completely before adding any more.
|
||||
<div class="detail" itemprop="recipeInstructions">Melt the butter in a small dish, and then whisk it and the egg into the wet ingredients. Then, slowly add the dry ingredients a little at a time, stopping to whisk each small portion in completely before adding any more.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
@@ -112,7 +112,7 @@ prep 10 min, cook 5 min </div>
|
||||
<ul>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Heat a large skillet over medium heat (300°F for an electric skillet). Scoop ¼ cup of the batter at a time to form each pancake. Cook each until bubble just start to form around the edges and then turn them over. Remove from the heat after lightly browned.
|
||||
<div class="detail" itemprop="recipeInstructions">Heat a large skillet over medium heat (300°F for an electric skillet). Scoop ¼ cup of the batter at a time to form each pancake. Cook each until bubble just start to form around the edges and then turn them over. Remove from the heat after lightly browned.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user