New Blog Online: meta tags

Showing posts with label meta tags. Show all posts

Home » Posts filed under meta tags

How To Refresh Your Blog or Website Automatically

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see <head> tag .

3.Copy below code and paste it just after the <head> tag.

<meta HTTP-EQUIV='refresh' content='15;URL=http://yoursite.com'/>

Note: Replace http://yoursite.com with your blog or website URL.

15 is the time period between 2 page refresh.Change it as your choice.

4.Now save your template and you are done.

How To Stop Google Photo Indexing in Blogger

You can easily prevent Google from indexing your pictures by doing below steps.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see <head> tag .

3.Copy below code and paste it just after the <head> tag .

<meta content='noimageindex' name='robots'/>

4.Now save your template and you are done.

How To Install Dynamic Meta Description Tags

If you define a meta description tag for your home page it will be replicated for all your pages which would be taken as a duplicate �meta-tag� in Google. With the code below you can have different description tag for each page of your blogspot hosted blog.

1.Login to your blogger dashboard-->layout--> Edit HTML

2.Scroll down to where you see this:-

<b:include data='blog' name='all-head-content'/>

3.Copy the below code and paste it after above code.

Replace PUT IN YOUR COMMON BLOG DESCRIPTION TAGS HERE with suitable description for your blog separated by comma. So if your blog is about Blogger tips,the tags can be blogger tips,tricks,hacks,blogspot tips .....

expr:content= �data:blog.pageTitle� gets replaced by the title of your current page.So when combined with the common description tags, the description tag becomes unique for each page.

4.Click on "Save Templates" and you are done.

What Are the Parts Of a Blogger Template

There Are 5 Main Parts of a Blogger Templates.This is the basic description about these parts.

1. XML Language declarations

2. HEAD, TITLE and the META TAGS

3.Variable Definitions

4. CSS (Cascading Style Sheet) section

5.Body

Below descricptions are Examples Of Parts Of the Template

XML Language declarations

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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'>
<head>

HEAD, TITLE and the META TAGS

<head>
<title>Latest Tips for Bloggers|Blogger Tips And Tricks</title>
<b:include data='blog' name='all-head-content'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='Latest Tips for Bloggers for easy blogging and Making Money.blogger,blogspot tips and tricks.A dummies guide,templates,layouts,widgets, JavaScript,HTML codes,SEO,Google AdSense,gadgets,How to monetize Blogger or blogspot blogs.' name='description'/>
<meta content='blogger tricks,blogspot tweaks,how to blog,blogger tips,blogging tricks,widgets,links,google,adsense,latest,Page Rank,free blog,Yahoo,MSN,FeedBurner,Comments,new bloggers,sitemaps,make money,online,Blogging tips,Sitemaps,Meta Tag,YouTube Tweaks' name='keywords'/>
<meta content='Lasantha' name='author'/>
<meta content='all,follow' name='robots'/>
<meta content='General' name='Rating'/>
<meta content='never' name='Expires'/>
<meta content='english' name='Language'/>
<meta content='Global' name='Distribution'/>
<meta content='INDEX,FOLLOW' name='Robots'/>
<meta content='4 Days' name='Revisit-after'/>
<meta content='lasanthaset4@gmail.com' name='Email'/>
<meta content='Karunarathna' name='Publisher'/>
<meta content='Keerthi' name='Copyright'/>
<META content='04a82ed1e8901452' name='y_key'></META>
<meta content='9BC9210680' name='blogcatalog'/>
<meta content='uhl6s4fkZiCGiK8tOzdJdlKTP7V4anqblyHBjk8PA0g=' name='verify-v1'/>

Variable Definitions

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Minima Ochre
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team

----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#dd9" value="#CAF99B">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#684" value="#0066CC">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#874" value="#000000">
.............................

CSS (Cascading Style Sheet) section

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

...............

/* Footer
----------------------------------------------- */
#footer {
width:950px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
]]></b:skin>
</head>

Body

