Schema Markup: A Practical Guide for Your Website

When you search for a recipe on Google and see the star rating, prep time, and calories right in the results without clicking, you are looking at schema markup in action. Those rich snippets do not appear by magic: someone implemented structured data on their website.

In this practical guide we will explain what schema markup is, what types exist, how to implement it step by step, and above all, what impact it has on your site's visibility and conversion.

What is schema markup

Schema markup (or schema structured data) is a vocabulary of structured data added to a page's HTML to help search engines understand its content better. It was created in 2011 through a collaboration between Google, Bing, Yahoo, and Yandex under the Schema.org project.

In simple terms: if your page is about a product, schema tells Google exactly that it is a product, what its price is, whether it is in stock, what its ratings are, and so on. Without schema, the search engine has to guess; with schema, it knows for certain.

Is schema markup the same as structured data?

Technically, schema markup is a type of structured data. Structured data is any organized format machines can read. Schema.org is the standard vocabulary that the major search engines recognize and recommend.

Why schema markup matters

The main reason is visibility in search results. Pages with schema markup can appear as rich snippets, which include extra information such as:

Star ratings
Prices and availability
Expandable FAQ sections
Breadcrumbs
Event dates
Recipe or product images

According to various studies, rich snippets can increase CTR by 20 % to 40 % compared to a standard result. More clicks at the same position means more qualified traffic without spending more on SEO or ads.

Most common schema types

Schema.org defines hundreds of types, but these are the most widely used and impactful:

Article

For blog posts, news, and editorial content. It lets Google display the title, image, publication date, and author directly in search results.

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Schema Markup: A Practical Guide",
  "author": {
    "@type": "Person",
    "name": "Adrià Vidal"
  },
  "datePublished": "2026-09-21"
}

FAQ (FAQPage)

Ideal for pages with frequently asked questions. Google can display the questions and answers directly in the SERP, taking up significantly more visual space.

Product

For e-commerce product pages. It includes price, currency, availability, ratings, and more. It is one of the schemas with the greatest direct impact on conversion because the user sees key information before clicking.

BreadcrumbList

Displays the page's navigation hierarchy in search results. It improves understanding of the site structure for both users and search engines.

LocalBusiness

For businesses with a physical location. It shows address, hours, phone number, and ratings. Essential for local SEO.

HowTo

For step-by-step guides. Google can display the steps directly in the result, which dramatically boosts visibility.

Schema type	Main use	Typical rich snippet
Article	Blog, news	Title, image, date, author
FAQPage	Frequently asked questions	Expandable Q&A
Product	E-commerce	Price, stock, stars
BreadcrumbList	Navigation	Breadcrumb trail
LocalBusiness	Local businesses	Address, hours, phone
HowTo	Tutorials	Numbered steps

How to implement schema markup

There are three main formats for adding schema markup to your site:

1. JSON-LD (recommended)

This is the format Google officially recommends. It is added as a <script> block in the <head> or <body> of the page without modifying the visible HTML.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "What is schema markup?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "It is a structured data vocabulary..."
    }
  }]
}
</script>

Advantage: it does not interfere with the design or existing HTML. Easy to maintain and update.

2. Microdata

Added directly as HTML attributes (itemscope, itemtype, itemprop). More invasive than JSON-LD because it requires modifying existing markup.

3. RDFa

Similar to Microdata but based on a different standard's attributes. Less popular and more complex.

Our recommendation: always use JSON-LD. It is the cleanest, the one Google prefers, and the easiest to implement and maintain.

Validation tools

After implementing schema, verifying it is correctly set up is essential:

Google's Rich Results Test: the official tool to check whether your schema is eligible for rich snippets. Available at search.google.com/test/rich-results.
Schema Markup Validator: validates the syntax of your structured data against the Schema.org standard.
Google Search Console: under the Enhancements report, you can see errors and warnings for your structured data across the entire site.

Common schema implementation mistakes

Marking up content that does not exist on the page: Google penalizes schema that describes something the user cannot see. If you mark up a price, that price must be visible.
Using incorrect types: marking a blog post as Product or a service page as Article confuses search engines.
Forgetting required fields: each schema type has required properties. If they are missing, the rich snippet will not appear.
Not updating the schema: if you change a product's price but do not update the schema, you are showing wrong information.
Duplicating schemas: having two JSON-LD blocks of the same type on one page can cause conflicts.

Schema and conversion: the CRO impact

From a conversion optimization standpoint, schema markup is a quiet but powerful ally:

Higher CTR: more clicks from SERPs without changing position.
More qualified traffic: users who see the price, ratings, or availability before clicking arrive with aligned expectations, which reduces bounce rate.
Better navigation experience: breadcrumbs help users understand where they are and explore more pages.
Trust: ratings and business details visible on Google build trust before the first interaction.

Conclusion

Schema markup is neither a fad nor an advanced technique reserved for experts. It is a fundamental practice every website should implement. The benefits in visibility, CTR, and traffic quality are too significant to ignore.

Start with the schemas most relevant to your business — Article if you have a blog, Product if you sell online, LocalBusiness if you have a physical store — and always validate with official tools.

If you want your website to convert more — from the Google click to the final action — discover how we work at our CRO agency or analyze your site for free with Scan&Boost.

— Adrià Vidal