Schema markup for SEO: What it is and how it works

Learn how schema markup for SEO can drive more traffic to your site by giving search engines the right information for rich search results.

Schema markup for SEO: What it is and how it works

Table of contents

Build with Webflow

Webflow Enterprise gives your teams the power to build, ship, and manage sites collaboratively at scale.

Build with Webflow

Webflow Enterprise gives your teams the power to build, ship, and manage sites collaboratively at scale.

Schema markup tells potential visitors you have what they’re looking for.

Implementing schema markup for SEO is a great way to improve your chances of being featured in a rich result on Google. As a system of labels, it’s surprisingly simple to create with a few pointers (and the right tools).

There are a few specific schema markup types you can use to fill in details about your web pages. In this article, you’ll learn about those types and how to use schema markup for SEO (and how it benefits your brand’s AEO as well).

What’s schema markup?

Schema markup, also known as structured data, is code you write into web pages to help search algorithms identify what’s on your page. There are around 1,500 properties you can use to do things like identify the price of a product or the title of a movie playing in a theater. (You won’t need to know all the properties — just the ones relevant to your website.)

All of these properties are detailed on Schema.org, a joint project from Google, Microsoft, Yahoo, and Yandex that created the vocabulary for all the schema types used for search results. This standardization means everyone can use the same labels (e.g., “openingHours,” “reviewRating,” or “priceRange”) for more visibility and better SEO and AEO performance.

Key aspects of schema markup in SEO

Schema markups are useful, but applying one isn’t a cheat code for better search rankings. It gives your content a chance to show up as a rich snippet (like the one shown above) — an enhanced search result with more information than your standard search listing.

Here’s what makes schema markup important for SEO:

  • Stronger click-through rates: Rich results get users to click through at 17% higher rates, and search results with better CTRs rank higher because it signals a stronger link between the query and your page.
  • Improved SERP real estate: With their extra information, rich results take up a larger space in the search engine results page (SERP), including the knowledge panel on the right side of Google results. That means more visibility and perceived credibility. 
  • Better UX: Searchers get more information from the SERP, so they can see if your site will answer their search intent. Users who click through are then more likely to stay on your site for longer with a lower bounce rate.
  • AI visibility: Structured data labels content in a way that large language models can discover and use in AI search results.
  • Competitive advantage: You’ll be more likely to outrank competitors in SERPs if they don’t have a schema markup.

Common schema markup types

All of the schema markup properties are organized into categories called “types.” You can tell them apart from properties by their capitalization. A category starts with a capital letter, and a property starts in lowercase (for example, “LocalBusiness” is a type, and “openingHours” is a property within that type). 

When you create schema markup, you reference a type and the property within it that you want to use. Here are some of the most common schema markup types and examples of their typical uses:

  • Article. Blogs and news websites use properties from the “Article” type to give search engines context about their written content, including “datePublished” and “breadcrumbs.”
  • Product. Ecommerce sites use the “Product” type to clarify information about each item they’re selling, like “size” and “review.”
  • FAQPage. Service websites label their FAQ page with properties from the “FAQPage” type, such as “relatedLink” and “primaryImageOfPage.”
  • LocalBusiness. Businesses that serve an in-person population, like gas stations and restaurants, use “LocalBusiness” properties to answer searcher’s questions about how their business is run (e.g., “openingHours,” “paymentAccepted,” and “priceRange”).
  • Event. Event organizers use properties from the “Event” type, such as “eventSchedule” and “typicalAgeRange,” to highlight details for rich results.

Common schema markup formats

There are three accepted ways to add schema markup to your pages. JSON-LD is the most commonly recommended, but here’s how all three formats work in practice.

JSON-LD

JSON-LD is a script you add to your page’s HTML that organizes structured data properties into ‘name: value’ pairs. Those pairs create a long list you can easily update as your site grows.

Here’s an SEO schema markup example that uses JSON-LD:

<script type="application/ld+json">

