📦 Out of the box and into your content operations: explore the Spring Release →
Skip to content
  • Docs
  • Enterprise
  • Pricing
Log inContact SalesGet started

  • Content operations

    • Sanity StudioThe TypeScript CMS
    • Media LibraryCentralized asset management
    • CanvasAI-assisted, free-form writing
    • ReleasesStack and stage content updates
    • InsightsUnderstand content performance
    • App SDKRapidly build content apps

    Content backend

    • Content LakeThe content optimized database
    • Live CDNSimple, scalable, real-time
    • ComputeEvent handlers for content changes
    • Agent ActionsBuilt-in, content aware AI
  • Use Cases

    • Unified content OS
    • Marketing
    • E-commerce
    • Media and publishing
    • PIM
    • LMS
    • Build your own

    Users

    • Developers
    • Content Editors
    • Product Owners
    • Business Leaders
  • Build and Share

    • Sanity Learn
    • Integrations
    • Frameworks
    • Templates
    • Tools and Plugins
    • Schemas and snippets
    • Join our community

    Insight

    • Blog
    • Events
    • Customer stories
    • Guides
  • Docs
  • Enterprise
  • Pricing
Get startedContact Sales

Page content

  • What is Schema Markup?
  • How to use Schema markup?
  • Types of Schema Markup
  • Common mistakes to avoid when implementing Schema markup
  • All glossary terms

      • API gateway
      • API-First
      • Accessibility
      • Angular
      • Astro
      • Asynchronous loading
      • Atomic design

      • Backend as a Service

      • Cache invalidation
      • Client Side Rendering (CSR)
      • Component library
      • Composability
      • Content Delivery Network (CDN)
      • Content archiving
      • Content auditing
      • Content block
      • Content lifecycle
      • Content workflow automation
      • Continuous delivery (CD)
      • Cross-Site Scripting
      • Custom input component
      • Customer Data Platform (CDP)

      • Dark mode
      • Deployment
      • DevOps
      • Digital Asset Management
      • Document Object Model

      • Edge computing
      • Edge content delivery
      • Edge function
      • Editing environment
      • Eleventy (11ty)
      • End-to-end encryption
      • Extensibility

      • Feature flags
      • Feature rollout
      • Feature testing
      • Flutter
      • Front end

      • Gatsby
      • GraphQL

      • Hot Module Replacement (HMR)
      • Hugo
      • Hybrid rendering

      • Image Optimization
      • Incremental Static Regeneration (ISR)
      • Infrastructure as Code
      • Internet of Things
      • Islands architecture
      • Isomorphic JavaScript

      • JSON Web Token
      • JSON document
      • JSX
      • Jamstack
      • JavaScript framework

      • Knowledge graph
      • Kubernetes

      • Lazy loading

      • Markdown
      • Microfrontend
      • Microservices
      • Mobile Deep Linking
      • Mobile-first design
      • Modular content
      • Multi-Page Application
      • Multi-tenancy

      • Next.js
      • NoSQL
      • Node.js
      • Nuxt

      • OAuth

      • Partial hydration
      • Partial prerendering
      • Personalization engine
      • Preact
      • Product Information Management
      • Progressive Web Application (PWA)

      • Query Language

      • RESTful API
      • React Native
      • React Server Components
      • React.js
      • Release cycle
      • Remix
      • Rendering
      • Repurposing content
      • Retrieval Augmented Generation
      • Reusable content
      • Rich Text
      • Role-Based Access Control

      • SAML
      • Scalable Vector Graphic (SVG)
      • Schema Markup
      • Server Side Rendering (SSR)
      • Serverless function
      • Single Page Application (SPA)
      • Single Sign-On (SSO)
      • Static Site Generation
      • Svelte
      • SvelteKit

      • Two-factor authentication

      • UX prototyping
      • User flow

      • Version control
      • Vibe coding
      • Virtual DOM
      • Vite
      • Vue.js

      • Webhook

      • YAML
    Back to glossary

    Schema Markup definition

    Schema markup is code added to websites that enhances search engine interpretation and user experience, with the potential to improve visibility and engagement.

    Page content

    • What is Schema Markup?
    • How to use Schema markup?
    • Types of Schema Markup
    • Common mistakes to avoid when implementing Schema markup
  • All glossary terms

      • API gateway
      • API-First
      • Accessibility
      • Angular
      • Astro
      • Asynchronous loading
      • Atomic design

      • Backend as a Service

      • Cache invalidation
      • Client Side Rendering (CSR)
      • Component library
      • Composability
      • Content Delivery Network (CDN)
      • Content archiving
      • Content auditing
      • Content block
      • Content lifecycle
      • Content workflow automation
      • Continuous delivery (CD)
      • Cross-Site Scripting
      • Custom input component
      • Customer Data Platform (CDP)

      • Dark mode
      • Deployment
      • DevOps
      • Digital Asset Management
      • Document Object Model

      • Edge computing
      • Edge content delivery
      • Edge function
      • Editing environment
      • Eleventy (11ty)
      • End-to-end encryption
      • Extensibility

      • Feature flags
      • Feature rollout
      • Feature testing
      • Flutter
      • Front end

      • Gatsby
      • GraphQL

      • Hot Module Replacement (HMR)
      • Hugo
      • Hybrid rendering

      • Image Optimization
      • Incremental Static Regeneration (ISR)
      • Infrastructure as Code
      • Internet of Things
      • Islands architecture
      • Isomorphic JavaScript

      • JSON Web Token
      • JSON document
      • JSX
      • Jamstack
      • JavaScript framework

      • Knowledge graph
      • Kubernetes

      • Lazy loading

      • Markdown
      • Microfrontend
      • Microservices
      • Mobile Deep Linking
      • Mobile-first design
      • Modular content
      • Multi-Page Application
      • Multi-tenancy

      • Next.js
      • NoSQL
      • Node.js
      • Nuxt

      • OAuth

      • Partial hydration
      • Partial prerendering
      • Personalization engine
      • Preact
      • Product Information Management
      • Progressive Web Application (PWA)

      • Query Language

      • RESTful API
      • React Native
      • React Server Components
      • React.js
      • Release cycle
      • Remix
      • Rendering
      • Repurposing content
      • Retrieval Augmented Generation
      • Reusable content
      • Rich Text
      • Role-Based Access Control

      • SAML
      • Scalable Vector Graphic (SVG)
      • Schema Markup
      • Server Side Rendering (SSR)
      • Serverless function
      • Single Page Application (SPA)
      • Single Sign-On (SSO)
      • Static Site Generation
      • Svelte
      • SvelteKit

      • Two-factor authentication

      • UX prototyping
      • User flow

      • Version control
      • Vibe coding
      • Virtual DOM
      • Vite
      • Vue.js

      • Webhook

      • YAML

    What is Schema Markup?

    Schema markup, often referred to as structured data, is a form of code that gets embedded into the backend of a website. Its primary function is to provide search engines with deeper insight into the content available on web pages. This powerful tool essentially acts as a guide for search engines, helping them interpret the context and substance of your page's content.

    In practical terms, schema markup helps enhance how your web page appears on search engine result pages (SERPs). By using this code, you can create rich results—search results that are more detailed and visually appealing than standard listings. These could include product ratings, event timings or even recipe cooking times.

    While schema markup doesn't directly boost your website's ranking in organic searches, it does significantly improve user experience by presenting information in an engaging and easily digestible format. This improved user experience can lead to higher click-through rates and increased traffic to your site. From product details to reviews or local business information—you have various types of schema markups at your disposal.

    Plugins have been developed for Sanity such as Schema Markup which simplifies the handling of structured data for users. With this kind of support available today, implementing schema markup has become accessible for businesses across various industries.

    Ready to explore Sanity?

    Sanity is a modern SEO-friendly headless CMS that enables you to treat content as data, making it actionable and scaleable across your business.

    Watch demo nowSign up free

    How to use Schema markup?

    The process of adding schema markup to your website involves embedding structured data in the form of code, using coding methods such as JSON-LD, microdata, or RDFa. Each method has its own syntax and rules that dictate how you structure the data.

    To get started with schema markup, you need to first identify what type of content you want to enhance on your webpage. This could range from product details and reviews to articles or local business information. Once identified, choose the appropriate schema type from a vast variety available.

    Next comes the task of implementing this code into your website's backend—a task that may seem daunting if you're not familiar with coding. But don't worry! Tools like Google's Rich Results Test can help ease this process by testing and validating your schema markup implementation.

    Remember that optimal use of schema markup isn't a one-time task—it requires regular reviews and updates in alignment with changes on your site.

    Types of Schema Markup

    There are numerous types of schema markup available, each designed to enhance the visibility and understanding of different kinds of content. Product markup, for instance, is ideal for e-commerce businesses as it displays detailed product information like pricing and ratings directly on SERPs. For service providers or local businesses, organization and local business markups can help display key details such as operating hours or location.

    Article markup is a perfect fit for blogs or news websites aiming to stand out in search results with rich snippets showing headlines and author information. Similarly, course markup comes handy for educational institutions wanting to highlight course details effectively.

    For sites offering recipes or hosting events, recipe and event markups respectively can enrich user experience by displaying cooking time or event dates in search results. Job posting schemas allow companies to attract quality talent by featuring vital job specifics right on Google's job search feature.

    Lastly, review markup allows you to showcase customer reviews on your products or services directly within SERPs—increasing trust among potential customers.

    Common mistakes to avoid when implementing Schema markup

    While schema markup can be incredibly beneficial, it's crucial to avoid common pitfalls during its implementation. One such mistake is using incorrect or irrelevant schema types. Remember, the purpose of schema markup is to provide search engines with a clearer understanding of your content. Using inappropriate schemas could lead to confusion and potentially harm your SEO performance.

    Another significant error is improper coding. This might include syntax errors or improperly nested items which can render your markup invalid. Utilizing validation tools like Google's Rich Results Test can help you identify and rectify these issues before they impact your site’s visibility.

    Overdoing it with Schema Markup is another common misstep. While incorporating structured data throughout your website can improve visibility, excessive use could appear spammy and may result in penalties from search engines.

    Finally, neglecting maintenance post-implementation can be detrimental too. As your website evolves, continuous monitoring and adjustments are necessary to ensure optimal results from Schema Markup.

    Last updated: August 23, 2024

    Join our community
    Subscribe to our newsletter

    Products

    • Sanity Studio
    • Content Lake
    • APIs
    • Canvas
    • AI Assist
    • Changelog
    • Use cases

    Resources

    • Docs
    • Learn
    • Templates
    • Resource Library
    • Guides
    • Explainers
    • Compare Sanity
    • Glossary

    Company

    • Blog
    • Events
    • Customer Stories
    • Careers
    • Agency Partners
    • Technology Partners

    Trust and compliance

    • Privacy policy
    • Terms of service
    • Accessibility statement
    • Transparency statement
    • Security and compliance
    • Open Source pledge

    Keep in touch

    © SANITY 2025

    OSL, NOR (CET)

    SFO, USA (PST)

    Loading system status...