schema markup for blogger

SEO - Search engine optimization, the word that is ruling the world of internet. Every blog and website try to abide by the rules of SEO to be visible in search results.
[To know more about SEO of blogger click here]

Giant search engines like Google, Bing and Yahoo are using their bots to crawl into our websites. This helps to index our web-pages based on predefined groups.

In simple words, these search engines do the work of an official librarian. They segregate and group our web-pages into specific indices. This is the reason why, when you search for a t-shirt on google, you will be getting all the search results related to it.
rich text ad for schema markup

But have you ever seen, that few results in them contain images, ratings, prices and even comments? These are "rich snippets".

The search engines struggle a lot to understand our data when they crawl. Hence to make their work easy, they have come up with something called SCHEMA MARKUP.

WHAT IS SCHEMA MARKUP?

Schema markup is a code designed by search engines. Using this code in your website or blog will help search engines to understand your data. Using schema markup you can reveal the following information to the crawling bot:
  • The name of website
  • Author's name
  • The official log of website
  • Information on what the website is about
  • Social connections of website
  • like Facebook page or Twitter account linked to it.

WHY SCHEMA MARKUP IS IMPORTANT?

Schema markup helps the search engine to understand your website or blog in a better way. It helps in improving your search engine rankings [SERPs]. This, in turn, has the potential to increase your blog or web traffic.

Let me explain it with a simple example. I have a website on coffee shop somewhere in New York. The search engine results should show my coffee shop's name if anyone is searching for coffee shop in New York. We call this as "LOCAL SEO".

There is no use if my coffee shop results are being shown for search results in INDIA. Hence in such case, we can instruct the crawling bot to restrict our SERPs to New York.

Schema markup helps our websites or blogs to rank for different types of data markups. These data markups are content indices. There are different fields of data markups.

Here are a few examples:
  • Local business
  • Multinational companies
  • Websites
  • Blogs
  • e-commerce websites/Product websites
  • Restaurants
  • Online games
  • Review sites etc...

and the list goes on.

HOW DOES SCHEMA MARKUP HELP IN INCREASING TRAFFIC?

Rich snippets in Google search results aid in higher click-through rate. A webpage with Schema markup info has more chance to appear in rich snippets.

This will increase the CTR of the web link, aiding a potential increase in web traffic.

SCHEMA MARKUP FOR BLOGGER?

Wordpress users have many plugins to build Schema markup for their posts or web-pages. Some common plugins are Schema pro, Schema ninja and WP review.

Wordpress users can use these plugins to generate the page specific SCHEMA MARKUPS.

But Blogspot lacks such plugins. You can create manual Schema markups and incorporate them into your blog. Here are few websites where you can build SCHEMA FOR YOUR BLOG.

Hence we thought of providing a demo SCHEMA MARKUP for blogging site and individual blog post.

CHECK YOUR BLOG FOR RICH TEXT SUPPORT

Before following the below procedure, once check your blog for "rich text support". Click the link below and enter your blog URL. Set the search to "Google bot smartphone".


Click on Test URL.

If the results are positive, then no need to go further. But if they are negative, kindly follow the steps shown below.

SCHEMA MARKUP FOR YOUR BLOG

  • Step 1: To create SCHEMA MARKUP for your blog you can click on the below link.
  • CLICK HERE
schema markup

  • Step 2: Click on the option "Website".

  • Step 3: Fill the boxes "name", "alternative name", "url", with the required information.
schema markup

  • Step 4: Copy the script generated in the 2nd box. It usually starts with <script> and ends with </script>.
schema markup

  • Step 5: Go to blogger dashboard. Click on "themes" > "Edit HTML".

 schema markup

  • Step 6: Click on Ctrl+q to find "<head>. Paste the copied code below <head>, and save the HTML.

THAT'S ALL, YOU HAVE MADE YOUR BLOG COMPATIBLE WITH RICH TEXT SUPPORT.