<body>
<div id='outer-wrapper'><div id='wrap2'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='4' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Blogger Tips And Tricks (Header)' type='Header'/>
<b:widget id='HTML17' locked='false' title='' type='HTML'/>
<b:widget id='HTML19' locked='false' title='' type='HTML'/>
</b:section>
</div>

<div id='content-wrapper'>

<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML6' locked='false' title='Subscribe to Blogger Tips' type='HTML'/>
<b:widget id='LinkList2' locked='false' title='Blogger Tips - General' type='LinkList'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Blog Directries' type='HTML'/>
<b:widget id='HTML5' locked='false' title='Social Bookmarks' type='HTML'/>
<b:widget id='HTML11' locked='false' title='Useful Free Services' type='HTML'/>
<b:widget id='LinkList1' locked='false' title='Link' type='LinkList'/>
</b:section>
<p><a href='http://bloggertipandtrick.blogspot.com/'>Blogger Tips and Trick</a> for <a href='http://bloggertipandtrick.blogspot.com/'>Bloggers</a></p></div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='HTML14' locked='false' title='' type='HTML'/>
<b:widget id='HTML20' locked='false' title='Search Blogger Tips And Tricks' type='HTML'/>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
<b:widget id='LinkList3' locked='false' title='Blogger Tips - Useful Articles' type='LinkList'/>
<b:widget id='LinkList4' locked='false' title='Blogger Tips - Change Appearance' type='LinkList'/>
<b:widget id='LinkList5' locked='false' title='Blogger Tips -Gadget,Widget,Elements,Tools' type='LinkList'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='HTML13' locked='false' title='Privacy Policy' type='HTML'/>
</b:section>
</div>

<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Get Email Updates' type='HTML'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='HTML3' locked='false' title='Get Latest Updates' type='HTML'/>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='HTML8' locked='false' title='Link to This Site' type='HTML'/>
<b:widget id='HTML9' locked='false' title='Support me !!!' type='HTML'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='HTML4' locked='false' title='Flag Counter' type='HTML'/>
<b:widget id='HTML15' locked='false' title='' type='HTML'/>
</b:section>
</div>


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='HTML21' locked='false' title='' type='HTML'/>
<b:widget id='HTML12' locked='false' title='Feed Directories' type='HTML'/>
</b:section>
</div>

</div></div> 

<script type='text/javascript'>
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type='text/javascript'>
try {
var pageTracker = _gat._getTracker("UA-8271964-1");
pageTracker._trackPageview();
} catch(err) {}</script>

</body>
</html>

How To Add Different Meta Tags to Different Blogger Posts

What's the use of adding different meta descriptions to different Blogger Posts?

It is very good for SEO (Search Engine Optimisation) . Actually, why we are adding meta tags is to tell search engines what that page is all about... but, using same meta tags to all of your blog posts lessens the search engine rankings and traffic little bit.
But, if you add different unique meta tags to different Blog posts, it makes the search engines to know more about your individual blog posts and make them crawl and index your pages better and it also improves your Search engine rankings for sure ;)

So, how to add this?

For this to happen, you have to add some pieces of codes to the template.
First Sign in to Blogger dashboard � Layout � Edit html

and find this line

<b:include data='blog' name='all-head-content'/>

and add this code just below that line

<b:if cond='data:blog.url == "http://www.bloggertipandtrick.net/"'>

<meta content='DESCRIPTION' name='description'/>
<meta content='KEYWORDS' name='keywords'/>

</b:if>

Now we have added meta tags to the homepage.

Next, you want to add meta description for your blogger post, for example let see how to add meta tags to below post :

http://www.bloggertipandtrick.net/2009/03/how-to-add-paypal-donate-button-to-your.html

This is the way to add meta tags to above post:

<b:if cond='data:blog.url == "http://www.bloggertipandtrick.net/2009/03/how-to-add-paypal-donate-button-to-your.html"'>

<meta content='How to add Paypal Button to your Blogger Blog, Adding Donations to your blog' name='description'/>

<meta content='Adding,Paypal,Donate,Button' name='keywords'/>

</b:if>

