Monday, November 24, 2014

Easy Way To Use HTML Alt Tag in Image of Blogger (Blogspot) Blog?



By the demand of Optimization (SEO) you should have to maintain some standard criteria during writing a Blog post.

At the time of writing any post, if any optimization is done in order to get rank well in search engines like Yahoo, Bing and Google, then this is called On Page Optimization.
Now a day, the search engines are emphasizing on the On Page SEO more. Without any Off Page optimization, if you just do some On Page Optimization on your page; it’s enough to get higher rank in search engines. It’s proved. I experienced it on one of my Blog and doing better in SERPs.


Adding ALT Tag  in Image is one kind of On Page Optimization and that is very important part of SEO or getting higher rank.

Now, you can think yourself why the Alt Tag is so important for a Image?

Well, the so called search engines especially Google Bot can’t read the images you add on your post. Suppose, you added a image of “Pen drive” on one of your post. You added this photo because you want to tell the search engines what this post is all about. But this is really sorrowful matter is that, Google Bot won’t be able to detect your image. Search Engine Bot can’t read the image; they can read just any kind of text.

So, using ALT tag in your image means, adding a text about what kind of image you are using. In other means, if you use the ALT Tag in images; if the browser’s image load option is stopped, then your browser will show you the Alternative Text; so that you can easily understand that what the image was there.

Using Alt tag in images will increase your search engine positioning in making your blog on top on SERPs.

Suppose if you used an ALT tag on you Pen drive Image; the search engine robot would definitely detect your image that it is a pen dirve image and this post is all about a pen drive.

So, How Can I add a Alt Tag in Blogger or Blogspot Blog Post?

We can do it in tow ways.

One of them is changing HTML Code manually, It is little hard but not impossible for a newbie. If we add ALT tag for image by changing HTML code our experience of Coding will gain also.

Here the process of adding the Alt tag has been mentioned stepwise-
  1. Add an Image as usual method in your new post.
  2. Now click on the Edit HTML tab from the Post Editor Box Toolbar.
  3. Find the HTML code for your Image . Which is most likely                                                                            <img src= “http://ezoneplus.blogspot.com/seo.jpg”>.
    If you want to add a img Alt tag where the Alternative Text will be “SEO”. Then, just put a code like alt= “SEO” after the image source link.
    For example: <img src= http://ezoneplus.blogspot.com/seo.jpg” alt= “SEO” />.
    Here an Alternative Name “SEO” has been added which can be readable by the search engines.
  4. Try to use your post keyword (Just one keyword) on your Image Alt Tag. It will give you visitors from Image Search of the search engines too.
Whenever you make a new post on your Blogspot blog, then after adding an image on post, click on Edit HTML tab and inset the alt html tag manually.

If you think this way of adding ALT tag is very difficult, then you have another shortcut way.


After inserting the image in your post click on this image and then you will see a floating menu with this image.

Insert ALT tag
Image Options

There will be a option name properties. Then click on properties. Then another small popup menu will appear with title and alt field.

alt tag field
alt text: ALT Tag field
In title field write proper title of your image. And in alt field write suitable words which mostly describe your image and related with your post also. Remember it will be a most effective keyword also. It should be with one word.

Enjoy Your Blogging.

3 comments:

Contact

Name

Email *

Message *