Articles, News & Blog Post JSON-LD

Google support three types of "long-format" content, typed as _Article, _NewsArticle, or _BlogPosting.

In this example we'll use _BlogPosting but the same rules apply to all.

STEP 1

On your Blog Post Collection page;

Drop an HTML Embed on the page and paste in this code.

    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "NewsArticle",
      "headline": "Title of a News Article",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
       ],
      "datePublished": "2024-01-05T08:00:00+08:00",
      "dateModified": "2024-02-05T09:20:00+08:00",
      "author": [{
          "@type": "Person",
          "name": "Jane Doe",
          "url": "https://example.com/profile/janedoe123"
        },{
          "@type": "Person",
          "name": "John Doe",
          "url": "https://example.com/profile/johndoe123"
      }]
    }
    </script>

Modify it as needed, according to the specification & the information you want to present in your blog.

https://developers.google.com/search/docs/appearance/structured-data/article

STEP 2

Use Webflow's Add Field option to embed dynamic content such as article title.

STEP 3

Publish, and test;

https://developers.google.com/search/docs/advanced/structured-data

Notes

The articleBody property is not used here for 3 reasons;

• Google doesn't support it
• Webflow does not support embedding rich text fields, or converting them to plaintext
• The JSON-LD spec requires a plain text version
• Webflow doesn't JSON encode its embedded fields which - for long-form content especially - adds significant invalidation risk.

References

Ezra's post in the Webflow forums.

Google's Structured Data docs

Other JSON-LD examples

‍

‍