<div itemscope itemtype="http://schema.org/Recipe">We need that div to the left to let Google know that this schema pertains to recipes<div itemprop="description"> The is the description that appears for your recipe, make it short, sweet and keyword related if possible</div>
<h2 itemprop="name">This is the name of the Recipe</h2> - it doesn\'t have to be in a h2 but can help with front end styling
<h3>Ingredients</h3>
<ul>
<li itemprop="ingredients">Ingredient One</li>
<li itemprop="ingredients">Ingredient Two</li>
<li itemprop="ingredients">Ingredient Three</li>
<li itemprop="ingredients">Ingredient Four</li>
</ul>
However many ingredients your recipe contains just list them all above
<h3>Your Recipe Name Here - Method</h3>
<div itemprop="recipeInstructions">
<img itemprop="image" src="http://youimagelocation.com/imagetitle.jpg" alt="" width="300" height="590"/>
<ol>
<li>Recipe Instruction One</li>
<li>Recipe Instruction Two</li>
<li>Recipe Instruction Three</li>
<li>Recipe Instruction Four</li>
</ol>
</div>
<h3>Recipe Details</h3>
<div>This is where you can add the recipes <span itemprop="author">author name</span>and yield information <span itemprop="recipeYield">4</span> as well as cooking times and reviews!</div><div>
Prep Time: <time itemprop="prepTime">00:10</time> minutes<br/>
Cook Time: <time itemprop="cookTime">00:12</time> minutes<br/>
Ready In: <time itemprop="totalTime">00:22</time> minutes
<span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">4.5</span> stars based on <span itemprop="reviewCount">12</span> reviews </span> - the reviews show up nicely as stars in the SERPs so make sure to use them.
</div>
Fin!
</div>