How To Add Structured Data Example

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Structured Data Demo</title>
<style>
  body { font-family: sans-serif; margin: 20px; line-height: 1.6; }
  .recipe-card {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 8px;
    max-width: 500px;
    background: #fff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
  }
  .recipe-title { color: #d63384; margin-top: 0; }
  .rating { color: orange; font-weight: bold; }
  .tag { background: #e9ecef; padding: 4px 8px; border-radius: 4px; font-size: 0.9em; }
</style>

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "Recipe",
  "name": "Classic Chocolate Chip Cookies",
  "author": {
    "@type": "Person",
    "name": "Jane Baker"
  },
  "datePublished": "2026-03-10",
  "description": "The best classic chocolate chip cookie recipe ever.",
  "prepTime": "PT15M",
  "cookTime": "PT10M",
  "totalTime": "PT25M",
  "recipeYield": "24 cookies",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "ratingCount": "128"
  }
}
</script>
</head>
<body>

<div class="recipe-card">
    <h1 class="recipe-title">Classic Chocolate Chip Cookies</h1>
    <p>By Jane Baker | <span class="tag">Dessert</span></p>
    
    <p class="rating">&#9733;&#9733;&#9733;&#9733;&#9733; 4.9 (128 reviews)</p>
    <p>The best classic chocolate chip cookie recipe ever. Ready in just 25 minutes!</p>
    
    <h3>Ingredients</h3>
    <ul>
      <li>2 1/4 cups all-purpose flour</li>
      <li>1 tsp baking soda</li>
      <li>2 cups semi-sweet chocolate chips</li>
    </ul>
  </div>

</body>
</html>