How to add Meta Tags for Blogger to Enhance SEO

The meta tags are useful in generating snippets for search engines like Google, Bing, or Yandex. We can use meta tags for improving SEO. This article will talk about what meta tags are and how we can add these tags to the Blogger blog.

What are Meta Tags?

Meta tags are informational codes available on the page source. They are present in the header of the website but not visible to the website visitor. When a search engine bot crawls a website, meta tags provide information about the page content. Hence, they help in on-Page SEO.

Meta Tags for SEO

  • Description Meta tag: This tag provides information about the excerpt of the article that should appear along with page results in the search engine.
  • Title Tag: Define the title of the Page for the search engines,
  • Robots tag: these tags declare how a page should appear in the search results like index, noindex, page snippet, etc.

Open Graph Meta tags

Open graph data introduced by Facebook in 2010. It allows generating rich snippet content when you share the content on social media like Facebook, Twitter, Telegram, etc.

  • Open Graph Type <meta content=’article’ property=’og:type’/>
    • This declares the type of content of the website, is it homepage or article page
  • Open Graph Image,
    • This tag talk about the image included for social media. Usually, it should be of large size 1200×675.
  • Title and Description Tags
    • These tags provide information about the title tags used and the description of the website.

How to add Meta Tags for Blogger Snippet Results.

We can use all the above-discussed meta tags in the Blogger blog. These are information codes that should inject into the header section of any website or blog.

Blogger Meta Tags

To inject the meta tags in Blogger, you’ve to edit the Blogger XML template. Find the <head> tag and paste all these meta tags just below this tag.

<b:if cond='data:view.isSingleItem'>
<meta content='article' property='og:type'/>
<meta content='website' property='og:type'/>
<b:include data='blog' name='all-head-content' />
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
            <data:blog.pageName/> -
            <b:else/> ERROR 404 - <data:blog.title/>
<b:if cond='!data:view.isHomepage and !data:view.isSingleItem'>
 <meta content='noindex,follow' name='robots'/>
 <meta content='max-snippet:-1, max-image-preview:large, max-video-preview:-1' name='robots'/>
<meta content='' property='article:publisher' />
<meta content='' property='article:author' />
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta expr:content='data:blog.pageName' property='og:title' />
    <meta expr:content='data:blog.canonicalUrl' property='og:url' />
    <meta content='article' property='og:type' />
<b:if cond='data:blog.postImageUrl'>
    <meta expr:content='data:blog.postImageUrl' property='og:image' />
    <meta expr:content='data:blog.postImageUrl' property='og:image:secure_url' />

    <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postImageUrl' property='og:image' />
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
    <meta expr:content='data:blog.metaDescription' name='og:description' />
<meta expr:content='data:blog.title' property='og:site_name' />
<meta expr:content='data:blog.homepageUrl' name='twitter:domain' />
<meta expr:content='data:blog.pageName' name='twitter:title' />
<b:if cond='data:blog.postImageUrl'>
    <meta content='summary_large_image' name='twitter:card' />
    <meta expr:content='data:blog.postImageUrl' name='twitter:image' />
    <meta content='summary' name='twitter:card' />
    <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image' />
<meta expr:content='data:blog.pageName' name='twitter:title' />
<b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription' name='twitter:description' />
<!-- Social Media meta tag need customer customization -->
<meta content='Your Google Webmaster Verification Code' name='google-site-verification' />
<meta content='Your Bing Verification Code' name='msvalidate.01' />
<meta content='Your facebook ID' property='fb:app_id' />
<meta content='Facebook Admin' property='fb:admins' />
<meta content='Twitter Page' name='twitter:site' />
<meta content='Twitter Admin' name='twitter:creator' />
<meta content='your country' name='geo.placename' />
<meta content='Your Name' name='Author' />
<meta content='general' name='rating' />
<meta content='IN' name='' />

Please note: You’ve to replace values given in the red color with your own values.

And also, don’t provide meta tags twice. It may be possible that some meta tags may already present in your Blogger blog. You’ve to find all meta terms starting with <meta in the header section and delete. Only then you’ve to paste these metadata codes.

After pasting the above code, let Google crawl your webpage, and you can see improvement in your Organic Search Results. Along with these, you can also set custom robots header tags for your blog.

In addition to the meta tag, you can also add the schema markup structure data to the Blogger blog, this will

I hope this post is beneficial for you. If you like this post, any query or suggestion, please let me know in the comment section below. I’ll be happy If I can help you. :)

Ashok Kumar

Ashok Kumar working in the Search Engine Optimization field since 2015. And worked on many successful projects since then. He shares the real-life experience of best SEO practices with his followers on You also can learn Advance level SEO for WordPress, Blogger, or any other blogging platform. Stay tuned.

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button