A microformat is a way of structuring your recipe content so that Whisk, and crawlers such as search engines, can easily see, understand and parse your content. Using the microformat structure on your recipes can have significant SEO benefits.
Whisk supports a few different industry-standard microformats including hRecipe and Schema.org/recipe. At a bare minimum, Whisk needs to be able to detect the recipe title and ingredients.
You can use Whisk's content validator to check if your recipes are immediately understood by Whisk. If Whisk does not understand your recipe content you can choose to update the structure, or with the paid version we will work with you to parse your content without you needing to make any changes. Please contact us to find out more.
Below are basic examples of recipe formatting.
hRecipe example:
<article class="h-recipe">
<h1 class="p-name">Bagels</h1>
<ul>
<li class="p-ingredient">Flour</li>
<li class="p-ingredient">Sugar</li>
<li class="p-ingredient">Yeast</li>
</ul>
<p>Takes <time class="dt-duration" datetime="1H">1 hour</time>,
serves <data class="p-yield" value="4">four people</data>.</p>
<div class="e-instructions">
<ol>
<li>Start by mixing all the ingredients together.</li>
</ol>
</div>
</article>
Schema example:
<div itemscope itemtype="http://schema.org/Recipe">
<span itemprop="name">Banana Bread</span>
<img itemprop="image" src="bananabread.jpg" alt="Banana bread" />
Prep Time: <meta itemprop="prepTime" content="PT15M">15 minutes
Cook time: <meta itemprop="cookTime" content="PT1H">1 hour
Yield: <span itemprop="recipeYield">1 loaf</span>
Ingredients:
- <span itemprop="recipeIngredient">banana</span>
- <span itemprop="recipeIngredient">egg</span>
- <span itemprop="recipeIngredient">sugar</span>
Instructions:
<span itemprop="recipeInstructions"> Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add the flour last. Pour the mixture into a loaf pan and bake for one hour.</span>
</div>
Related: Shopping Tools Integration Process