Meta Tags - Importance and How To Use

For any website a good percentage of traffic comes from search engines like Google, Yahoo & Bing Search. But when search bots from these search engines visit your website for archiving and indexing, they may or may not pick the keywords, words, phrases and other important information from your website which you want to be indexed.
So you must guide the search engine bots, what to be indexed and what should not, which can be done by Meta Tags.
Meta tags are placed in the <Head> region of any blog/web site. These tags mainly contain the Title of the website (webpage), description, all keywords, pages to be indexed / left, author's name, e-mail, language of website, copyright information etc. These meta tags are optional, so you may add all of them or some of them or even none. But for Search Engine Optimization and better indexing (simply put - to get more traffic from search engines) you must add meta tags to your website.


Steps to follow:
Log in to Blogger, go to Template -> Edit HTML
And find this code in the template:
<head>

And immediately BELOW/AFTER it, paste these lines:
<!-- [ Meta Tag SEO ] -->
<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='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'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<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 != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>

<meta content='AUTHOR NAME' name='Author'/>
<meta content='SITE NAME' name='copyright'/>
Change those lines in blue color above.

For all of the meta tags with name="robots", select one of these as per your requirement/choice:
- INDEX,FOLLOW  Index this page and follow all links.
- INDEX,NOFOLLOW  Index this page but do not follow or index links on this page.
- NOINDEX,FOLLOW  Do not index this page but follow all links.
- NOINDEX,NOFOLLOW  Do not index this page. Do not follow or index links on this page.

Once you have updated all the meta tags for your blog, do check them once using the meta tags analyzer. It will check for the correctness of each and every meta tag that is present in your blog/webpage.
**UPDATE: The Description Meta Tag, if not modified, causes a serious error in Blogger/BlogSpot blogs, please read this post : Duplicate Meta Tags and Titles Issue - Solved to avoid the error.

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Products

Related Posts

Previous
Next Post »

40 comments

Write comments
Anonymous
November 03, 2008 7:55 PM delete

nice info...will try and implement it on my blog asap http://www.ogbongeblog.co.cc you can check out the site for some secret infos

Reply
avatar
December 23, 2008 11:49 PM delete

I want to try this but I've already changed the HTML in that region with the ones of "How to Swap Blog Titles".

So is it possible to change both html in the same place by retaining the "Swap title" and adding in the new "meta tags"?

Reply
avatar
December 24, 2008 1:45 AM delete

Hi naboonies
Do not worry for that, you can have both the features(swap title and meta tags).

