Open navigation menu

Structured Data with JSON-LD

Adds structured data using JSON-LD format for Schema.org markup to help search engines understand page content and enable rich results.

HtmlConfig Management

Code

snippet
<!DOCTYPE html>
<html lang="en">
<head>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "How to Use Structured Data",
    "author": {
      "@type": "Person",
      "name": "Jane Doe",
      "url": "https://example.com/authors/jane"
    },
    "datePublished": "2025-01-15",
    "dateModified": "2025-01-16",
    "image": "https://example.com/images/article.jpg",
    "publisher": {
      "@type": "Organization",
      "name": "Example Site",
      "logo": {
        "@type": "ImageObject",
        "url": "https://example.com/logo.png"
      }
    }
  }
  </script>

  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "name": "Home",
        "item": "https://example.com/"
      },
      {
        "@type": "ListItem",
        "position": 2,
        "name": "Articles",
        "item": "https://example.com/articles"
      }
    ]
  }
  </script>
</head>
<body>
  <article>
    <h1>How to Use Structured Data</h1>
    <p>Article content...</p>
  </article>
</body>
</html>

Related Examples