In the previous article I published a recipe template for articles on blogger.com with recipe schema markup. That template is best suitable for new blog posts.
However, for older blog posts written in plain text articles it’s much easier to add the recipe schema information at the end of the article, in JSON-LD format. This approach saves us from having to edit the entire blog post from scratch.
To do this I use https://webcode.tools/generators/schema-markup/recipe.![]() |
Screenshot from https://webcode.tools/generators/schema-markup/recipe |
The instructions for adding the image are also identical to those in the previous article, including changing the
s200-c
parameter.![]() |
Adding ingredients |
![]() |
Adding recipe instructions |
<script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Recipe", "name": "Recipe name", "image": [ "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHNvjHk4e0z5ToVbtonISCEDAqy5Sbc0CQNRmGqz2ycZWQsQlgugORIzmsIVecXJfN_dSZd1jiN6VWvlCGWiDOyT1T2coim425TXFPsxgYkLduSO2Jvk__nTno40IXQPM6YiPXsPkFt_IcitTQ5KGn1_ulmt3zma4J5Px6BhcbAtCFVjkdHUkxWeh7/s200c/recipe-placeholder.jpg" ], "recipeCategory": "appetizer", "recipeCuisine": "Italian", "prepTime": "PT90M", "cookTime": "PT30M", "totalTime": "PT180M", "recipeYield": "5", "datePublished": "2022-05-05", "description": "Recipe description here (max 200 characters)", "keywords": "keyword1, keyword2, etc.", "recipeIngredient": [ "Ingredient1", "Ingredient2", "Ingredient 3", "...and so on..." ], "recipeInstructions": [ { "@type": "HowToStep", "name": "Step1", "text": "Copy-paste instructions fron step1" }, { "@type": "HowToStep", "name": "Step2", "text": "Copy-paste instructions fron step2" } ] } </script>Finally, go to https://search.google.com/test/rich-results and insert the URL of the blog post there.
You should have no errors, and eventually you might have some warnings about missing some data that is optional, such as author and recipe video.
Comments
Post a Comment