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.

Leave a Reply

40 Comments on "Meta Tags – Importance and How To Use"

Notify of
avatar
Sort by:   newest | oldest | most voted
Anonymous
Guest

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

View Comment
naboonies
Guest

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”?

View Comment
bloggerstop.net
Guest

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["

View Comment
naboonies
Guest

Thanks a lot! I managed to do all you said

View Comment
bloggerstop.net
Guest

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

View Comment
GNJ
Guest

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

View Comment
Divya Sai
Guest

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 !

View Comment
soufiane
Guest

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.

View Comment
Soufiane
Guest

thank u sorry for asking in two posts

View Comment
XQUID
Guest

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

View Comment
Divya Sai
Guest

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

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

View Comment
Budak Malu818
Guest

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

View Comment
Blogger Help
Guest

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.

View Comment
football
Guest

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

View Comment
Divya Sai
Guest

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.

View Comment
Anonymous
Guest

thanks ;;)

View Comment
rohan
Guest

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????

View Comment
Sai @Blogger Help
Guest

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."

View Comment
yani
Guest

thanks man for this steps

View Comment
wpDiscuz