Schema is used to define the structure of your webpage’s data. It is used for showing the rich snippets on search result pages.
Schema.org is a collaborative, community activity with a mission to create, maintain, and promote schemas for structured data on the Internet, on web pages, in email messages, and beyond.Source:https://schema.org
You can show the following things as rich snippets on the search result page using schema.
- Your website’s internal search bar
- Event details
- Product price range
- Feedbacks and star ratings
- Factcheck (Fact Check) etc.
The schema library is vast. The schema types are arranged in a hierarchy. The vocabulary currently consists of 792 Types, 1447 Properties 15 Datatypes, 83 Enumerations, and 445 Enumeration members.
How to use or implement Schema
You can choose the relevant schema code from the library. There are properties in the library. You choose and define the property. If you are using WordPress, it is easy to implement schema without any need for coding knowledge. There are several plugins that helps you implement it with one click.
Plugins are the great way to implement error free schema codes.School4Seo.com
We will take an example of a concert event. A concert event needs the following (only basic) details.
- Event image
- Booking URL
- Date and Time
There are many other pieces of information that you can pass but here we are taking just basic information to start. You can see the relevant properties with the detail here. https://schema.org/MusicEvent
Following are the code example that you need to implement on your webpage where the event detail is mentioned.
<div itemscope="" itemtype="https://schema.org/MusicEvent"> <div itemprop="location" itemscope="" itemtype="https://schema.org/MusicVenue"> <meta itemprop="name" content="Chicago Symphony Center"/> <meta itemprop="address" content="220 S. Michigan Ave, Chicago, Illinois, USA"/> </div> <div itemprop="offers" itemscope="" itemtype="https://schema.org/Offer"> <link itemprop="url" href="/examples/ticket/12341234" /> <meta itemprop="price" content="40"/> <meta itemprop="priceCurrency" content="USD" /> <meta itemprop="startDate" content="2014-05-23T20:00">May 23/> <div>8:00 PM</div> </div> <h2>Performers</h2> <div itemprop="performer" itemscope="" itemtype="https://schema.org/MusicGroup"> <img src="/examples/cso_c_logo_s.jpg" alt="Chicago Symphony Orchestra" /> <div> <a href="examples/Performer?id=4434"><span itemprop="name">Chicago Symphony Orchestra</span></a> </div> </div> <div itemprop="performer" itemscope="" itemtype="https://schema.org/Person"> <img itemprop="image" src="/examples/jvanzweden_s.jpg" alt="Jaap van Zweden"/> <div> <a href="/examples/Performer.aspx?id=11324"><span itemprop="name">Jaap van Zweden</span></a> </div> </div>
You can use multiple schemas on a single page.