HTML - Microdata, RDFa, and Structured Data (Schema.org)

Structured data in HTML refers to embedding additional metadata within web pages so that machines, especially search engines, can better understand the content. While humans can read and interpret a webpage visually, search engines rely on structured formats to interpret meaning, relationships, and context. This is where Microdata, RDFa, and vocabularies like Schema.org come into play.

1. What is Structured Data?

Structured data is a standardized format for providing information about a page and classifying its content. It helps search engines understand whether a page is about a product, person, article, event, review, or something else. This improves how your content appears in search results, often enabling rich results such as star ratings, product prices, or event dates.

2. Microdata

Microdata is a specification used to embed machine-readable data within HTML using specific attributes. It integrates directly into HTML elements without changing their visual appearance.

Key attributes used in Microdata:

  • itemscope: Defines the scope of a structured data item.

  • itemtype: Specifies the type of item (usually a URL from Schema.org).

  • itemprop: Defines properties of the item.

Example:

<div itemscope itemtype="https://schema.org/Product">
  <h2 itemprop="name">Smartphone</h2>
  <p itemprop="description">Latest model with advanced features</p>
  <span itemprop="price">500</span>
</div>

In this example, the HTML describes a product with specific properties like name, description, and price.

3. RDFa (Resource Description Framework in Attributes)

RDFa is another method of embedding structured data into HTML. It is more flexible and powerful than Microdata, as it supports linking data across different schemas and vocabularies.

Key RDFa attributes:

  • typeof: Defines the type of the subject.

  • property: Defines a property and its value.

  • vocab: Specifies the vocabulary being used.

Example:

<div vocab="https://schema.org/" typeof="Person">
  <span property="name">John Doe</span>
  <span property="jobTitle">Developer</span>
</div>

RDFa is commonly used in environments where more complex data relationships are required, such as semantic web applications.

4. Schema.org Vocabulary

Schema.org is a collaborative project supported by major search engines to create a shared vocabulary for structured data. It provides predefined types such as:

  • Product

  • Person

  • Article

  • Event

  • Organization

Using Schema.org ensures consistency and improves the likelihood that search engines will correctly interpret your data.

5. Benefits of Structured Data

  • Improves search engine understanding of content

  • Enables rich results (enhanced listings in search results)

  • Increases click-through rates due to better visibility

  • Helps with voice search and AI-based assistants

  • Supports better indexing and categorization

6. Microdata vs RDFa

  • Microdata is simpler and easier to implement but limited in flexibility

  • RDFa is more powerful and extensible but slightly more complex

  • Both can be used with Schema.org vocabulary

7. Modern Practice

Although Microdata and RDFa are still valid, many developers now prefer JSON-LD (JavaScript Object Notation for Linked Data), which separates structured data from HTML markup and is easier to maintain. However, understanding Microdata and RDFa remains important for legacy systems and deeper semantic web concepts.

8. Use Cases

  • E-commerce websites marking up products and prices

  • Blogs marking up articles and authors

  • Event websites displaying schedules and locations

  • Business websites marking up contact details and reviews

Conclusion

Microdata and RDFa provide a way to embed structured meaning into HTML documents, making content more understandable for machines. When combined with Schema.org, they enable richer search experiences and improve the overall visibility of web pages. While newer methods like JSON-LD are gaining popularity, these techniques form the foundation of semantic HTML and structured web data.