HTML 29 💻 microdata

Add structured data in HTML

<div itemscope itemtype="https://schema.org/Person">
  <span itemprop="name">Kronos</span>
  <span itemprop="jobTitle">Fullstack Developer</span>
  <a href="mailto:johndoe@example.com" itemprop="email">something@example.com</a>
</div>

microdata is a way to add structured data to HTML documents
It helps search engines to understand the content of the page
It also improves search engine results and enables rich snippets in the results
It provides better accessibility for screenreaders
microdata uses attributes added to HTML elements that provide additional semantic information
it defines a vocabulary of name-value pairs
schema.org is the most widely used for microdata
it has a big collection that developers can use

key attributes → itemscope, itemtype, itemprop
itemscope → creates a new item, indicating that the encolsed HTML block contains information about a single item
itemtype → specifies that the item is being described is a Person.
the url points to the definition of the Person type
itemprop → indicates that the content is the property name of the Person item
other types: Article, Book, Movie, Photograph, Recipe
Review, WebPage, Organization, LocalBusiness, Store
Restaurant,Hotel, Place and many more