Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement