Schema markup — also known as structured data — helps search engines and AI-powered tools understand the content and purpose of your pages. It can improve how your site appears in search results, enabling rich snippets that highlight information like reviews, events, or menus. In Webflow, you can add schema manually or use Webflow AI to generate contextually relevant markup for your page with a single click.
Before you get started
\n\n Users with any role except Reviewer can add schema markup if the site\n has a paid Site plan or is part of a paid Workspace.\n
\n\n To generate schema with Webflow AI, make sure Webflow AI\n is toggled on in Workspace Settings ›\n General › Workspace.\n
\nYou can add schema markup to each page on your site, including Collection pages. Schema markup is added in Page settings, where you can generate it with Webflow AI or add it manually in the Schema markup field. To add schema markup:
Open your site in Webflow
Open the page you want to add schema markup to
Open the Pages panel from the left toolbar
Hover over the page and click the “Settings” icon
Scroll to the Schema markup section
Click Generate schema markup to have Webflow AI create schema for your page, or add your own
Click Save
Publish your site to make the schema live on your custom domain or Webflow staging domain
Whether you’ve generated schema with Webflow AI or added your own, we recommend checking it with a free structured data testing tool, such as Schema Markup Validator, which checks your schema for errors.
Note
\n\n When you generate schema with Webflow AI on a\n Collection page,\n relevant dynamic fields from your Collection items (like name, address,\n price, image, etc.) are automatically included in the schema.\n
\n\n If you’re adding schema markup manually, make sure to bind dynamic\n Collection fields so each Collection item page has unique schema data.\n
\n\n Reference, Multi-reference, and Multi-image Collection fields aren’t supported in schema\n markup.\n
\nYou might not be able to generate schema markup for a few reasons:
Webflow AI is toggled off in Workspace Settings › General › Workspace
Your page doesn’t have enough content — add your page content before generating schema markup
You don’t have the required role — only users above Reviewer can add or generate schema
Your site doesn’t have a paid site plan or isn’t part of a paid workspace — upgrade either plan to generate schema markup
The Schema markup field already contains code — clear the field before generating new schema
Schema markup added using custom code will continue to work as expected — there’s no need to move existing structured data to the schema markup field.
We don’t recommend adding schema in both places. Keep it in one place to avoid duplicate structured data.
Adding valid schema markup improves your eligibility for rich results, but it doesn’t guarantee them. Search engines decide when and where to display rich results based on factors like page quality, content relevance, and search intent. You can use Google’s Rich Results Test or Schema Markup Validator to confirm your structured data is valid.
Schema markup added in the Schema markup field appears in the <head> of your published page. Schema markup added to the Before </body> tag custom code section appears in the <footer> of your published page.
Yes. You can manually add locale-specific schema markup to pages in secondary locales. During beta, generating schema markup using Webflow AI is only available in your site’s primary locale.
Schema markup doesn’t support Reference, Multi-reference, or Multi-image Collection fields. Instead, choose a supported Collection field — for example, Plain text, Option, or Image.
Supported Collection fields:
Plain text
Image
Video link
Link
Phone
Number
Date/Time
Switch
Color
Option
File
If you delete a Collection field that’s referenced in your schema markup, the connection will break and you’ll need to update your schema to reference another field.
","user_segment_ids":[]}}