{

  "@context": "https://schema.org",

  "@type": "LocalBusiness",

  "name": "Ricardo’s Deli",

  "image": "https://RicardosDeli.com/logo.png",

  "telephone": "+15551234",

  "openingHours": "Mo,Tu,We,Th 09:00-12:00",

  "priceRange": "$$",

  "address": {

    "@type": "PostalAddress",

    "streetAddress": "123 Elm St",

    "addressLocality": "Lincoln",

    "addressRegion": "CA",

    "postalCode": "95648",

    "addressCountry": "US"

  }

 }

</script>

Microdata

With Microdata, individual HTML elements are labeled with schema markup attributes like <itemtype> and <itemprop>. For example, you might label a title heading as the name of your business:

<div itemscope itemtype="https://schema.org/LocalBusiness">

  <h1><span itemprop="name">Ricardo’s Deli</span></h1> 

</div>

Note: Not every HTML element can take schema markup attributes like <itemprop> and <itemtype>. Use <div>s and <span>s as needed to insert compatible elements that can use those attributes.

Resource description framework in attributes (RDFa)

RDFa is the predecessor to Microdata, so it looks very similar. However, the attributes are different (such as <span>), and types are identified with their property rather than a URL:

<div vocab="https://schema.org/" typeof="LocalBusiness">

  <h1><span property="name">Ricardo’s Deli<span></h1> 

</div>

Want to understand how your site stacks up for AI-led discovery?

Get your free AEO maturity assessment today

Read now

How to add schema markup to your website: 6 steps

Pick a page on your website and follow these six steps to add a simple schema markup that’ll help you give more detail to search engines to improve your ranking.

1. Choose your markup type

Choose JSON-LD, Microdata, or RDFa for your markup, depending on your level of comfort with writing code. JSON-LD is the best option for most people because it’s more intuitive to write and edit, but Microdata and RDFa are acceptable alternatives if you’re comfortable with HTML.

2. Ensure information is up to date

Audit your page to make sure all the content you want to mark up is accurate. Detecting errors like incorrect dimensions or outdated hours now will save you the trouble of fixing them on the page and in the markup later.

3. Generate markup

Using your chosen format, write the schema markup in a code editor or text file. Better yet, save time and employ a schema generator, like Webflow AI’s schema support tool, to generate the markup you need for every piece of content in your CMS.

4. Add schema markup to your website

Open the HTML for your web page and add your schema markup. If you used JSON-LD, add the script to the <head> element. If you used Microdata or RDFa, replace the relevant content with the markup.

5. Test and validate

You’ll want to check your schema markup as you go to ensure you have the syntax right and all the properties listed correctly. Some schema testing tools will even offer suggestions to help you make the most of your markup.

How to validate your schema markup

Use a validator like Schema.org or Google’s Rich Results Test to check that your structured data functions and is error-free.

  • Schema.org. Schema.org offers a free testing tool that’ll check your structured data for any syntax or property errors. Just open the validation tool, paste your markup or JSON-LD script into it, and run the test. It’ll immediately point out any errors and identify which line numbers they occur on, so you can make the necessary corrections faster.
  • Rich Results Test. Google’s Rich Results Test tool validates schemas like Schema.org, but goes further by offering suggestions for other types and properties you may have missed. If you put in a snippet for LocalBusiness properties, for example, it might suggest adding “address,” “image,” or “priceRange.”

6. Monitor performance

Publish your changes and check your analytics periodically to see if it’s made a difference in search ranking or click-through rate. A tool like Webflow Analyze can help you gauge performance changes over time to identify what’s working and what still needs adjustments.

Schema markup best practices

Save yourself time running tests by following these tips for making great schema markups.

Select the appropriate schema types

Pick schema types that include most (if not all) of the properties you need. You’ll probably have to use more than one type to capture everything, but being selective about which types you use will make it so you only need two or three. This keeps your markup clean and easier for search algorithms to understand.

