|
|
Steps for optimizing images in blogger.
1. All you need to do is just change the mode of the post from compose to HTML before you upload your image. This is because you have a chance to add few words in the code which can be visible only in the HTML mode. Your image code will look as follows.
2. Next just add alt="describe+your+image+with+relevant+words" just before the closing tag which would be like />. By adding this alt tag you will have the chances of making your images also to be searched by the search engines and you have the chances of increasing your traffic. Dont forget the equal to and apostrophes before and after the words which you have used to describe your image.
Few additional tips and tools to further help your optimization.
- You need to rename the file without any spaces by adding "+" instead of spaces for the image before you begin to upload. Blogger while uploading an image will take all the spaces as %2 which has no value.
- Before uploading the image you can also compress the image size further for some kilo bytes which will obviously lower your page size. If you want to know the benefits of lowering page size you can read in my previous articles. So in order to compress your image size you can do it by a third party tool provided by yahoo called smush.it
- You can also add title for your image so that when you hover your mouse over the image the title appears as a description for the user. Procedure is similar to that of adding alt tags. you need to write title="describe the image" before the closing tag. Here you need not place + symbols as it not looks good for the user who hovers the mouse over the image.
- While writing the alt tag also place "+" symbols wherever you need to add space. This would help your code to avoid the %2 values.
Compressing your image using smush.it