What is Schema Markup or Schema.org Markup Structured Data?
Google, Bing, Yandex, and Yahoo initiated schema for structured data to understand the structure of a website for rich snippet search results. This will provide additional information to the search engine about the content of your website.Like the meta tags, the schema markup is not visible to the website visitors but is available in the website’s source code for the search engine. But schema markup can be present at any part of the website. For example, you can place it in a header or even in the body part of the website.
Schema Markup Example
You can write the structure data in Microdata, RDFa, and JSON-LD. We’ll JSON-LD schema markup data to the Blogger blog hence taking an example of that.<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "author": "Sandeep Seth", "interactionStatistic": [ { "@type": "InteractionCounter", "interactionService": { "@type": "WebSite", "name": "Twitter", "url": "http://www.twitter.com" }, "interactionType": "https://schema.org/ShareAction", "userInteractionCount": "1245" }, { "@type": "InteractionCounter", "interactionType": "https://schema.org/CommentAction", "userInteractionCount": "80" } ], "name": "How to get rid of spam emails." } </script>
The Google search engine supports all three formats of schema markup structure data. According to Google’s John Muller. With the help of structure data, the search engine process that data and generate rich snippet result for the webpage.
Add Schema Markup to the Blogger blog. To add the schema markup to the Blogger blog, edit the Blogger XML theme file. And then find the code line
<data:post.body/> tag and paste the following code below <data:post.body/> tag.
<b:if cond='data:view.isPost'> <script type='application/ld+json'> { "@context": "http://schema.org", "@type": "Article", "@id": "<data:post.url/>#post-body-<data:post.id/>", "mainEntityOfPage": "<data:post.url/>", "headline": "<data:post.title/>", "name": "<data:post.title/>", "url": "<data:post.url/>", "description": "<data:blog.metaDescription/>", "image": "<data:post.featuredImage/>", "datePublished": "<data:post.date.iso8601/>", "dateModified": "<data:post.date.iso8601/>", "author": { "@type": "Person", "name": "<data:post.author.name/>", "url": "<data:blog.homepageUrl.jsonEscaped/>" }, "publisher": { "@type": "Organization", "name": "<data:blog.homepageUrl.jsonEscaped/>", "description": "Replace this line with your website tagline", "logo": { "@type": "ImageObject", "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUURwCm4oyu4xlvYVEmbB5IxYYn_dvFDMPLrRIfWizn4GG7ebjxq1lxpkTIUD0mK1cxA-gNZY49rUsCwbvLUJ1pOQekUvQlRqTsRDSvJCMsGPH26z1OvDNGF9J8_lMzCXdvU1LNrjMNJK5/s1600/iascgl-logo.png", "width": 600, "height": 60 } } } </script> </b:if>
In the above, you’ve to replace red color line values with your values like the description and URL of the website logo. This will enable schema markup structure data for the Blogger blog.
You can also change the type of this schema markup data from Article to BlogPosting. A website can have Article type data for static kinds of content and BlogPosting for blog updates. For this, replace the Article tag(provided in blue color) with BlogPosting and done.
After adding the above JSON-LD script in the Blogger theme file, verify the schema markup data structure for the published post.
So, this is how we can add schema markup to the Blogger blog. Along with this, you can follow
I hope you liked this article. If there is any doubt, query, or feedback, please let us know in the comment section below.