What is Schema Markup? Complete Guide to Adding Structured Data for SEO

What is Schema Markup?

Schema Markup (also known as structured data) is a type of code used to help search engines like Google and Bing better understand the content of your website. Schema Markup uses vocabulary from Schema.org - a collaborative project between Google, Bing, Yandex, and Yahoo to create a common vocabulary for describing data on the internet.

When you add Schema Markup to your website, search engines can more accurately understand the content of your articles, products, events, or business information. This can lead to your website displaying attractive rich snippets (enriched excerpts) on the Search Engine Results Page (SERP), significantly increasing your click-through rate (CTR).

Important Note: Schema Markup is not a direct ranking factor for Google, but it helps search engines understand content better, which can indirectly improve SEO rankings through attractive rich snippet display and increased CTR.

The Difference Between Schema Markup and Structured Data

Many people often confuse Schema Markup with Structured Data. In fact, these two terms are closely related:

Structured Data is a general term referring to data organized in a specific format, allowing computers to understand and process it easily.
Schema Markup is the specific implementation of structured data, using vocabulary from Schema.org to mark up content on your website.

In other words, Schema Markup is the technical method to implement structured data on your website.

Popular Types of Schema Markup

1. Schema Article

Schema Article is used for news articles, blog posts, or text content. This schema type helps search engines understand information about the author, publication date, featured image, and article description.

Schema Article is suitable for various content types:

News articles (NewsArticle)
Blog posts (BlogPosting)
How-to articles (HowTo)
Q&A articles (Q&A)

Using Schema Article on blog posts like this one helps Google understand that this is instructional content with clear structure including title, content, and author information.

2. Schema Local Business

Schema LocalBusiness (or LocalBusiness) is a schema type specifically for businesses with physical locations. This is one of the most important schema types if you're doing Local SEO to reach local customers.

Important information in Schema Local Business includes:

Business name
NAP (Name, Address, Phone)
Opening hours
Map location
Customer reviews
Business images

Combining Schema Local Business with Google My Business will help your business stand out on Google Maps and local search results.

3. Schema Product

Schema Product is used for product pages on e-commerce websites. This schema displays product information such as price, stock status, reviews, and manufacturer directly in search results.

Important information in Schema Product:

Product name
Price and currency
Stock status (in stock, out of stock, pre-order)
Product image
Star rating
Brand/Manufacturer
Product codes (SKU, MPN, GTIN)

4. Schema FAQ

Schema FAQ (Frequently Asked Questions) is a schema type that allows displaying a list of questions and answers directly on search results. This is one of the most popular schema types in modern SEO On-Page.

Schema FAQ helps:

Display Q&A list directly on SERP
Increase space occupied on search results
Improve chances of appearing in People Also Ask
Significantly increase CTR due to larger display space

5. Schema How-To

Schema How-To is used for step-by-step instructional content. This schema allows Google to display tutorial steps directly on search results in an attractive format.

Important components in Schema How-To:

Tutorial title
Total completion time
List of steps with detailed descriptions
Illustrative images for each step
Required materials/tools

6. Schema Review

Schema Review is used to display reviews of products, services, or content. This schema helps display star ratings and review information on SERP.

Schema Breadcrumb helps search engines understand your website's navigation structure and can display attractive breadcrumb navigation on search results. This is an effective way to improve user experience and SEO.

8. Schema Event

Schema Event is used for event pages such as conferences, concerts, trade shows, or activities with specific dates. This schema displays event information like date, location, and ticket prices.

9. Schema Organization

Schema Organization describes information about a business or organization, including name, logo, description, contact information, and social media links.

How to Add Schema Markup to Your Website

Method 1: JSON-LD (Recommended)

JSON-LD (JavaScript Object Notation for Linked Data) is the method recommended by Google. This is a lightweight data format, easy to implement, and doesn't affect the HTML structure of your page.

To add JSON-LD, you need to add a <script> tag in the <head> or <body> of your HTML page:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Your Article Title",
  "author": {
    "@type": "Person",
    "name": "Author Name"
  },
  "datePublished": "2026-04-20",
  "dateModified": "2026-04-20",
  "image": "Featured Image URL"
}
</script>

Helpful Tip: Use the Google Rich Results Test tool to verify that your Schema Markup is correctly implemented and qualifies for rich snippet display.

Method 2: Microdata

Microdata is a method that uses HTML attributes like itemscope, itemtype, and itemprop to mark up content directly in HTML.

<div itemscope itemtype="https://schema.org/Article">
  <h1 itemprop="headline">Article Title</h1>
  <span itemprop="author" itemscope itemtype="https://schema.org/Person">
    <span itemprop="name">Author Name</span>
  </span>
  <time itemprop="datePublished" datetime="2026-04-20">20/04/2026</time>
</div>

Method 3: RDFa

