WebHQ

The Headquarters Of Web

Facebook Twitter RSS Feed Email

How to Make Blogger Blog properly Search Engine Friendly

Published on: at 3:27 PM | Posted By:

Make your blogger blog fully search engine optimized using Meta tags, On page SEO settings and Automatic Image alt tags. Most of us use Blogger.com to start their free blog which may be for making experience or sharing knowledge, in the voice of blogging. But if your blog is not Search Engine Friendly than you can not archive your aim or target. For that purpose you need to make your blog fully Search Engine Optimized, so that people searching their keywords will easily access to your blog. Meta tag is one of the main factor of onpage seo (search engine optimization) Many blogger using Meta tag in own blog but they does not know how Meta tag works in blogger. If you want to make your blogger blog search engine friendly so you can follow simple steps, steps are below.

Steps to Make Blogger Blog Search Engine Friendly using Meta tag

Step 1: First Backup Your Blogger Template before Making Blogger blog Search Engine Optimized.

Step 2: Go to Blogger Dashboard > Template > Edit HTML > press Ctrl + F and find <head>.

Step 3: Remove every thing between <head> to <b:skin><![CDATA[  (see below screen shot ).

Make Blogger Blog Search Engine Friendly

See everything is remove between <head> and <b:skin><![CDATA[ 

Step 4: Just Place the following code (below) between <head> and <b:skin><![CDATA[ 

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title>.....you blog title here.....</title>
<meta content='......you blog description here.....' name='Description'/>
<meta content='.....your blog keywords here keywords must be related to you blog....' name='Keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title> <b:else/><title><data:blog.pageName/>-Your blog name only like WebHQ</title> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='Keywords'/>
</b:if>

Replace the highlight text from above code.

Blog Description : Write your blog description.( Meta Description must not exceed 140 characters )
Blog Keywords : Write the keywords of your blog.(Keywords must be related to your blog )

For example, WebHQ Meta tags

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title>The Headquarters Of Web - Cobination of several useful articles with contents</title>
<meta content='Find software and games for windows operating systems, java, symbian, android, iphone and other applications and games for your mobile device and many more.' name='Description'/>
<meta content='Find software and games for windows operating systems, java, symbian, android, iphone and other applications and games for your mobile device, discuss about any topics, get connected to others, find ebooks, learn web programming and many more.' name='Keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title> <b:else/><title><data:blog.pageName/>-WebHQ</title> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='Keywords'/>
</b:if>

Click on SAVE TEMPLATE button.

Step 5:  Go to Blogger Dashboard > Settings  > Search Preferences > and you can see Title and Description box.

  • Enter Title of your Home Page again
  • Enter Description of your Home page again ( see screen shot below ).

blogger title and description help image

Click on SAVE SETTINGS  (see that button in last of this page).

Step 6: Go to draft.blogger.com > select your Blog and open > click on Settings you see > Search preferences option click this option you use this feature only on New Blogger Interface not in old Blogger Interface.you see Crawlers and indexing text below the text two options are :
1. Custom robots.txt.
2. Custom robots header tags.

First you click Edit (right side of custom robots.txt option) see the screen shot.

blogger custom robot settings

User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search
Allow: /
Sitemap: http://you blog url here.com/feeds/posts/default?orderby=UPDATED

From above code enter in Custom robots.txt box like above screen shot and click on Save changes button.

2.You click Edit (right side of Custom robots header tags ) see below screen shot.

blogger custom robot header settings

Step 7: If you're using old blogger Interface so please use New blogger Interface because New Blogger Interface have awesome post editor with new features like Each post have separate Search Description. If you write any post so please must use Search Description feature. Your post will get better rank in search engine if you are using great Search Description. Search Description must not exeed 140 characters including spaces.

How to use Search Description Feature:

You see this feature right side in post editor (see below screen shot).

blogger search description feature screenshot

Step 8: Adding Image tag in blogger to drive traffic of your blog through search engines.Currently Techtutshub using Automatic Image Alt tag script it's working perfectly script is below.

<script type='text/javascript'>
//<![CDATA[
jQueryundefined'a').eachundefinedfunctionundefined) {
  // Let's make external links open in a new window.
  var href = jQueryundefinedthis).attrundefined'href');
 
  if undefinedtypeof href != 'undefined' && href != "" && undefinedhref.indexOfundefined'http://') != -1 || href.indexOfundefined'https://') != -1) && href.indexOfundefinedwindow.location.hostname) == -1) {
    jQueryundefinedthis).attrundefined"target", "_blank");
  }
});
jQueryundefined'a').eachundefinedfunctionundefined) {
  // Let's make external links open in a new window.
  var href = jQueryundefinedthis).attrundefined'href');
 
  if undefinedtypeof href != 'undefined' && href != "" && undefinedhref.indexOfundefined'http://') != -1 || href.indexOfundefined'https://') != -1) && href.indexOfundefinedwindow.location.hostname) == -1) {
    jQueryundefinedthis).attrundefined"rel", "nofollow");
  }
});
$undefineddocument).readyundefinedfunctionundefined) {
  $undefined'img').eachundefinedfunctionundefined){
  var $img = $undefinedthis);
  var filename = $img.attrundefined'src')
  $img.attrundefined'alt', filename.substringundefinedundefinedfilename.lastIndexOfundefined'/'))+1, filename.lastIndexOfundefined'.')));
  });
});
$undefineddocument).readyundefinedfunctionundefined) {
  $undefined'img').eachundefinedfunctionundefined){
  var $img = $undefinedthis);
  var filename = $img.attrundefined'src')
  $img.attrundefined'title', filename.substringundefinedundefinedfilename.lastIndexOfundefined'/'))+1, filename.lastIndexOfundefined'.')));
  });
});
//]]>
</script>

How to add automatic image alt tag script to blogger

Go to Blogger Dashboard > Design > Edit Html and search for </body> 
Copy the above script and paste it to above the </body> tag and Click on SAVE TEMPLATE

That’s it. Now your blogger blog is fully and properly Search Engine optimized.

Features of this Optimization

  • Show Compelete Blog Title in Search Engine.
  • Blog Description appears Only on Home Page  of your blog in Search Engine.
  • Show First Post Title with Blog Name of any Post or Articles In Search Engine.
  • All Post Have Separate Meta Description using Search Description Feature.
  • All Post have Separate Keywords If you're using Keywords in Post Title.
  • Reducing Crawler, Indexing and robots.txt errors.
  • Automatic Image Alt Tags appear on all pages of your Blog.

If you found this post as useful to you or fetching any problem. Just Drop your comment. It's possible to WebHQ to help you out via blogger commenting system.

No comments On "How to Make Blogger Blog properly Search Engine Friendly"

Post a Comment

Get Latest Updates

Blog Archive

Total Pageviews