How to set up advanced meta tags in Blogger

BySatyam Singh
How to set up advanced meta tags in Blogger

Search Engine Optimization or SEO is one of the most important thing that is required to rank your site or blog high in Google search. It’s very easy to do SEO or Search Engine Optimization in WordPress but it is somehow difficult in blogger.

But here are some settings that can be helpful to rank your blogger blog. That settings can be changed or modified using blogger dashboard. Here are some meta tags that can be helpful to rank your site high. If you want to rank your blogger blog high in Google you have to simply replace your previous meta tags that are included in your blogger template code with the meta tags provided below.

Suggested: How to add Google Site Search form in Blogger

Steps to Replace Meta Tags:

  • Go To Blogger Dashboard
  • Then Go to Theme / Template
  • Click Edit HTML Button
  • Now search for </head> & copy the code and paste it just above this tag.

To Search anything in blogger Press Ctrl + F and type or paste the term to search in search bar.

<meta charset='utf-8'/>
<!--[if lt IE 9]> <script src="https://www.blogger.com/static/v1/jsbin/4044097237-ieretrofit.js"> </script> <![endif]-->
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"//www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='//www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<meta content='XXXXX' name='google-site-verification'/>
<meta content='XXXXX' name='msvalidate.01'/>
<meta content='XXXXX' name='yandex-verification'/>
<link href='//plus.google.com/XXXXX/posts' rel='publisher'/>
<link href='//plus.google.com/XXXXX/about' rel='author'/>
<link href='//plus.google.com/XXXXX' rel='me'/>
<!-- SEO Title Tag -->
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<title>Archive For <data:blog.pageName/></title>
<meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found</title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
</b:if>
<!-- SEO Meta Tag -->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
</b:if>
<meta content='YOUR KEYWORDS HERE' name='keywords'/>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta content='YOUR DESCRIPTION HERE' name='description'/>
<meta content='YOUR DESCRIPTION HERE' property='og:description'/>
<meta content='YOUR DESCRIPTION HERE' property='twitter:description'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.metaDescription' property='twitter:description'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.metaDescription' property='twitter:description'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<meta content='all' name='audience'/>
<meta content='YOUR NAME' name='author'/>
<meta content='blogger' name='generator'/>
<meta content='translate' name='google'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<meta content='Country Name' name='geo.placename'/>
<!-- SEO Meta Tag end -->
<script type="text/javascript">(function() { var a=window,c="jstiming",d="tick";var e=function(b){this.t={};this.tick=function(b,o,f){f=void 0!=f?f:(new Date).getTime();this.t[b]=[f,o]};this[d]("start",null,b)},h=new e;a.jstiming={Timer:e,load:h};if(a.performance&&a.performance.timing){var i=a.performance.timing,j=a[c].load,k=i.navigationStart,l=i.responseStart;0<k&&l>=k&&(j[d]("_wtsrt",void 0,k),j[d]("wtsrt_","_wtsrt",l),j[d]("tbsd_","wtsrt_"))}
try{var m=null;a.chrome&&a.chrome.csi&&(m=Math.floor(a.chrome.csi().pageT));null==m&&a.gtbExternal&&(m=a.gtbExternal.pageT());null==m&&a.external&&(m=a.external.pageT);m&&(a[c].pt=m)}catch(n){};a.tickAboveFold=function(b){var g=0;if(b.offsetParent){do g+=b.offsetTop;while(b=b.offsetParent)}b=g;750>=b&&a[c].load[d]("aft")};var p=!1;function q(){p||(p=!0,a[c].load[d]("firstScrollTime"))}a.addEventListener?a.addEventListener("scroll",q,!1):a.attachEvent("onsFroll",q);
 })();</script>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<script type='application/ld+json'>
{"@context": "http://schema.org","@type": "WebSite","url": "<data:blog.homepageUrl/>","potentialAction": {"@type": "SearchAction","target": "<data:blog.homepageUrl/>?q={search_term}","query-input": "required name=search_term"}}
</script>
<!-- Tag Facebook Open Graph -->
<b:if cond='data:blog.pageType == "item"'>
  <meta property='og:type' content='article'/>
<b:else/>
  <meta property='og:type' content='website'/>
</b:if>
<meta content='ID FANPAGE FACEBOOK' property='fb:app_id'/>
<meta content='ID FB ADMIN' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta property='og:url' expr:content='data:blog.canonicalUrl'/>
<!-- Large image, original size -->
<b:if cond='data:blog.postImageUrl'>
  <meta property='og:image' expr:content='data:blog.postImageUrl'/>
<b:else/>
  <!-- Thumbnail image, 72 × 72 pixels -->
  <b:if cond='data:blog.postImageThumbnailUrl'>
    <meta property='og:image' expr:content='data:blog.postThumbnailUrl'/>
  <b:else/>
    <!-- Default, no image. Use favicon or your own image URL -->
    <meta property='og:image' expr:content='data:blog.blogspotFaviconUrl'/>
  </b:if>
</b:if>
<!-- Tag Twitter Open Graph -->
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta name='twitter:card' value='summary'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='XXXXX' name='twitter:creator'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>
  • Save Theme / Template by clicking on floppy icon located at the top right hand side corner.

You have just solve a very big problem in blogger, now in the above meta tags you have to do some customizations that are necessary if you don’t customize the highlighted areas in above code then your blog will not rank high in Google search.

I hope this tutorial helped you a lot. If you do the same settings in your blogger blog then I ensure you that your blog will rank higher in Google search and traffic on your blog in going to increase.