Article Tag in :Blog Tips
I sat down last night to find out why Wordpress blogs have better search engine rankings when compared to the Google's Blogger. The answer which I found was that Wordpress blogs are highly SEO optimized (especially those run on Thesis Theme), meaning that the plugins on WP make it flexible for the user to optimize his/her blog more compatible with the search engine algorithms. Whereas, this is not the case with blogger.
This post basically deals with one simple trick that will make our blogger/blogspot blogs more search engine friendly. I have sufficiently talked about title tags and meta tags in my previous posts. So, I have discussed only about optimizing our images in this post. Follow these simple steps every time you post an image on your blog and I'm sure your blog will rank better than it did before. Moreover, you will drive traffic through your images by doing this.
Once you upload an image using the post editor, click on the HTML mode. You will find a code something like the one shown below. Its now time to optimize this code for better SEO.
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIch4PKKFZspg4LDCiBgXB7YBzGylEEk4cVKPgHZ7D5zGpDO4E9j6GcE1hEbNLNT57tZiMg16IU11XVGAjxPYVny0OHL4X7lKa4UbZMmGCpEA-_ubOm2KW7kUqobyIqQKP10GYYfXh4SI/s1600/CSSEditLogo.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIch4PKKFZspg4LDCiBgXB7YBzGylEEk4cVKPgHZ7D5zGpDO4E9j6GcE1hEbNLNT57tZiMg16IU11XVGAjxPYVny0OHL4X7lKa4UbZMmGCpEA-_ubOm2KW7kUqobyIqQKP10GYYfXh4SI/s200/CSSEditLogo.png" width="200" /></a>
1. ADD THE TITLE TAG
Title tags basically display the text when the mouse is hovered over the image. So, how do I add this tag to my image? It is very simple. Just add the following piece of code and insert the text that best describes the post. For example, I want the message "CSS Tutorials" to get displayed when I hover my mouse over the image on the right. To do this, I should modify/add the code as follows.
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIch4PKKFZspg4LDCiBgXB7YBzGylEEk4cVKPgHZ7D5zGpDO4E9j6GcE1hEbNLNT57tZiMg16IU11XVGAjxPYVny0OHL4X7lKa4UbZMmGCpEA-_ubOm2KW7kUqobyIqQKP10GYYfXh4SI/s1600/CSSEditLogo.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img title="CSS Tutorials" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIch4PKKFZspg4LDCiBgXB7YBzGylEEk4cVKPgHZ7D5zGpDO4E9j6GcE1hEbNLNT57tZiMg16IU11XVGAjxPYVny0OHL4X7lKa4UbZMmGCpEA-_ubOm2KW7kUqobyIqQKP10GYYfXh4SI/s200/CSSEditLogo.png" width="200" /></a>
2. ADD THE ALT TAGThe alt (alternate) tags are basically those text which appear instead of the image, that is, when the images do not upload faster either due to a slow connection or host problems, these text will be replaced in place of the image. So, it is very vital that every image on your blog has an alt tag. To add this, add the text highlighted in green. For example, my alternate text for the picture above would "CSSEditLogo" and I have highlighted the same in the code below.
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIch4PKKFZspg4LDCiBgXB7YBzGylEEk4cVKPgHZ7D5zGpDO4E9j6GcE1hEbNLNT57tZiMg16IU11XVGAjxPYVny0OHL4X7lKa4UbZMmGCpEA-_ubOm2KW7kUqobyIqQKP10GYYfXh4SI/s1600/CSSEditLogo.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img title="CSS Tutorials" alt="CSSEditLogo"border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIch4PKKFZspg4LDCiBgXB7YBzGylEEk4cVKPgHZ7D5zGpDO4E9j6GcE1hEbNLNT57tZiMg16IU11XVGAjxPYVny0OHL4X7lKa4UbZMmGCpEA-_ubOm2KW7kUqobyIqQKP10GYYfXh4SI/s200/CSSEditLogo.png" width="200" /></a>
3. PROPER IMAGE NAME
The most important factor regarding the SEO would be a proper name to the image. Make sure you include the keywords when you name your image and let it be relevant to the image. It is very important that you avoid spaces because these are generally replaced by %20 and will have no value when it comes to SEO. So, the general idea would be to use '-' or '+' sign for blank spaces.
Example: Instead of CSS Edit Logo, it is better to use CSS+Edit+Logo or CSS-Edit-Logo as your image name. You can completely avoid this confusion by using Yahoo! Smush.it™.
I suggest you to use Yahoo! Smush.it™ before you upload your images to Picasa because it speeds up your blog by decreasing the size of your image. You might read the following article to know more about the various tools to speed up your blog : Speed Up Your Blog - Tips And Tools. It is important to note that even though your image size is reduced, your image quality will still be retained.
I hope these tips would be handy for newbies to optimize their blog SEO. I'm sure if you practice this on a regular basis, your blog will rank much better on Google and various other search engines. So, if you have more tips, please share it with us via comments or you may write a guest post for us. For more details about guest posting, visit the following link - Write For Us.
I hope these tips would be handy for newbies to optimize their blog SEO. I'm sure if you practice this on a regular basis, your blog will rank much better on Google and various other search engines. So, if you have more tips, please share it with us via comments or you may write a guest post for us. For more details about guest posting, visit the following link - Write For Us.
Enjoyed the article?
Article Copyed From Mukund
About the Author
I'm AlQadib, the founder of Blog Walker (BW). I'm a freelance writer on topics related to Website Optimization (SEO), blogger customizations and making money online. I'm blogging since 2011 and I'm currently a guest blogger on Blogging With Success.
Follow Me on Facebook [at] Facebook
Follow Me on Facebook [at] Facebook
Click here to Subscribe to FREE email updates from "iBlog Walker", so that you do not miss out anything that can be valuable to you and your blog!!
