SEO Search

  • Subscribe to our RSS feed.
  • Twitter
  • StumbleUpon
  • Reddit
  • Facebook
  • Digg

Sunday, 25 March 2012

How to optimize Images and Increase Blog Traffic

Posted on 17:24 by Unknown
This tutorial will explain you how to optimize images before uploading them to internet. Generally most of people don't optimize images before uploading it to Blogger as needed. Optimizing images should be done when talk about the SEO (Search Engine Optimization). Learning the correct and proper way of optimizing images in blogger is important. Google Image search is used widely for finding quality reference images, icons and photos. A great percentage of our blog traffic depends on Image search. When we are downloading images, most of the time they are saved with very odd names and we don't take any interest in modifying the name. So you should always consider two things when uploading images to Internet these are proper use of alt tag and image name should be change with proper keyword. Let me explain..

1. Change Image Name with Keyword
see in the screenshot
When we are downloading images from Internet, generally they are saved in local drive with some very odd name like untitled.jpeg, img1.jpeg etc. So changing these names with appropriate keywords is always helpful. For example, if i want to add img1 or untitled in this post then definitely i will change these name with those words which describe the content called keywords so i will change to image SEO.jpeg or optimize image.jpeg.


2. Use alt attribute

Search robots can not read multimedia may it be graphic images or flash. An image is meaningless for search spiders if it is not defined(tagged). So to tell search robots what the image is all about, we can add an alt tag to our image code. When you add a photo to your post editor, switch to "Edit HTML" mode and find the HTML code for the image which will look something like this:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gs-_V5ctPVKfuytGuH35VphY4_Zju0z8iNfO98GQ-79mMCOegyHUXXqgWaS-bCfA5-FNWe_czUW0Cdqxj86yYCXbbxw92MVirvZ-4lMc-dLPF58JbJFGCtfqaF1X46mc1yeklWYS5aCq/s1600/how+to+seo+optimize+blogger+posts+titles.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gs-_V5ctPVKfuytGuH35VphY4_Zju0z8iNfO98GQ-79mMCOegyHUXXqgWaS-bCfA5-FNWe_czUW0Cdqxj86yYCXbbxw92MVirvZ-4lMc-dLPF58JbJFGCtfqaF1X46mc1yeklWYS5aCq/s200/how+to+seo+optimize+blogger+posts+titles.jpg" width="100" /></a></div>

Now you need to identify the HTML code of the image which is marked with red. Just add the underlined alt tag after <img as shown below:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gs-_V5ctPVKfuytGuH35VphY4_Zju0z8iNfO98GQ-79mMCOegyHUXXqgWaS-bCfA5-FNWe_czUW0Cdqxj86yYCXbbxw92MVirvZ-4lMc-dLPF58JbJFGCtfqaF1X46mc1yeklWYS5aCq/s1600/how+to+seo+optimize+blogger+posts+titles.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="image description" border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gs-_V5ctPVKfuytGuH35VphY4_Zju0z8iNfO98GQ-79mMCOegyHUXXqgWaS-bCfA5-FNWe_czUW0Cdqxj86yYCXbbxw92MVirvZ-4lMc-dLPF58JbJFGCtfqaF1X46mc1yeklWYS5aCq/s200/how+to+seo+optimize+blogger+posts+titles.jpg" width="100" /></a></div>

