DevKit Tools

Article Schema Generator

Generate Article structured data with headline, author, publisher, images and dates.

Structured Data/Article

Article / BlogPosting markup for news, blog and editorial pages.

Rich result summary

Headline
How to build a CSS glassmorphism card
Author
Jane Doe
Publisher
Brand
Published
-

Validate with Google's Rich Results Test before publishing.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "How to build a CSS glassmorphism card",
  "description": "A step-by-step guide to frosted glass effects in pure CSS.",
  "author": {
    "@type": "Person",
    "name": "Jane Doe"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Brand"
  },
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://example.com/article"
  }
}
</script>

About the article schema generator

Article markup tells search engines who wrote a piece, who published it and when it was last updated. The dateModified field is the one people forget, and it is what signals that an old article is still being maintained.

The publisher logo has a required shape for Google: it should be a rectangle no taller than 60 pixels when scaled.

How to use it

  1. 1Write the headline exactly as it appears on the page.
  2. 2Add the author and publisher.
  3. 3Set published and modified dates.
  4. 4Add a wide image URL.
  5. 5Copy the JSON-LD.

Questions

What is the difference between Article, NewsArticle and BlogPosting?

They are increasingly specific subtypes. Article works for anything; NewsArticle for journalism; BlogPosting for blog content. Use the most specific one that fits.

Does dateModified matter?

Yes. It tells search engines the content is maintained, which matters for topics where freshness counts. Only update it when you genuinely change the content.

Do I need a publisher logo?

For Google's article features, yes. It should be a rectangle, and it should scale to no more than 60 pixels tall.

More Structured Data tools