Featured Image Caption: Google Structured Data | Google Schema
Jump to read...
Every business is having their own website and they want to maintain their reputation management. However, we all know the struggle is to get your website on Google first page.
I am going to talk about various Google Schema tags for your website, apart from what everyone does i.e. On-page and Off-page activities. These schema tags are very basic and every website should implement on their website for better visibility and brand search.
Let’s Begin:
1. Organization Schema Markup
When you need to focus on your brand and want to get visibility across the search engines you must implement Organization Schema code on your website.
Follow the markup code as under:
(Please make the required changes with respect to your organization).
A. JSON
<script type=’application/ld+json’>
{
“@context”: “//schema.org”,
“@type”: “Organization”,
“name”: “Company Name”,
“url”: “http://www.example.com/”,
“logo”: “http://www.example.com/img/logo.png”,
“image”: “http://www.example.com/img/logo.png”,
“description”: “Company’s Description.”,
“address”: {
“@type”: “PostalAddress”,
“streetAddress”: “Company Street Address”,
“addressLocality”: “Company Location / Sublocation”,
“addressRegion”: “City”,
“postalCode”: “Pincode”,
“addressCountry”: “Country”
},
“geo”: {
“@type”: “GeoCoordinates”,
“latitude”: “22.307XXX”,
“longitude”: “73.162XXX”
},
“hasMap”: “https://www.google.co.in/mapsdcr=0&q=example.com&um=1&ie=UTF8&sa=X&ved=0ahUKEwjRzvSCx7DWAhVIOI8KHYobCpIQ_AUIDSgE”,
“openingHours”: “Mo, Tu, We, Th, Fr 09:00-06:30 Sa 09:00-14:00”,
“contactPoint”: {
“@type”: “ContactPoint”,
“telephone”: “0265655XXXX”,
“contactType”: “Business”
}
}
</script>
B. HTML
<div class=”org”>Company Name</div>
<div class=”adr”>
<div class=”street-address”>Company Street Address</div>
<span class=”locality”>Company Location / Sublocation</span>,
<span class=”region”>City</span>,
<span class=”postal-code”>39XXX</span>
<span class=”country-name”>Country</span>
</div>
<div class=”tel”>+912656XXXXXXX</div>
</div>
Benefits:
Organization schema will enhance your brand searches and helps your organization to get optimized knowledge graph.
2. Website Markup Schema
Website markup is very important if you are an e-commerce business. However, it will help to generate site links along with search result box element.
A. JSON
<script type=”application/ld+json”>
{
“@context” : “//schema.org”,
“@type” : “WebSite”,
“name” : “Company Name”,
“url” : “http://www.example.com/”,
“potentialAction” : {
“@type” : “SearchAction”,
“target” : “http://www.example.com /?s={search_term}”,
“query-input” : “required name=search_term”
}
}
</script>
B. JSON
<script type=”application/ld+json”>
{
“@context”: “//schema.org”,
“@type”: “Organization”,
“url”: “http://www.example.com”,
“logo” : “http://www.example.com/img/logo.png”,
“contactPoint” : [
{
“@type”: “ContactPoint”,
“telephone”: “+ 0265655XXXX”,
“contactType”: “customer service”
}
]
}
</script>
Benefits:
Google gives an opportunity to show your site search via organic search snippet once you will integrate the Google Search Box feature the visitor will directly search the product or services with the search results displayed in organic search.
3. Breadcrumbs Schema
Breadcrumbs are nothing but they help user for navigating from one category to another. However, it also helps search engines too for a better understanding of the directory structure.
A. JSON
<script type=”application/ld+json”>
{
“@context”: “//schema.org”,
“@type”: “BreadcrumbList”,
“itemListElement”: [{
“@type”: “ListItem”,
“position”: 1,
“item”: {
“@id”: “http://www.example.com/services”,
“name”: “Services”
}
},{
“@type”: “ListItem”,
“position”: 2,
“item”: {
“@id”: “http://www.example.com/services/web-development”,
“name”: “Web Development”,
}
},{
“@type”: “ListItem”,
“position”: 3,
“item”: {
“@id”: “http://www.example.com/services/seo”,
“name”: “SEO”,
}
},
}]
}
</script>
B. Microdata
<ol itemscope itemtype=”//schema.org/BreadcrumbList”>
<li itemprop=”itemListElement” itemscope itemtype=”//schema.org/ListItem”>
<a itemscope itemtype=”//schema.org/Thing” itemprop=”item” href=”http://www.example.com/services”>
<span itemprop=”name”>Services</span>
<meta itemprop=”position” content=”1″ />
</li>
›
<li itemprop=”itemListElement” itemscope itemtype=”//schema.org/ListItem”>
<a itemscope itemtype=”//schema.org/Thing” itemprop=”item” href=”http://www.example.com/services/web-development”>
<span itemprop=”name”>Web Development</span>
<meta itemprop=”position” content=”2″ />
</li>
›
<li itemprop=”itemListElement” itemscope itemtype=”//schema.org/ListItem”>
<a itemscope itemtype=”//schema.org/Thing” itemprop=”item” href=”http://www.example.com/services/seo”>
<span itemprop=”name”>SEO</span>
<meta itemprop=”position” content=”3″ />
</li>
</ol>
Benefits:
If you will implement the breadcrumbs schema on the website, it will help to show the breadcrumbs navigation in Google search result which is generated by users by category clicks.
4. Local Business Schema
If you want to make optimize your local business with accurate details (which are exactly same which is available on the Google Maps).
A. JSON
<script type=”application/ld+json”>
{
“@context” : “//schema.org”,
“@type” : “LocalBusiness”,
“name” : “Company Name”,
“image” : “http://www.example.com/img/logo.png”
}
</script>
<script type=”application/ld+json”>
{
“@context” : “//schema.org”,
“@type” : “LocalBusiness”,
“name” : “Company Name”,
“image” : “http://www.example.com/img/logo.png”,
“telephone” : “+91265 655XXXX”,
“email” : “info@XXXX.com”,
“address” : {
“@type” : “PostalAddress”,
“streetAddress” : “Company Street Address”,
“addressLocality” : “Company Location / Sublocation”,
“addressRegion” : “City”,
“addressCountry” : “Country”,
“postalCode” : “573XXX,”
}
}
Local Business Schema
B. Microdata
<div class=”contact-details” itemscope=”” itemtype=”//schema.org/LocalBusiness”>
<ul>
<li>
<h3><img itemprop=”image” src=”http://www.example.com/img/logo.png” style=”width:12px;” />Address</h3>
<p><span itemprop=”name”>Company Name</span> <span itemtype=”//schema.org/PostalAddress” itemscope=”” itemprop=”address”>
<br />
<span itemprop=”streetAddress”>Company Street Address</span><br />
<span itemprop=”addressLocality”>Company Location / Sublocation</span>, <span itemprop=”addressRegion”>City</span> <span itemprop=”postalCode”>Pincode</span></span></p>
</li>
<li>
<h3>Email</h3>
<p><a itemprop=”email” href=”mailto:info@XXXX.com”>info@XX.com</a>
</li>
<li>
<h3>Phone</h3>
<p><a href=”tel:XXXXXXXX “><span itemprop=”telephone”>+61 XXXXXXspan></a>
</li>
<p><meta itemprop=”openingHours” style=”display: none” datetime=”Mo,Tu,We,Th,Fr,Sa,Su 09:30-18:30″ /></p>
<div itemtype=”//schema.org/GeoCoordinates” itemscope=”” itemprop=”geo”>
<meta itemprop=”latitude” content=”22.307XXX” />
<br />
<meta itemprop=”longitude” content=”73.162XXX” />
</div>
</ul>
</div>
Conclusion:
I strongly believe that apart from SEO onsite and offsite activities we also need to implement above Schema for better search visibility.
By Ronak Patel
and I am Managing Director of Dhrup LLC. I run a full stack digital marketing agency and aiming to share my knowledge with my blogs.
Member since September, 2017
View all the articles of Ronak Patel.
Gil Neuhart
Really informative, thanks for sharing this!
Garv
Thanks For Sharing…