How to Add Meta Tags in Blogger for Better SEO Optimization

Adding suitable meta tags to blogger with SEO optimization will provide you higher visitors from search engine like Google, Bing etc.

Go to blogger.com and select your blog to add meta tags. From sidebar, click on 'Theme' and 'Edit HTML' to enable your template to customize. Do the all task given step by step.

1. Replace <html> tag with

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>

2. Replace <head> tag with

<head prefix='og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#'>

3. Put the following code just after the above.


<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<b:include data='blog' name='all-head-content'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>

4. Now add the author meta tag after the above code.


<meta content='Your Name Here' name='Author'/>
<meta content='general' name='rating'/>

5. Add site verification meta tag after the above meta tags.


<meta content='Your VeriFicaTionCode' name='google-site-verification'/>

Replace Your VeriFicaTionCode with your verification code. How will you get this verification code? Read this article and get now it.

6. Add Social meta tags.


<link href='https://plus.google.com/+ElliyasAhmedCSE/posts' rel='publisher'/>
<link href='https://plus.google.com/+ElliyasAhmedCSE/about' rel='author'/>
<link href='https://plus.google.com/+ElliyasAhmedCSE' rel='me'/>
<meta content='1249523019746414' property='fb:app_id'/>
<meta content='1000035760105515' property='fb:admins'/>

Replace "ElliyasAhmedCSE" with your Google Plus profile ID or customized url name and replace 1249523019746414 with your Facebook App Id and 1000035760105515 with your Facebook profile Id.

7. Add automatic SEO tag for your blogger by the following meta tags. Copy and paste after the above meta tags.


<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your Keyword Here. Don't Exceed 140 Characters' name='keywords'/></b:if>
<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='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<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>

By adding this meta tags will allow the bot or crawler to automatic crawl what you have defined. If you want to add keywords, replace Your Keyword Here. Don't Exceed 140 Characters with your keywords.

8. Custom your title tag. Replace <title>...</title> with the following code.


<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> | <data:blog.title/>
<b:else/>
Page Not Found | <data:blog.title/>
</b:if>
</b:if>
</title>

You are almost ready.

Recommended: Make your blog SEO Friendly.

9. If you want to add twitter card search for


<b:includable id='post' var='post'>

and after this put the following tags:


<!-- Twitter Card Tags Start -->
  <meta content='@compromath' name='twitter:site'/>
  <meta content='@Elliyas_Ahmed' name='twitter:creator'/>
  <b:if cond='data:post.firstImageUrl'>
     <meta content='summary_large_image' name='twitter:card'/> <!-- summary_large_image or any other your card types -->
     <meta expr:content='data:post.firstImageUrl' name='twitter:image'/>
  <b:else/>
     <meta content='summary' name='twitter:card'/>
     <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
     </b:if>
  </b:if>
<b:if cond='data:blog.pageName'>
  <meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:else/>
<meta expr:content='data:blog.title' name='twitter:title'/>
          </b:if>
  <b:if cond='data:blog.metaDescription'>
     <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
  <b:else/>
     <meta expr:content='data:post.snippet' name='twitter:description'/>    
  </b:if>
  <meta expr:content='data:post.sharePostUrl' name='twitter:url'/>
<!-- /Twitter Card Tags End -->

Replace compromath with your twitter id name for your blog and Elliyas_Ahmed with your twitter id name.

Recommended: The effective SEO tips to improve search engine ranking.

If you get this article or need more help, put a text below.

How to Add Meta Tags in Blogger for Better SEO Optimization

Get Started With

About Us

Help