Skip to content

Recommend Gemeos to your network and earn a commission

Discover our referral program
Let’s talk?

SEO / GEO5 min read

How to Add an Article Rich Snippet (Schema.org) in Webflow

Learn how to implement Schema.org Article and BlogPosting markup in Webflow CMS to improve your articles’ visibility in Google and AI search engines.

Schema.org Article markup tells Google and AI engines that your page is a blog post or a guide. It improves how your content is understood, helps search engines index it accurately, and increases your chances of being cited in AI answers. Sandro, co-founder of Gemeos Agency, shows you how to implement it dynamically in Webflow CMS.

Prerequisites

  • A Webflow site with a CMS collection for articles
  • Access to the CMS template page settings
  • The following CMS fields filled in: title, description, publish date, author, main image

1. Open your CMS collection template

In the Webflow Designer, go to your article collection template (for example, "Blog Post Template"). Open the page settings using the gear icon. Scroll down to "Custom Code".

2. Create the JSON-LD script with CMS variables

Paste the following script into the "Before </body> tag" field. The variables inside double curly braces should be replaced with your Webflow CMS fields through the embed interface.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "{{Article title}}",
  "description": "{{Meta description}}",
  "image": "{{Main image URL}}",
  "author": {
    "@type": "Person",
    "name": "{{Author name}}"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Gemeos",
    "logo": {
      "@type": "ImageObject",
      "url": "https://www.gemeosagency.com/fr/logo.png"
    }
  },
  "datePublished": "{{Publish date}}",
  "dateModified": "{{Update date}}"
}
</script>

3. Bind the CMS variables in an Embed element

Add an "HTML Embed" element to your CMS template, outside the Rich Text. Paste the JSON-LD script. Select each value inside quotation marks and use the "Add Field" button to replace it with the matching CMS field. Webflow will automatically inject the dynamic values for each article.

4. Check and submit

Publish your site. Test an article URL in the Rich Results Test. Make sure all fields are filled in. Submit it through Search Console.

@typeUse caseKey fields
ArticleJournalistic articles, newsheadline, datePublished, author
BlogPostingBlog posts, guidesheadline, description, image
TechArticleTechnical documentation, tutorialsheadline, proficiencyLevel
HowToStep-by-step guidesstep, tool, supply

Conclusion

Article/BlogPosting markup is a must-have for any serious content site. It helps Google understand your articles better and increases their chances of being cited by LLMs.

  • Use case 1: an agency blog with technical articles to strengthen topical authority
  • Use case 2: a SaaS site with a knowledge base to capture long-tail queries
  • Use case 3: a consulting site with industry guides to show up in AI answers for your niche

Published on May 21, 2026

Alexandre Baverel

Alexandre Baverel is Head of Sales at Gemeos. With nearly 8 years of experience in SEO and business development, he helps companies grow by combining visibility, acquisition, and conversion. His approach allows him to align marketing strategy with business performance.

You might be interested in these tutorials

Related tutorials

See all

You're going to working with us, guaranteed

Ready to launch your business?

get a quote

Let’s f*****G GO !!