Wednesday, September 17, 2008

How to get listed on Search Engines

The tutorial is all about getting your site listed on Search Engines i.e Search Engine Optimization

First thing you need to do is find the keywords you want to optimize for.

There is great tool by Overture

But I would suggest using this free tool called GoodKeywords

This one does the same job as Overture does but it also supports other Search Engines (Lycos and Teoma etc..)

For example if you want to optimize for the keyword "tech news", just search for the keyword in any of the tools specified above... It would show you keywords related to that and not of the searches..

Pick the keywords which are related to your site.

For example when you search for "Tech News" you'll see the following results:

Count Search Term
11770 tech news
351 itt news tech
191 high tech news
60 news tech texas
49 computer tech news
42 bio news tech
34 in itt news tech
30 news tech virginia
29 asia news tech
25 hi tech news
25 sci tech news

Now see what other terms are related to your keyword technology news

Do couple of searches like that and note down around 15-20 keywords.
Then, keep the keywords which are searched most on the top.

Now you need Title Tag for the page.

Title tag should include top 3 keywords, like for "tech news" it can be like :

"Latest Tech News, Information Technology News and Other computer related news here."

Remember that characters should not be more than 95 and should not have more than 3 "," commas - some search engines might consider more than 3 commas as spam

Now move on to Meta Tags

You need the following Meta Tags in your web page

<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META name="keywords" content="keyword1,keyword2,keyword3">
<META name="description" content="brief description about the site">
<META name="robots" Content="Index,Follow">

No need to have other meta tags like abstract, re-visit and all, most people don't read it.

Now...

<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

This tag is tells content type is html and character set used it iso-8859-1 there are other character sets also but this is the one mostly used..

<META name="keywords" content="keyword1,keyword2,keyword3">

This one should have all your keywords inside starting from keyword with most counts...

keyword tag for our example would be something like :

<META name="keywords" content="tech news,technology news, computer technology news,information technology,software news">

Remember to put around 15-20 keywords max not more than that. Don't repeat keywords or dont put keywords like, "tech news", "info tech news", "latest tech news" and so on...

<META name="description" content="brief description about the site">

Provide short description about your site and include all the keywords mentioned in the title tag.

Description tag should be:

<META name="description" content="One Stop for Latest Tech News, Information Technology News, Computer Related and Software news.">

It can be up to 255 characters and avoid using more than 3 "," commas

<META name="robots" Content="Index,Follow">

This is used for search robots..following explanation will help you :

index,follow = index the page as well as follow the links
noindex,follow = dont index the page but follow the links
index,nofollow = index the page but dont follow the links
noindex,nofollow = dont index page, dont follow the links
all = same as index,follow
none = same as noindex,nofollow

Now move on to body part of the page

Include all top 3 keywords here,
I would suggest to break the keyword and use it...

For example

YourSiteName.com one stop for all kind of Latest Tech News and Computer Related information and reviews.................

Include main keywords in <h#> tags <h1><h2> etc..
and start with <h1>and then move to <h2> <h3> etc..

<h1>
tag will be too big but CSS can help you there, define small font size in css for H1,H2,... tags

When done with page copy, then you need to provide title and alt tags for images and links.

Use some keywords in the tags but don't add all the keywords and if not necessary then don't use keywords in it, basically it should explain what is image all about.

Remember to add Top keyword at least 4 times in the body and other 2 keywords thrice and twice respectively.

Now move on to Footer Part
Try to include top keywords here and see the effect, use site keywords as links i.e.

<a href="news.php">Tech News</a> <a href="software-news.php">Software News</a> etc..

Now finally, you need to read some more stuff..may be you can all it as bottom lines...

Site Map - This is page where you need to put all the links present in your site, this is will help Search Engines to find the links easily and also provide link for site map in footer, as search engines start scanning the page from bottom.

Robots.txt - This file contains address of directories which should not be scanned by search engines.. more info can be found here : http://www.robotstxt.org/wc/exclusion.html search engines line google, yahoo ask for robots.txt file.

Valid HTML - Your code should have valid html and doc type, Its kind of difficult to follow all the standards but you can at least open and close all the tags properly, you can check your page's html online here : http://validator.w3.org or you can use this free software called HTML Tidy

All done now, you just need to check your site with this script, its called SEO Doctor

It'll show you the report of your site with solution.

Now, correct the errors and start submitting the site :

Start with Google
then Yahoo
then move to Altavista, Alltheweb and other search engines...