Replace image description with your own keywords. And try to write short sentences to describe them, also keep description limited to 4-5 words. Less is better.
Email ThisBlogThis!Share to XShare to Facebook
Posted in blogger, how to, SEO | No comments
Newer Post Older Post Home

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Popular Posts

  • CSS Basics. How to Apply Rounded Corners On Images #1
    This tutorial will explain how to change the outside border of any image using some simple CSS rules to make it round, but this is so easy t...
  • How to change Blogger "Post A Comment" Message
    In this tutorial i will show you how to replace the 'Post A Comment' text that appears above the comment form with an image. Also, I...
  • Google Translate Widget with Flags For Blogger
    The Google Translate Widget for Blogger allows the visitors to translate your site or blog in their own language. This widget also auto-dete...
  • How to Write SEO Optimized Blog Posts
    I'm not a SEO Expert, nor what we will read further is a top secret, but this is something about basic positioning that everyone should ...
  • Scriptaculous image slider/carousel for Blogger
    This is a very nice carousel slideshow made by Brian R. Miedlar which shows a gallery of images having a sliding effect that returns to the...
  • A Simple Related Posts Widget For Blogger
    In the last tutorial, i've been talking about the Related Posts widget  that shows related posts along with thumbnails just at the end ...
  • Blogger Auto Video Template by webbilgi
    Rate this template: Demo: Click here for Demo Source And Designer: Author page Click here to Download Features: Automatic thumbnail creati...
  • A Beautiful jQuery Drop-Down Menu For Blogger Blogspot
    Alright, this time, we are going to make a stylish and simple jQuery drop down menu. The main objective is to make it as simple as possible,...
  • Turn off the lights with jQuery
    For those who enjoy watching videos on the net, this is a very useful script made by Janko with jQuery. So what this script does? It will ...
  • How to add go to top and go to bottom buttons Using jQuery in Blogger
    The Up and Down buttons can be used to navigate to the top and bottom of the page content, especially when on the main page there are many ...

Categories

  • adsense
  • adsense optimization
  • adsense tips
  • Auto Video Template
  • avatars
  • blockquotes
  • Blog Design
  • blogger
  • blogger posts
  • color code generator
  • Comments
  • comments tricks
  • css
  • emoticons
  • Emoticons/Smileys
  • Facebook
  • feedburner
  • forum
  • Hacks
  • how to
  • how to make a blog
  • Image Effects
  • internet
  • jQuery
  • labels
  • menus
  • Navigation
  • navigation menu
  • popular posts
  • posts
  • read more
  • recent comments
  • recent posts
  • related posts
  • RSS
  • SEO
  • sitemaps
  • slideshows
  • social media
  • social media plugins
  • static pages
  • Templates
  • threaded comments
  • titles
  • tools
  • translating
  • webbligi
  • Widgets

Blog Archive

  • ►  2013 (57)
    • ►  November (4)
    • ►  October (16)
    • ►  September (13)
    • ►  June (3)
    • ►  May (4)
    • ►  April (5)
    • ►  March (12)
  • ▼  2012 (73)
    • ►  July (1)
    • ►  June (3)
    • ►  May (9)
    • ►  April (23)
    • ▼  March (30)
      • How To Add Related Posts Widget To Blogger with Th...
      • How to change Blogger "Post A Comment" Message
      • How to optimize Images and Increase Blog Traffic
      • How To SEO Optimize Your Blogger Blog Titles For H...
      • How To Remove Blogger Attribution Gadget
      • How to add a gadget/widget inside your Blogger Blo...
      • How to Burn Blogger RSS Feeds at Feedburner
      • Add Facebook Like Button Below Post Titles
      • Auto Read More with thumbnail for Blogger/Blogspot...
      • Adsense Ad Code Converter
      • How to put Adsense ads on Blogger/Blogspot
      • How To Remove Blogger Threaded Comments
      • Add Videos/Images in Blogger/Blogspot Comments
      • How to add Facebook Like/Fan Box to Blogger
      • Add Recent Comments Widget with Avatars To Blogger
      • Add Random Posts Widget to Blogger
      • Remove - Subscribe to: Posts (Atom) from Blogger
      • Add Multi-Colored Popular Posts to Blogger
      • Recent Comments Widget For Blogger
      • Hide/Show Widgets/Gadgets in Home/post/static/arch...
      • How to create Google Adsense Account
      • How to create a Facebook Fan Page for your Blog
      • How to remove/hide or add a Peek A Boo Effect to y...
      • Awesome Slide Open Heart Bookmarking Gadget For Bl...
      • Add Css/Jquery fixed horizontal menu to blogger blog
      • What is blogger and how you can create a blogger b...
      • Google adsense optimization tips
      • Add Social Bookmarking Buttons near Adsense Ads
      • AdSense optimization tips straight from Google
      • Wrap text around Adsense block in left or right co...
    • ►  February (7)
Powered by Blogger.

About Me

Unknown
View my complete profile