Schema.org - Structured data in webflow

Design help General
48

Hey there :wave:t2:!

Adding structured data to your Webflow site is actually pretty straightforward, and we’ve done it successfully for various schema types both in our own sites and also in dozens of our client sides, getting those sweet rich snippets to show up in Google :ok_hand:t2:.

Here’s a quick rundown on how to do it:

  1. :hammer_and_wrench: Configure CMS: Set up your CMS collection with all the necessary fields for your schema (e.g., title, author, date, etc.).

  2. :label: Add Schema Markup: In your page settings, go to the “Custom Code” section and paste your schema markup in the “Inside < head > tag” area.

For reference, here is the code we use for the article schema, which is the most common one we implement:

<!-- Schema.org - Simple Article Snippet -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "[Article Title]",
  "image": [
    "[Article Image URL]"
  ],
  "datePublished": "[Publication Date]",
  "dateModified": "[Modification Date]",
  "author": [{
    "@type": "Organization",
    "name": "BRIX Agency",
    "url": "https://brixagency.com"
  }]
}
</script>

  1. :gear: Make it Dynamic: Replace static values in your schema with dynamic CMS fields.

  2. :floppy_disk: Save and Publish: Don’t forget to save your changes and publish your site!

  3. :white_check_mark: Verify: Use Google’s Rich Results Test tool to check if your schema is working correctly.

We’ve used this method to implement various types of schema, from articles to products to events, and it works like a charm.

If you want a more detailed walkthrough with screenshots and example code, check out our full tutorial here: How to integrate Schema.org rich snippets in your Webflow site | BRIX Agency

Let me know if you have any questions about the process.

1 Like