RDFa (Resource Description Framework in Attributes) uses attributes like vocab, typeof, and property to extend HTML5 with data marking capabilities.

Schema Markup Support Tools

1. Google Rich Results Test

Google Rich Results Test is Google's free tool that helps check whether your web page qualifies for rich results display. This tool supports checking many schema types including Article, Product, FAQ, How-To, Local Business, Recipe, and more.

How to use Google Rich Results Test:

Access the tool at https://search.google.com/test/rich-results
Enter your website URL or paste Schema code directly
Wait for the tool to analyze and display results
View errors (if any) and fix recommendations

2. Google Schema Markup Validator

Google Schema Markup Validator (formerly Structured Data Testing Tool) is a tool that allows you to check in detail any Schema errors and see how Google interprets the data on your page.

3. Yoast SEO Plugin (for WordPress)

If you're using WordPress, Yoast SEO is a plugin that provides automatic Schema Markup for articles and pages. This plugin also allows you to customize Schema without writing code.

Learn more about Yoast SEO plugin to leverage Schema features in WordPress.

4. Rank Math SEO Plugin (for WordPress)

Rank Math SEO is another powerful SEO plugin for WordPress, providing automatic Schema Markup and many advanced configuration options.

5. Schema Markup Generator

Schema Markup Generator is a tool that helps create Schema code easily through a visual interface. You just need to enter information and the tool will automatically generate complete JSON-LD code.

Benefits of Schema Markup for SEO

1. Increase Rich Snippet Display Visibility

Rich Snippets are additional information displayed on search results, including star ratings, publication dates, images, prices, and more. Schema Markup helps search engines understand and display this information, making your results stand out from competitors.

2. Improve Click-Through Rate (CTR)

When appearing in an attractive rich snippet format, your website's CTR can increase significantly. According to research, pages with rich snippets can achieve 30% higher CTR compared to regular pages.

3. Help Search Engines Understand Content Better

Schema Markup provides clear context about content, helping Google accurately understand what your article is about. This is especially useful when your content covers complex topics or has many synonyms.

4. Increase Chances of Appearing in People Also Ask

Using Schema FAQ and Schema How-To can help your content appear in Google's People Also Ask section, expanding your reach to users.

5. Support Voice Search

With the development of voice search, Schema Markup helps virtual assistants like Siri and Google Assistant answer user questions more accurately from your page content.

Popular Rich Snippet Types

Rich Snippet for Article

When using Schema Article, your article can display:

Thumbnail image
Article title
Short description (description)
Publication date and update date
Author name

Rich Snippet for Product

With Schema Product, products display:

Product image
Price and currency
Stock status
Star rating (if available)

Rich Snippet for FAQ

Schema FAQ displays the Q&A list expanded directly on SERP, significantly increasing display space and click opportunities.

Rich Snippet for How-To

Schema How-To displays:

Tutorial title
Step list
Total completion time
Illustrative images for each step

Rich Snippet for Local Business

Schema Local Business helps businesses display:

Business image
Address and map
Opening hours
Customer star rating
Contact phone number

Common Errors When Implementing Schema Markup

Error 1: Schema Data Doesn't Match Page Content

One of the most serious errors is information in Schema not matching actual content on the page. For example, product price in Schema is $100 but displays $150 on the page.

Fix: Always ensure Schema information is consistent with actual page content. Verify manually or use validation tools.

Error 2: Missing Required Properties

Each Schema type has required properties. Without these properties, Schema won't validate.

Fix: Use Google Rich Results Test to check and add missing properties.

Error 3: Using Wrong Schema Type

Many people use Schema types that don't match their content. For example, using BlogPosting for a product page or vice versa.

Fix: Choose the most appropriate Schema type for actual page content.

Error 4: Using Too Many Schema

Using too many Schema types or repeating the same Schema type multiple times can confuse search engines.

Fix: Only use necessary Schema types for each page, maximum 2-3 different Schema types.

Error 5: Incorrect Date Format

Google requires specific date format according to ISO 8601 (example: "2026-04-20"). If the format is incorrect, Schema won't work.

Fix: Use standard date format: YYYY-MM-DD or YYYY-MM-DDTHH:MM:SS+HH:MM.

Error 6: Placing Schema in Non-Indexable Section

Placing Schema in elements blocked from indexing (like tags with robots="noindex") will prevent search engines from reading it.

Fix: Ensure the page allows indexing (index, follow or no noindex directive) and Schema is placed in an accessible <head> or <body> section.

How to Check and Fix Schema Markup Errors

Step 1: Use Google Search Console

Google Search Console provides reports on Schema Markup related issues. Access the Enhancements section to see Schema errors on your website.

How to access:

Log in to Google Search Console at https://search.google.com/search-console
Select your website
Go to Enhancements > Rich Results for detailed reports