List of other Search Engines and Free Web Submissions

Also submit your site to direcories like http://dmoz.org , http://jayde.com etc...
Dmoz is must, as Google, Yahoo and may more search engines uses same directory

And remember, don't try to SPAM with keywords in these directories, dmoz is handled by Human Editors

List of Free Blog Directories

Submitted the sites, but still i cant see you site on top?

Wait for sometime may be a month or so but keep an eye on your search term, use http://GoogleAlert.com - this will show whenever Google updates for your keywords, it will mail you the new results.

And also check whether your site is listed on Google..
use this tool called Google Monitor, you can download it for free.

Sunday, August 31, 2008

How to add 3 column section on footer

As you can see at the bottom of this blog, I have three columns in the footer section. I placed my other widgets below to gain more space on my sidebar.

Adding extra columns to your footer section will provide more valuable space for blog widgets, and will give your blog a much appealing look.This guide will help you add extra columns to your own Blogger blogs.

The overall process is quite simple. I have taken into account that different blogs have different widths and styles, and so have designed a fluid solution which should work in any Blogger layouts template.

Here are the four steps needed to transform the footer section of your blog template:


1. First and most importantly Back up your existing blog template!

Before making any modifications to your blog template, it is essential that you make a back up of your existing template. Then if you make any mistakes, or decide you don't like the new look, you can easily revert back to this design.

To back up your existing template, go to Template>Edit HTML in your Blogger dashboard, and click on the "Download Full Template" link near the top of the page. You can then save your existing XML template file to your computer.

2. Move all existing widgets from the existing footer section

In the Layouts section of your Blogger dashboard, move all widgets which are present in your footer section into your sidebar (or other section) instead. This is only temporary, as you can move them back later once we have finished adding your new footer section. Most importantly, this ensures that you don't lose these widgets during the modification, and makes it much easier to complete.

3. Add extra code to your footer section.

Go to Template>Edit HTML in your Blogger dashboard, and do not check the "expand widget templates" box (this simplifies the process).

Now you need to find this section in your template:


<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

Please note that this particular section may be called something slightly different in your template, eg: "footer-wrap" or "footer". In the case of Rounders templates, you may notice that there are in fact two DIV sections around the footer section. In any case, all we need to change is the line highlighted in red.

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>
it's a good idea to save your template at this stage, before we add just one small section of code to style the new footer section and ensure that the widgets don't get pushed beneath each other when you add them later.

4. Adding style for the new footer section

Once again, open the Edit HTML section in your Blogger dashboard. This time, you need to find the closing "" tag, which is where the style section of your template ends.

Immediately before this line, add the following lines of code:

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}
And save your template again. The style in these lines of code ensure that the footer column don't get too bunched up, or slide beneath each other in the layout of your template.

Now you have finished adding these new sections to your footer, go to the Layout section of your Blogger dashboard (Template>Layout), and you will see the three new column, plus a lower section which spans the width of all three column, to which you can now add new widgets!

I added a horizontal line to the footer section to ensure that there is a clear distinction between content in the footer columns and content in the wider section beneath. If you would like to change the color of this line, you can do so by replacing the hex color values in the line below (highlighted in red) with a different color:


<hr align='center' color='#5d5d54' width='90%'/>

If you are unsure of the hex value for the color you prefer, you can refer to my HTML Color Chart.

If you would prefer to remove the line altogether, simply delete the whole line.

I hope this tutorial enables you to customize your footer section with ease, so you can add more widgets and content to this area of your blog template.

Friday, August 8, 2008

Earn while discussing on the Topics that you love

I've joined many paid to post sites that promises to pay it's members just by participating to forum discussions or starting a discussion. but most of them are scam, some of them pay very small or doesn't pay at all. There are tons of sites out there that promises to pay you just to join them, participate and refer people to their program but what separates them to each other is how they treat it's members, how many loyal members they have, how stable they are, and most importantly how well they pay and deliver to their member what they promise.

One site proves be on top of them... Mylot.



Mylot is a place wherein you can earn MONEY while participating in discussions, Discussing topics about anything and everything under the sun. Joining one of the hundreds of thousands of discussions already started by other members, or starting your own topic or even just uploading an image. Mylot is very addicting because there are thousands of topics and issues to talk about, some of the members spends the whole day on Mylot.

To earn money while sharing your thoughts all you need is a Mylot account. Click here to open an account.