Get More Traffic With One Simple Tweak

Did you know you can get more traffic to your blog just by editing your images while adding them to your blog posts? Read on to find out how ...

While composing a post in Blogger, everytime you click on the Image button to upload an image, you give the location of the image and your desired image size and then click "Upload". After uploading you click "Done" and the image is inserted in your blog post. But almost all bloggers forget about one attribute (in the HTML code of the image) which if used could bring your blog at least 25% more traffic.

The trick for the traffic

Everytime you insert an image using Blogger image hosting, go to the "Edit HTML" tab of your post. There you will see some code as below,

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_yPl3H1QvHjU/Rc3YNNB658I/AAAAAAAAAKo/I1eErnCpjWc/s1600-h/sharing_desktop.png">
<img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp1.blogger.com/_yPl3H1QvHjU/Rc3YNNB658I/AAAAAAAAAKo/I1eErnCpjWc/s200/sharing_desktop.png" alt="" id="BLOGGER_PHOTO_ID_5029914080190326722" border="0" /></a>

What this code is does that it places a 200px wide image in your post which links to the original image you uploaded. Now look closely at the code. You will see that there is a "alt" attribute in the <img> which has no content in it. This is the attribute we are looking for.

You need to add some info about the image inside that tag. By info I mean what that image is about. Make sure your info is short but descriptive. So after adding some information about the image, your new code will look something like,

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_yPl3H1QvHjU/Rc3YNNB658I/AAAAAAAAAKo/I1eErnCpjWc/s1600-h/sharing_desktop.png">
<img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp1.blogger.com/_yPl3H1QvHjU/Rc3YNNB658I/AAAAAAAAAKo/I1eErnCpjWc/s200/sharing_desktop.png" alt="Viewing friends desktop in YIM" id="BLOGGER_PHOTO_ID_5029914080190326722" border="0" /></a>

In case you are thinking what is the use of adding information in the alt attribute read on.

How This Tweak Will Bring Traffic ?

You must have heard about Google Image Search. Many people use it to find images. Now coming to Google Image Search, how does it find images. Images don't have text so that GoogleBot can index them. That is where the "alt" attribute comes in, Google uses the "alt" attribute to search for relevant images. So if you are using "alt" attributes, you have a good chance of getting your post images right up there in the search results, resulting in more pageviews for your blog.

The Last Word

Though I have illustrated the process for Blogger.com, it also applies to Wordpress blogs and the code that you get when you upload an image to ImageShack.

Try this tweak and leave a comment in case you need help. ;)