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>Carrot Ginger Soup</h1>
|
||||
<h1 itemprop="name">Carrot Ginger Soup</h1>
|
||||
|
||||
<div class="timing">
|
||||
prep 30 min </div>
|
||||
prep <span itemprop="prepTime">30 min</span> </div>
|
||||
|
||||
<div class="icons">
|
||||
<div class="icon gluten-free"></div>
|
||||
<div class="icon serving"></div>× 8
|
||||
<div class="icon serving"></div>× <span itemprop="recipeYield">8</span>
|
||||
</div>
|
||||
|
||||
<div class="description">The sweetness of the carrots and the spicy zing of the ginger make this soup a hearty base for adding some basic protein (e.g., chicken or shrimp) or just to eat on its own.
|
||||
<div class="description" itemprop="description">The sweetness of the carrots and the spicy zing of the ginger make this soup a hearty base for adding some basic protein (e.g., chicken or shrimp) or just to eat on its own.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -30,95 +30,95 @@ prep 30 min </div>
|
||||
<h3>1</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1
|
||||
</div>
|
||||
<div class="item">onion, yellow (diced)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
2 tbsp
|
||||
</div>
|
||||
<div class="item">olive oil</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Sautée the onion in olive oil until translucent in a dutch oven.
|
||||
<div class="detail" itemprop="recipeInstructions">Sautée the onion in olive oil until translucent in a dutch oven.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>2</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
10
|
||||
</div>
|
||||
<div class="item">carrots, large (chopped)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1
|
||||
</div>
|
||||
<div class="item">leek, white portion (chopped)</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Add the leeks and carrots, and continue to cook, stirring occasionally, until the carrots are soft (about 10 minutes).
|
||||
<div class="detail" itemprop="recipeInstructions">Add the leeks and carrots, and continue to cook, stirring occasionally, until the carrots are soft (about 10 minutes).
|
||||
</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">ginger (peeled, diced)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 tbsp
|
||||
</div>
|
||||
<div class="item">water</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">While the carrots are cooking, use a small food processor to puree the ginger and water into a paste.
|
||||
<div class="detail" itemprop="recipeInstructions">While the carrots are cooking, use a small food processor to puree the ginger and water into a paste.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>4</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
4 cups
|
||||
</div>
|
||||
<div class="item">chicken broth</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 tsp
|
||||
</div>
|
||||
<div class="item">salt</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 tsp
|
||||
</div>
|
||||
<div class="item">black pepper</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Combine the broth, salt, pepper, and ginger with the vegetables. Bring to a boil, and then turn off the heat.
|
||||
<div class="detail" itemprop="recipeInstructions">Combine the broth, salt, pepper, and ginger with the vegetables. Bring to a boil, and then turn off the heat.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>5</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
¼ cup
|
||||
</div>
|
||||
<div class="item">chives (chopped)</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Purée the soup in batches in a large blender. Return to the dutch oven when finished, and bring back to temperature. Serve with a sprinkling of chopped chives on top.
|
||||
<div class="detail" itemprop="recipeInstructions">Purée the soup in batches in a large blender. Return to the dutch oven when finished, and bring back to temperature. Serve with a sprinkling of chopped chives on top.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user