Update your schema markup regularly

Add refreshing your schema markup to your checklist whenever you update content on your website. If a price changes or a product is no longer available, change the relevant schema markup properties to ensure rich results are always accurate.

Stay informed about Google schema markup updates

Google periodically updates its structured data guidance, including which properties it looks for and what it doesn’t. Check the guidelines regularly to stay current on changes that could impact your site’s search performance.

Validate your markup

Always run your markup through a validator before you publish to check for any errors. Google’s Rich Results Test tool can also help you discover opportunities for improvement, which is especially useful when you’re adding a new markup or have significantly changed a page’s content.

Use the JSON-LD format

While you can successfully use Microdata or RDFa to create a schema markup, JSON-LD is the best schema markup format because it puts all your structured data in one long list that’s easy to update. Starting with it now will make your website more scalable long term.

How to measure schema markup’s impact

To measure the impact your schema markup has on search rankings, you need to gather data on the page before and after the addition. Use a tool like Webflow Analyze to see how traffic changes after you implement structured data, and test your SEO performance with Google Search Console.

You should see a marked improvement in click-through rates after implementing schema markup. If not, experiment with new properties to find a combination that gets more clicks.

Add schema markup with Webflow

You can make a big impact on your SEO by adding schema markup. But deciding what to include and drafting all the information can be quite time-consuming, especially if you’re starting from scratch for multiple pages or a catalog full of products.

Get a head start on your markup with Webflow AI, which can automatically generate structured data for all your pages. Webflow AI detects content like names, addresses, and prices, and blends the appropriate markup into your pages where it’s needed.

Sign up for a free Starter plan to try Webflow’s starter AI tools. Then, upgrade and discover all the ways it can streamline your SEO, AEO, and website design from the ground up.

Webflow Enterprise

Trusted by over 300,000 of the world’s leading brands, Webflow Enterprise empowers your team to visually build, manage, and optimize sophisticated websites at scale — all backed by enterprise-grade security.

Read now

Last Updated
July 28, 2026
Category

Related articles

How website breadcrumbs improve navigation and boost SEO success
How website breadcrumbs improve navigation and boost SEO success

How website breadcrumbs improve navigation and boost SEO success

How website breadcrumbs improve navigation and boost SEO success

Strategy
By
Webflow Team
,
,
Read article
Maximizing the SEO of your multilingual Webflow website
Maximizing the SEO of your multilingual Webflow website

Maximizing the SEO of your multilingual Webflow website

Maximizing the SEO of your multilingual Webflow website

Strategy
By
Jesús Vivas
,
,
Read article
What’s metadata and how does it boost your site’s SEO?
What’s metadata and how does it boost your site’s SEO?

What’s metadata and how does it boost your site’s SEO?

What’s metadata and how does it boost your site’s SEO?

Strategy
By
Webflow Team
,
,
Read article
9 effective mobile SEO and AEO techniques to grow your site traffic
9 effective mobile SEO and AEO techniques to grow your site traffic

9 effective mobile SEO and AEO techniques to grow your site traffic

9 effective mobile SEO and AEO techniques to grow your site traffic

Strategy
By
Webflow Team
,
,
Read article
SEO testing: How to use testing to improve your search rankings
SEO testing: How to use testing to improve your search rankings

SEO testing: How to use testing to improve your search rankings

SEO testing: How to use testing to improve your search rankings

Strategy
By
Webflow Team
,
,
Read article
Webflow Design Language: Bridging The Gap Between Design & Code
Webflow Design Language: Bridging The Gap Between Design & Code

Webflow Design Language: Bridging The Gap Between Design & Code

Webflow Design Language: Bridging The Gap Between Design & Code

Engineering
By
Merrick Christensen
,
,
Read article

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logosoundcloud logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logosoundcloud logoreddit logothe new york times logoideo logoupwork logodiscord logo

Get started for free

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Get started — it’s free
Watch demo

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.