Schema markup, with the preview Google would actually show.
Generate JSON-LD for the 8 schema types Google supports as rich results, see a pixel-near-accurate preview, copy the snippet. No signup, no paywall.
Schema type:
Properties
Preview
Google preview · approximate
Validation
CopyReady
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Recipe",
"name": "Classic Margherita Pizza",
"image": "https://images.unsplash.com/photo-1565299624946-b28f40a0ca4b?w=1200",
"recipeIngredient": [
"500g 00 flour",
"325ml water (room temperature)",
"10g sea salt",
"2g fresh yeast",
"200g San Marzano tomatoes",
"200g fresh mozzarella",
"Fresh basil"
],
"recipeInstructions": [
{
"@type": "HowToStep",
"name": "Mix",
"text": "Dissolve yeast in water, combine with flour and salt, knead 10 minutes."
},
{
"@type": "HowToStep",
"name": "Rise",
"text": "Cover and rise at room temperature for 8 hours."
},
{
"@type": "HowToStep",
"name": "Shape",
"text": "Divide into 4 balls, rest 1 hour."
},
{
"@type": "HowToStep",
"name": "Top",
"text": "Stretch each ball, top with crushed tomato, torn mozzarella, basil."
},
{
"@type": "HowToStep",
"name": "Bake",
"text": "Bake at maximum oven temperature (250°C+) for 6-8 minutes."
}
],
"author": {
"@type": "Person",
"name": "Maria Silva"
},
"prepTime": "PT20M",
"cookTime": "PT8M",
"totalTime": "PT9H",
"recipeYield": "4 pizzas",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": 4.8,
"reviewCount": 312
},
"nutrition": {
"@type": "NutritionInformation",
"calories": "420 calories per pizza"
}
}
</script>Paste existing JSON-LD
Already have a snippet? Drop it in to validate and see what Google would render.
Try sample:
Validate a live URL
Fetch any public page and check every JSON-LD block on it.