How can I create a dynamic schema in Webflow?
TL;DR
- Create a CMS Collection in Webflow with fields like Title, Description, and Author to structure dynamic content.
- Bind these fields to elements on the corresponding template page, then use an Embed element to insert a JSON-LD script pulling dynamic data from the CMS.
- Use schema.org guidelines and Google’s tools to validate the structured data for SEO.
To create a dynamic schema in Webflow, you'll need to use the CMS (Content Management System) to structure your dynamic content and optionally enhance it with custom JSON-LD schema code for SEO.
1. Set Up a Webflow CMS Collection
To create a schema-ready structure, first define dynamic content using Collections.
- Go to Webflow Designer > CMS panel.
- Click “+ New Collection” and define fields (e.g., Title, Description, Image, Author, etc.).
- These fields will be used later within custom schema scripts.
2. Add Dynamic CMS Content to a Template Page
Each Collection automatically generates a template page for displaying dynamic items.
- Select your Collection page (e.g., Blog Post Template).
- Bind dynamic fields (e.g., bind an H1 to the Post Title, paragraph to Description, etc.).
- This ensures your page is built from the CMS structure, which can also be used for schema generation.
3. Create a JSON-LD Schema with Dynamic Fields
To add dynamic schema markup that Google can read, use the Embed element.
- Drag in an “Embed” element to your CMS template page.
- Inside the Embed, insert a
<script type="application/ld+json">tag containing structured data. - Use dynamic CMS fields inside the JSON-LD, e.g.:
- Example for a BlogPost:
"headline": "{{ Name }}""datePublished": "{{ Date }}""author": { "name": "{{ Author Name }}" }
- These values pull from CMS fields like Title, Date, and Author.
4. Use Proper JSON-LD Syntax and Google’s Structured Data Templates
- Reference schema.org or Google’s Structured Data Guidelines for the correct schema type.
- Popular schema types: Article, BlogPosting, Product, Event, LocalBusiness, etc.
- Validate your schema using Google’s Rich Results Test.
5. Publish and Test
- Publish your site to live or staging to test embedded schema.
- Use browser DevTools or online validators to verify correct output of the dynamic schema.
Summary
To create a dynamic schema in Webflow, build a CMS Collection with relevant fields, add dynamic elements to the template page, then embed a JSON-LD script using CMS fields within an Embed block. Validate using Google’s tools to ensure it's read accurately for SEO purposes.