HowTo JSON-LD Recipe

You can use this structural element to label recipes on your WordPress site and thus also influence the snippets in the SERPs.

If Google uses your recipe details and displays them in the SERPs, this happens regardless of the position of your website itself. You will often reach the so-called “position 0”, i.e. above the first organic search result. But sometimes also further down.

The block is used on the website anifix.de, among others, to label recipes for homemade dog treats. You can find the example with the minced meat muffins here (the website is in german language only – sorry. The Plugin is fully translated into english. If you use our plugin and had a english website-example, please send us the link).

As usual, you can decide whether you want a visible output in the WPSC design or just the JSON-LD in the source code. You can do this by clicking on the eye at the top left.
If you want to change the styling of the recipe block in the frontend, you can do this using CSS instructions. You can find out how to do this in our HowTo Changing output with CSS.

The coolest feature is definitely the “Print” button. This allows you to print only the actual recipe details – i.e. a simplified, focussed print version.

There are also additional settings for the recipe block in the sidebar of your WordPress page (see screenshot at the bottom).

If you’re not sure what to enter in the fields, take a look at the following JSON-LD as an example. The green info link in the block also refers to the official Google page on the information that can be entered.

<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Recipe",
"name": "Hackfleisch-Muffins für Hunde",
"image": {
"@type": "ImageObject",
"url": "https://anifix.de/wp-content/uploads/hackfleisch-muffins-hunde.jpg",
"height": 768,
"width": 1024
},
"author": {
"@type":"Person",
"name":"Saltan Gindulin"
},
"datePublished": "2023-10-05",
"description": "Leckere Hackfleisch-Muffins für euren Vierbeiner selber backen: So einfach geht's! Unser Rezept für eine gesunde Belohnung.",
"prepTime": "PT15M",
"cookTime": "PT20M",
"totalTime": "PT35M",
"keywords": "muffin for dogs",
"recipeYield": "12 Muffins",
"recipeCategory": "Snack",
"recipeIngredient": [
"250g Hackfleisch",
"100g Quark",
"50g Nassfutter oder Leberwurst für Hunde",
"1 Banane"
],
"nutrition": {
"@type": "NutritionInformation",
"servingSize": "100g",
"calories": "181 cal",
"fatContent": "15 g",
"proteinContent": "9 g"
},
"recipeInstructions": [
{
"@type": "HowToStep",
"name": "Hackfleisch verteilen.",
"text": "Verteile das Hackfleisch gleichmäßig in die Muffinförmchen und drücke es leicht darin fest. 250 g Hackfleisch reicht für ca. 12 Muffins.",
"image": "https://anifix.de/wp-content/uploads/hackfleisch-muffins-2-muffinformen.jpg"
},
{
"@type": "HowToStep",
"name": "Hackfleisch backen.",
"text": "Nachdem das Fleisch verteilt ist, wird es bei 180 °C Ober-/Unterhitze für 20 Minuten im vorgeheizten Backofen gebacken.",
"image": "https://anifix.de/wp-content/uploads/hackfleisch-muffins-3-gebacken.jpg"
},
{
"@type": "HowToStep",
"name": "Creme vorbereiten.",
"text": "Anschließend Muffins auskühlen lassen und die Creme vorbereiten.",
"image": "https://anifix.de/wp-content/uploads/hackfleisch-muffins-6-quark-nassfutter-banane.jpg"
},
{
"@type": "HowToStep",
"name": "Creme herstellen.",
"text": "Für die Creme werden Quark, Nassfutter oder Leberwurst für Hunde und die kleingeschnittene Banane gut miteinander vermischt.",
"image": "https://anifix.de/wp-content/uploads/hackfleisch-muffins-7-masse.jpg"
},
{
"@type": "HowToStep",
"name": "Creme auf Hackfleisch-Muffins verteilen.",
"text": "Wenn eine homogene Masse entstanden ist die Creme perfekt und kann auf die ausgekühlten Muffins verteilt werden. Dafür eignet sich ein Löffel oder Spritzbeutel.",
"image": "https://anifix.de/wp-content/uploads/hackfleisch-muffins-8-muffin.jpg"
}
],
"publisher": {
"@type": "Organization",
"name": "AniFix",
"logo": {
"@type": "ImageObject",
"url": "https://anifix.de/wp-content/uploads/logo-anifix.jpg",
"width": 600,
"height": 230
}
}
}
</script>

#Screenshot