Learn more about Google Search Console to monitor and fix Schema errors.

Step 2: Use Google Rich Results Test

Enter your website URL in the tool to check:

Whether Schema is valid
Whether it qualifies for rich results display
Whether there are any errors to fix

Step 3: Manual Check

View your page's HTML source (Ctrl+U in browser) and search for <script type="application/ld+json"> tags to confirm Schema is added correctly.

Schema Markup for Specific Platforms

Schema Markup for WordPress

If you're using WordPress, there are several ways to add Schema:

Method 1: Using Yoast SEO Plugin

Install and activate Yoast SEO
Go to plugin settings
Find Schema Settings and configure as desired
Yoast will automatically add Schema Article for posts

Method 2: Using Schema Pro

This is a specialized Schema Markup plugin
Provides visual interface to create Schema
Supports many popular Schema types

Schema Markup for Next.js/React

With Next.js or React, you can use libraries like:

react-schemaorg: Schema Markup library for React
next-seo: SEO plugin for Next.js with Schema support

Example using next-seo:

import { NextSeo } from 'next-seo';

export default function Page() {
  return (
    <>
      <NextSeo
        title="Article Title"
        description="Article description"
        schema={{
          '@context': 'https://schema.org',
          '@type': 'Article',
          'headline': 'Article Title',
          'author': {
            '@type': 'Person',
            'name': 'Author Name'
          }
        }}
      />
      {/* Page content */}
    </>
  );
}

Schema Markup for Static HTML

With simple static HTML websites, you just need to add a <script> tag containing JSON-LD in the <head> of each page.

Detailed Schema Markup Examples

Article Schema Example

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "What is Schema Markup? Complete Guide to Adding Structured Data for SEO",
  "image": "https://example.com/images/schema-markup.jpg",
  "author": {
    "@type": "Person",
    "name": "Author Name",
    "url": "https://example.com/author"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Your Website Name",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.png"
    }
  },
  "datePublished": "2026-04-20T10:00:00+07:00",
  "dateModified": "2026-04-20T10:00:00+07:00",
  "description": "Learn what Schema Markup is and how to add structured data to your website to optimize for SEO, display impressive rich snippets in search results."
}
</script>

FAQ Schema Example

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "What is Schema Markup?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Schema Markup is a type of code used to help search engines better understand the content of your website."
      }
    },
    {
      "@type": "Question",
      "name": "How to add Schema Markup to my website?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "You can add Schema Markup in three ways: JSON-LD (recommended), Microdata, or RDFa. JSON-LD is recommended by Google."
      }
    }
  ]
}
</script>

Local Business Schema Example

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "Your Business Name",
  "image": "https://example.com/images/logo.jpg",
  "telephone": "+84-123-456-789",
  "email": "contact@example.com",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "123 ABC Street, XYZ Ward",
    "addressLocality": "District 1",
    "addressRegion": "Ho Chi Minh City",
    "postalCode": "70000",
    "addressCountry": "VN"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": "10.7769",
    "longitude": "106.7009"
  },
  "openingHoursSpecification": [
    {
      "@type": "OpeningHoursSpecification",
      "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
      "opens": "08:00",
      "closes": "18:00"
    }
  ],
  "priceRange": "$$"
}
</script>

Schema Markup Trends in 2026

1. Schema for Voice Search

With the development of voice search and virtual assistants, optimizing Schema for voice search is becoming increasingly important. Using Schema FAQ, Schema Speakable, and Schema Q&A helps virtual assistants answer user questions more accurately. See the full guide in our Voice Search Optimization article.

2. Schema for Video

Schema VideoObject is becoming increasingly important with the development of video content. This schema helps your video appear in video search results and display attractive thumbnails.

3. Schema for AI Overview

Google is integrating AI Overview into search results. Schema Markup helps your content be prioritized for display in these AI summaries.

4. Schema for E-E-A-T

Schema types supporting E-E-A-T (Experience, Expertise, Authoritativeness, Trustworthiness) such as Person, Author, Organization are becoming increasingly important in building content authority.

Conclusion

Schema Markup is an important technical element that helps your website display attractively in search results and be better understood by search engines. Although not a direct ranking factor, Schema Markup offers many indirect benefits:

Attractive Rich Snippet display, standing out among numerous search results
Significant CTR increase due to larger display space
Better search engine content understanding
Support for voice search and AI Overview

Start by adding Schema Article for blog posts, Schema FAQ for FAQ pages, or Schema Local Business if you're operating locally. Use the Google Rich Results Test tool to verify and ensure Schema is correctly implemented.

Next Step: Test your website with Google Rich Results Test and add appropriate Schema for important pages. Don't forget to monitor Schema errors in Google Search Console to fix them promptly.

If you're using WordPress, learn more about essential plugins for WordPress to leverage automatic SEO features.