How to optimize images for your blog
These days images have become an important part of blogging; they increase the visual appeal of your individual blog posts. Since you can obtain free images from numerous image hosting websites it is very easy to make your blog attractive with the help of images without Copyright infringement. Images also increase your search engine rankings as all major search engines these days support image searching. How do you optimize images for your blog? You can do two things: you can resize the image and improve its style using cascading style sheets, and you can search engine optimize it. Image editing tools like Photoshop and Gimp can help you resize, rotate and crop and existing image. There are many online image editing tools available that you can use to manipulate your images: this link contains some great links for editing images online.
Once you have modified your image make sure you name it appropriately according to the content of your blog post. For instance if you’re writing a blog post about online copywriting then it may help if you name the image something like "image-describing-online-copywriting.gif". After that when you use the <IMG> tag to insert the images into your blog make sure that you use proper text for the alt attribute. The correct syntax would be:
<img src="/path/yourimage.gif" alt="Image explanation" />
Then you can use CSS to draw an attractive border around your image, something like:
.imgleft{
float:left;
margin-right:10px;
border:1px solid #6D6D6D;
padding:4px;
}
.imgleft img{
margin-left:auto;
margin-right:auto;
}
This will give your image a nice border effect.
In order to optimize your images for search engines make sure you use your keywords in the text especially around the images.
Technorati Tags: image optimization, blog optimization, blog publishing, image search, CSS
You can leave a response, or trackback from your own site.
June 17th, 2008 at 7:26 am
Nice tip, thanks for posting the code, I always like the nice border around the images.