SCHEMA MARKUP FOR INDIVIDUAL BLOG POSTS

Google has provided a separate tool to create SCHEMA MARKUP for individual pages or posts.
Click on the link below
  • Step 1: Click on "Article".
  • Step 2: Enter your blog post URL.
schema markup
  • Step 3: Your page will be displayed. Now highlight the title of your blog post. The title gets coloured and a box appears beside it with various headings. Within the box click on "Name".
 schema markup

  • Step 4: Click on the featured image [which you want to incorporate in SCHEMA], and click on "image" in the box displayed.
schema markup

  • Step 5: In a similar way, highlight the body of post and link it the "Post body".
  • Step 6: Carry on similar steps to fill or complete the displayed box with information.
  • note: In case of any difficulty you can fill all these manually by clicking on "Add missing tags".
  • Step 7: After completion, click on "create HTML".
  • Step 8: Copy the generated HTML code.
  • Step 9: Open your blog post in blogger> Click on "Edit" > Click on "HTML".
schema markup

  • Step 10: Paste the copied code on the top and click "Update".

NOW SCHEMA MARKUP FOR INDIVIDUAL BLOG POSTS IS COMPLETED.

NOTE:Making your blog page SCHEMA MARKUP compatible, doesn't qualify you page as rich text. Google takes a lot of other things into account before showing your page as Rich text snippet.

SHORTCUT TO SCHEMA MARKUP FOR BLOGGER

The above process is a bit tedious to new bloggers. Hence we thought of providing a shortcut to it.
Copy the code shown below and paste it below the <head> tag of your blogger code.

Change the places AS DESCRIBED IN THE CODE.  The recommended format is the JSON-LD.

    <script type="application/ld+json">
      {
        "@context":"http://schema.org/",
        "@type":"Organization",
        "url":"URL OF YOUR WEBSITE/BLOG",
        "name":"NAME OF YOUR WEBSITE/BLOG",
        "sameAs":[
          "FACEBOOK PAGE LINK/FACEBOOK LINK",
          "INSTAGRAM LINK",
          "TWITTER LINK",
          "YOUTUBE LINK",
          "ANY OTHER LINK"
        ],
        "logo":{
          "@type":"ImageObject",
          "url":"URL OF LOGO OF YOUR BLOG",
          "width":"SIZE IN px [eg 100px]",
          "height":"SIZE IN px [eg 200px]"
        }
      }
    </script>

EDIT THE CODE IN NOTEPAD OR WORD AND MAKE NECESSARY CHANGES. THEN PASTE THEM INTO YOUR BLOG <head> section.


SHORTCUT TO SCHEMA MARKUP FOR INDIVIDUAL BLOGGER POSTS

As described above, copy the code shown below and make necessary changes. Then add the code to your individual blog post in HTML format. [REMEMBER THE CODE HAS TO BE PASTED ONLY IN HTML FORMAT, NOT IN THE COMPOSE FORMAT].

<!-- JSON-LD markup generated by Google Structured Data Markup Helper. -->
<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "Article",
  "name" : "TITLE OF YOUR BLOG POST",
  "author" : {
    "@type" : "Person",
    "name" : "NAME OF THE AUTHOR"
  },
  "image" : "IMAGE URL OF FEATURED IMAGE IN YOUR BLOG POST",
  "articleSection" : "COPY THE SEARCH DESCRIPTION GIVEN IN THE SIDE BAR OF BLOGPOST AND PASTE IT HERE",
  "articleBody" : "COPY THE ENTIRE ARTICLE AND PASTE IT HERE",
  "url" : "URL OF YOUR POST",
  "publisher" : {
    "@type" : "Organization",
    "name" : "NAME OF YOUR WEBSITE"
  }
}
</script>
Now your blog and blog posts are rich text supportive and compatible with Search engines.

Hope you understood the process. If you find this article useful, please do share it with your friends. For any information or queries comment below.

By