How to Optimize your Images for Search Engines
Bloggers spend most of the time in optimizing our posts with targeted keywords for search engine rankings. This has not been under the SEO umbrella for a long time to optimize images. But as the competition for higher ranks has intensified over the years, this has been a utmost priority to optimize images in your weblog entries.The web is more visual now. So let us see how to optimize images.
Get The HTML Attributes Fixed:
1. Fixing “alt” TAGS : Dig down in your blog’s source code and see the piece of HTML . It describes the image to a search bot. See the tag alt=”alt key chart” ? This text is used when the image cannot be loaded in cases where the URL is broken or the page is viewed in a text-only browser. This is a prime field to enter your keywords.
2. Proper “title” TAGS : Now again look out for the tag title=”alt chart”. This is the text shown when you hover the mouse over the image. The title tag & alt tag are often confused to be the same & hence the text inside the quotes are kept the same. This is a wastage of opportunity. Because you can also use keywords(that you are targeting) in this title attribute. Note I have used different texts for the two(title & alt tags).
3. Text Text Text , never say Watch this: Search engines always look for surrounding texts near an image. So the more text and keyword rich your posts the more are the chances that your image will be indexed and get the ranks. So use quality keywords in your article body and near paragraphs containing the image
4. “Longdesc” ATTRIBUTE: This is somewhat rare tag that is used in an image HTML source code. This is not that necessary for text-content based sites(or blogs) using images for demonstration only. But for those with images as their main content this tag is a must. Look the HTML(below) I’ve linked a file name alt.txt which holds description for the image I’ve used.
<img title=”alt chart” src=”http://img.your-blog.com/altchart.png” border=”0″ alt=”alt-key-chart” longdesc=”alt.txt”/>
5. No scripts please: Last but most important tip for image optimization is that use images embedded in HTML tags only & not using Jscript cause the petty bots are unable to read scripts though they manage to read the HTML properly.
If you are not sure how to do those don’t worry there is a plugin called SEO Friendly Images for WordPress that will help you out.
Utilizing File Attributes:
1. Use proper file name: Now this is also a great place to put your keywords. So if you are targeting a keyword phrase “SEO for Google” and using an image in that post then the filename seo-for-google.jpg seems perfect. Do not use filenames like seo.jpg or seo_for_google.jpg. Because the first one lacks keywords & in the second one the underscores(_) is not good, use dashes(-) to separate between words.
2. Compress images for faster loading: This is not linked to better SEO. But somehow it is a technique to optimize images for faster loading. I’m providing some free tools online to get your job done.
Removing Google iframe:
We optimize images to get better search ranks & somehow if we manage to do so, they are shown within the top results for the targeted keyword. But when the viewer clicks on the image, Google puts a damn iframe on the page shown. Now that is not fine. Lets see how to remove this sticky frame so that if someone clicks an image of ours, they come direct to our sites & not redirected through the Google server. Just add the following script below the <body> tag in the header.php file.
if (top.location != self.location) top.location.replace(self.location);
Now whenever your images are indexed in search engines and a user clicks that image he will be directed in your website which is cool !
Hope you found it useful. Will you optimize your images? Share with us! Happy Blogging!!