Advanced SEO Techniques

Articles, News & Blog Post JSON-LD

Overview
Structured Data
Structured Data Overview
10:18
501
Adding JSON-LD Structured Data
16:29
502
Site Name JSON-LD
503
Articles, News & Blog Post JSON-LD
504
Site Search JSON-LD
506
Client Reviews JSON-LD
506
Breadcrumbs JSON-LD
508
FAQ Page JSON-LD
509
Q&A Page JSON-LD
510
Twitter Cards
601
Embedding Rich Text in JSON
702
Validating & Debugging JSON-LD
703
Technical SEO
Controlling the Robots
801
Sitemap.xml
802
robots.txt
803
Removing Pages from Google
804
Removing Your WEBFLOW.IO Staged Site from Google
805
More Advanced SEO Techniques
810
Voice Search
810
Partially-Dynamic Headings
3:35
811
Full Site SEO Text Search
3:35
812
Influencing Google Search Appearance
Influencing Google's Search Appearance
901
No items found.
Published
November 12, 2022
Updated
February 17, 2025
in lightbox

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.

Videos
No items found.
Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.