Simply paste the code lines (for swap title and meta tags both),
in between;
<head> and <b:skin><![CDATA["

Reply
avatar
December 24, 2008 11:10 AM delete

Thanks a lot! I managed to do all you said

Reply
avatar
December 24, 2008 11:37 AM delete

I am happy to hear that....
Merry Xmas & Happy Nu year naboonies !

Reply
avatar
GNJ
January 18, 2009 4:20 AM delete

How to remove the words power by CO.CC of my web under CO.CC

Reply
avatar
January 18, 2009 4:54 AM delete

As u are not on the blogger platform, so Go to the HTML template of your website, and in the beginning u'll see this:

<title>Mai Soong By GNJ - Powered by CO.CC<title>

Remove "powered by co.cc" from there !

Reply
avatar
May 30, 2009 5:32 AM delete

hello Divya, i have a big problem, in google research all my blog posts have the same desciption. i mean all of them have the short description of the blog, and only the URL are different. i really don't now why this happen i have done all what u say and no change, i have also done the hacks about Duplicate Meta Tags and Titles but no workiding, i have create my blog some days ago, so i don't now if i must undo this hacks and see !

here my blog Driss Chraibi.

Reply
avatar
May 30, 2009 5:59 AM delete

Your query replied here;
http://bloggerstop.net/2009/04/duplicate-meta-description-and-titles.html

Reply
avatar
May 30, 2009 6:13 AM delete

thank u sorry for asking in two posts

Reply
avatar
September 30, 2009 12:57 AM delete

I have about 200 pages...so does that mean i should add them for each and every page ?

Reply
avatar
September 30, 2009 7:16 AM delete

No that'll be very difficult, better add meta tags to some specific pages:
http://bloggerstop.net/2008/11/how-to-add-separate-meta-tags-for_25.html

Or you may use dynamic meta tags too:
http://bloggerstop.net/2009/04/dynamic-meta-tags-for-bloggerblogspot.html

Reply
avatar
October 30, 2009 11:15 AM delete

hey there,
Got some problem here..
Those codes given,where can i put it actually?
Can u guide me,on how to apply it?

Reply
avatar
October 30, 2009 11:32 AM delete

Well I think the it is better to place these tags at the top position in a blog, so that search engines can access them easily, so place them immediately below this tag in your blog:

<head>

and of course you have to change ALL the code highlighted in blue in the above post, according to your blog details.

Reply
avatar
November 06, 2009 10:27 PM delete

Im using lots of your great tips.And thank you for that.I m in doubt with this robot follow.What is it,or what is best to use it ? Few tips,or what you using and why ? Cheers

Reply
avatar
November 07, 2009 3:06 PM delete

In short meta tags tells the search engine bots like Google bot, the complete content of a webpage including some of the domain/admin details.
When a page is too big, then search engines may not read/store the complete article, and so some of the keywords (present at the bottom of the page) may be missed out by them.
So by using these meta tags, we make sure that no important information is left by these search engine bots.

Reply
avatar
November 28, 2009 4:48 PM delete

Hello dear
pls tell me about this
meta content="SEE_BELOW" name="ROBOTS"/>
what i should use if i hv a auto summarized blog like u?
and also u r using
meta content = "ALL".........in this blog...so whats that????

Reply
avatar
November 29, 2009 6:19 AM delete

Instead of see_below, use "index,follow"

I am also using follow,index, but instead of writing follow,index I am writing ALL, which means the same:

"The values ALL and NONE set all directives on or off: ALL=INDEX,FOLLOW and NONE=NOINDEX,NOFOLLOW."

Reply
avatar
January 07, 2010 3:10 AM delete

thanks man for this steps

Reply
avatar
January 18, 2010 5:15 AM delete

Hi,

I want to ask you about put email in meta.

It's can I use any email?

Reply
avatar
January 18, 2010 8:43 AM delete

Hi Nabieel,

you can do that, use this tag:

<link href='mailto:YOR_EMAIL@gmail.com' rev='made'/>

Reply
avatar
January 24, 2010 7:00 AM delete

hiiiiiii divya,

I update my blogs meta tags, description & also remove the duplicate tags & title errors ....after this I save my template....

now I'm trying to edit in "PAGE ELEMENTS" so blogger showing the error....

"ERROR INTERPRETING BLOG TEMPLATE
ERROR DURING EVALUATION OF ALL HEAD CONTENT"

please tell me how can I fix it???

http://uniquelikeme.blogspot.com

Reply
avatar
June 03, 2010 3:58 AM delete

Helpful for me.
Thanks Divya Sai.

Saimoom
http://shinemark.blogspot.com

Reply
avatar
June 08, 2010 9:20 AM delete

I cannot find that link on my blog plz help me...

Reply
avatar
June 08, 2010 9:29 AM delete

oops sorry...
^^^^^^
Above comment was not for this post..
Srry

Reply
avatar
July 24, 2010 2:13 AM delete

As far as meta keywords are concerned, I think google is nothing to do with them. I have discussed this thing in Google help forum for my blog=> http://cureeyestress.blogspot.com/
:|

Reply
avatar
July 24, 2010 7:48 AM delete

Yeah but at least meta-description has not yet lost its charm in the SEO-world.
And of course if not advantageous having meta keywords in the template wont do any harm to your blog, i mean it will have only neutral-to-postive effect but no negative effect if the keywords are all really the ones related to your blog.

Reply
avatar
August 02, 2010 2:51 AM delete

I cant edit header part in blog elements from my PC, but can edit from mobile. Why like that? the problem started when i changed to current theme

Reply
avatar
September 24, 2010 4:00 AM delete

I don't get this function...

ALL_KEYWORDS_HERE_SEPARATED_BY_COMMAS


should I? or should not replace any... and what should i change on this content...

Reply
avatar
November 12, 2010 6:18 AM delete

This is very important tips..without meta tags ..keyword will not rank ..Thanks for the post divya..It surely helps companies who are having their websites and struggling to get there keywords rank in google

Reply
avatar
August 04, 2011 6:12 AM delete

Nice information, i hope you keep writing.

Thanks for your sharing :)

Reply
avatar
August 08, 2011 6:33 AM delete

Thanks for helpful info. It was simple to read, but I'd like to add that if your company needs to be updated try mobile software development provided by outsourcing software development.

Reply
avatar
September 19, 2011 8:06 AM delete

hello sir
i have added this first one cooding on my blog

Latest bank job, government job, exam paper, math tricks, career resources, resume, ebook and personality skills

Is it necessary to add meta tags per ppost also. and how can i add different meta tags per poost also alongwith this first coding as u mentioned here

Reply
avatar
October 20, 2011 3:56 PM delete

A lot of thanks for this great review. Casino partners always look for casino programs for partners to increase their revenue income from best casinos or poker rooms.

Reply
avatar
October 29, 2011 12:55 AM delete

Thank you for sharing with us great online info. For those who is searching for new cars, compare auto quotes from top car insurance companies.

Reply
avatar
November 07, 2011 4:38 AM delete

It's nice info. Let me mention about cheap home insurance with discounts house insurance providers. Compare online quotes on homeowners insurance.

Reply
avatar
November 07, 2011 6:24 PM delete

Thanks for sharing with us this useful review. You have nice chance to check casino affiliate. The most common gaming programs such as rialto affiliates and great poker rooms such as party poker affiliate program.

Reply
avatar
November 12, 2011 6:32 AM delete

I'm glad to know more and read this great review. Let me share with insurance instant rates that is supported by common insurance companies. Customer could save on cheap life insurance quotes which allow customers to get cheap policy.

Reply
avatar
February 20, 2012 3:24 PM delete

This was perfect. Thanks for putting up such straightforward instructions!

Reply
avatar

Comments are moderated on this blog

Allowed HTML tags: <b>, <i> and <a>

Comment Like This! and Optimize your blog EmoticonEmoticon