Have anyone noticed something like this in
Google search and wondered how they actually appeared in search engine.
It’s quite simple. It can be
achieved by simply setting up a Schema Markup in your website header.
What
is Schema Markup?
Schema
markup is a code that you
insert in your website which in result shows informative rich snippets in
search. Schema Markup helps to boost your SEO
score and is quite popular nowadays. As per Schema.org the vocabulary can
be used with many different encodings, including RDFa, Micro data and JSON-LD. These vocabularies cover
entities, relationships between entities and actions, and can easily be
extended through a well-documented extension model. Over 10 million sites use
Schema.org to markup their web pages and email messages. Many applications from
Google, Microsoft, Pinterest, Yandex and others already use these vocabularies
to power rich, extensible experiences.
To find out about it visit schema.org .
So still didn’t get it. Okay let’s guide you through this schema markup setup. Schema markup can be setup in 3 different ways. They are
RDFa
Microdata
JSON-LD
So which one to use? The answer would be anyone that you find easy to setup in your website. I personally use JSON-LD but you can try other one as well. Google Structured Data Testing Tool also makes it easier testing your Structured Data in website
RDFa
<div
vocab="http://schema.org/" typeof="Movie"> <h1
property="name">Avatar</h1> <div property="director"
typeof="Person"> Director: <span
property="name">James Cameron</span> (born
<time property="birthDate"
datetime="1954-08-16">August 16, 1954</time>) </div> <span
property="genre">Science fiction</span> <a
href="../movies/avatar-theatrical-trailer.html"
property="trailer">Trailer</a>
</div> |
<div
itemscope itemtype="http://schema.org/Movie"> <h1
itemprop="name">Avatar</h1> <div itemprop="director"
itemscope itemtype="http://schema.org/Person"> Director: <span
itemprop="name">James Cameron</span> (born
<time itemprop="birthDate" datetime="1954-08-16">August
16, 1954</time>) </div> <span
itemprop="genre">Science fiction</span> <a
href="../movies/avatar-theatrical-trailer.html"
itemprop="trailer">Trailer</a> </div> |
<script
type="application/ld+json"> { "@context":
"http://schema.org/", "@type": "Movie", "name": "Avatar", "director": { "@type": "Person", "name": "James
Cameron", "birthDate":
"1954-08-16" }, "genre": "Science
fiction", "trailer":
"../movies/avatar-theatrical-trailer.html" } |
To put is simply, you can use two different
methods for implementing the Structured Data to your website.
Google Structured Data Markup Helper
Just choose the website or Email that you want your structured data to be. Then submit your URL and start tagging. You would get yourself to this page. In my case, I would go with “Local Business”. You would be redirected to the page given below:
Here's an Example For You:
Then select the text that you want to
highlight and left click on mouse button to choose the data items. And simply
fill up all the requirements that you wanted. After tagging, view your HTML
file and copy and paste it into your website header file.
Note: The code should be inserted before the closing html head code</head>.
Using schema.org code to include the data types that you want.
Here’s an example of JSON-LD code that you
can use for your local business.
<script type='application/ld+json'>
{
"@context": "https://www.schema.org",
"@type": "LocalBusiness",
"name":
"Your Business Name",
"url":
"Website URL",
"logo":
"Website logo image filepath",
"image": "image filepath that you want to use",
"priceRange" : "Services that you offer price range",
"description": "Your company description or about us.",
"address": {
"@type": "PostalAddress",
"streetAddress": "street name",
"addressLocality": "Locality
name",
"addressRegion": "3",
"postalCode": "Your country postal code",
"addressCountry": "country"
},
"geo":
{
"@type": "GeoCoordinates",
"latitude": "27.682199",
"longitude": "85.332394"
},
"hasMap": "google map code",
"openingHours": "Mo, Tu, We, Th, Fr 09:30-18:30",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "contact information with country code at beginning.Ex.(+01)×××
",
"contactType": "customer service"
},
"aggregateRating" : {
"@type" : "AggregateRating",
"ratingValue" : "rate that you want to give. Number from
(1-5)",
"bestRating" : "5",
"worstRating" : "1",
"ratingCount" : "Number of website rating by customers or
clients"
},
"review" : {
"@type" : "Review",
"author" : {
"@type" : "Person",
"name" : "Name of the person"
},
"datePublished" : "2018-05-26",
"reviewRating" : {
"@type" : "Rating",
"ratingValue" : "5",
"bestRating" : "5",
"worstRating" : "1"
},
"reviewBody" : "Rating description by the clients or
customers."
}
}
</script>
Note: At
last, don’t forget to test your Structured Data using Google
Structured Data Testing Tool before implementing on website.