Add schema markup in Webflow to improve SEO and AEO

Updated

Help your content stand out in search and AI results by adding structured data to your site — manually or with Webflow AI.

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

Users with any role except Reviewer can add schema markup if the site has a paid Site plan or is part of a paid Workspace.

To generate schema with Webflow AI, make sure Webflow AI is toggled on in Workspace SettingsGeneralWorkspace.

How to add schema markup

You 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:

  1. Open your site in Webflow

  2. Open the page you want to add schema markup to

  3. Open the Pages panel from the left toolbar

  4. Hover over the page and click the “Settings” icon

  5. Scroll to the Schema markup section

  6. Click Generate schema markup to have Webflow AI create schema for your page, or add your own

  7. Click Save

  8. 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

When you generate schema with Webflow AI on a Collection page, relevant dynamic fields from your Collection items (like name, address, price, image, etc.) are automatically included in the schema.

If you’re adding schema markup manually, make sure to bind dynamic Collection fields so each Collection item page has unique schema data.

Reference, Multi-reference, and Multi-image Collection fields aren’t supported in schema markup.

FAQs and troubleshooting

Why can’t I generate schema markup for my page?

You 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

I already added schema markup using custom code. Should I move it to the Schema markup field instead?

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.

Can I add schema markup in both the schema markup field and custom code section?

We don’t recommend adding schema in both places. Keep it in one place to avoid duplicate structured data.

I added schema markup but I’m not seeing rich results on Google. Why?

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.

Where is schema markup added on my published site?

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.

Does Localization support schema markup?

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.

Why can’t I use Reference, Multi-reference, or Multi-image fields in my schema markup?

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

  • Rich text

  • Image

  • Video link

  • Link

  • Email

  • Phone

  • Number

  • Date/Time

  • Switch

  • Color

  • Option

  • File

What happens if I delete a field in a Collection used in my schema?

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.