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
FAQs
Answers to frequently asked questions.