Now, what you have to do is pasting the above code below the home page meta tags and changing the link,description and keywords.
So, the final code now looks something like:

<b:if cond='data:blog.url == "http://www.bloggertipandtrick.net/"'>

<meta content='DESCRIPTION' name='description'/>
<meta content='KEYWORDS' name='keywords'/>

</b:if>

<b:if cond='data:blog.url == "http://www.bloggertipandtrick.net/2009/03/how-to-add-paypal-donate-button-to-your.html"'>

<meta content='How to add Paypal Button to your Blogger Blog, Adding Donations to your blog' name='description'/>

<meta content='Adding,Paypal,Donate,Button' name='keywords'/>

</b:if>

Just like the above procedure, you can add different meta tags to as many blog posts as you can.

How Add META TAGS to Blogger(blogspot) blogs

Adding meta tags you can get get more traffic from search engines like google,yahoo,msn,etc,especially the meta description is the most important one.

Meta tags are the tags which describes your site and tells the search engines what your site is all about.Adding meta tags is an important factor in SEO.(Search Engine Optimisation).Meta tags allows search engines to index your web pages more accurately. In other words,Meta tags communicate with the search engines and tells more information about your site and make it index correctly and accurately.

We must add two main meta tags to the head section of the template.One is the Meta description which describes your site and another one is Meta Keywords which tells about your site keywords(what your site is all about)

Here is how to add meta tags to your blogger(blogspot) blog:

1.Sign in to your blogger dashboard-->click the 'Layout' button[see the screenshot below]

2.Click on the 'Edit html' tab

3.Find this code:

<b:include data='blog' name='all-head-content'/>

4.Now add below code just after the above code.Look at below:

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
<meta content='AUTHOR NAME HERE' name='author'/>

Replace,

DESCRIPTION HERE:Write your blog description
KEYWORDS:Write the keywords of your blog
AUTHOR NAME:Write the author's name(Your name)

Now save your template.

How to add Different Meta tags to Different Blogger Posts

Yesterday, a reader(Yakacha) asked me

Thanks for your beautiful templates.You r great.I want to ask u  something. Do u know how we make separate unique title and meta tags  for each posts in a blog? I have seen others doing that.

What's the use of adding different meta descriptions to different Blogger Posts?

It is very good for SEO (Search Engine Optimisation) . Actually, why we are adding meta tags is to tell search engines what that page is all about... but, using same meta tags to all of your blog posts lessens the search engine rankings and traffic little bit.

But, if you add different unique meta tags to different Blog posts, it makes the search engines to know more about your individual blog posts and make them crawl and index your pages better and it also improves your Search engine rankings for sure ;)

So, how to add this?

For this to happen, you have to add some pieces of codes to the template.
First Sign in to Blogger dashboard � Layout � Edit html

and find this line


<b:include data='blog' name='all-head-content'/>

and add this code just below that line


<b:if cond='data:blog.url == "http://bloggertricks.com/"'>

<meta content='DESCRIPTION' name='description'/>
<meta content='KEYWORDS' name='keywords'/> </b:if>

So, the final code looks like this one

We now added meta tags to the homepage. Next, you want to add meta description for another post, for example : http://bloggertricks.com/2008/05/how-to-add-paypal-donate-button-to-your.html

Now, what you have to do is pasting the above three lines below the present code and changing the link,description and keywords.
So, the final code now looks something like


<b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.url == "http://bloggertricks.com/"'>

<meta content='DESCRIPTION' name='description'/>

<meta content='KEYWORDS' name='keywords'/> </b:if>

<b:if cond='data:blog.url == "http://bloggertricks.com/2008/05/how-to-add-paypal-donate-button-to-your.html"'>

<meta content='How to add Paypal Button to your Blogger Blog, Adding Donations to your blog' name='description'/>

<meta content='Adding,Paypal,Donate,Button' name='keywords'/> </b:if>

Just like the above procedure, you can add different meta tags to as many blog posts as you can.

Try it out and share your experiences!

Blog Archive

Popular Posts