Adding an image is easy, just like I showed you here: Adding Images with HTML

But how does the image get searched on the web.  Google or other search engines cannot tell you what the image is without you describing it in text form.  So the easiest way to increase traffic through images is by describing them with the “Alt tag”.  The “Alt tag” will help your blog get searched more efficiently and include your images in search engines.  So if people look up the word “Seth” (my name) on Google’s image search one of the current top images is:

Seth

This image showed up top in the current image search because it is labeled with alt tags “Seth”.  So I just visited the site of this image to get it and Googlers might likewise do the same to your blog images.

Let me show you how…


The html for the picture above looks like this:

<a href=”http://upload.wikimedia.org/wikipedia/commons/thumb/0/00/Seth_Symbol_(Stargate).svg/750px-Seth_Symbol_(Stargate).svg.png”><img class=”alignnone” title=”Seth the God” src=”http://upload.wikimedia.org/wikipedia/commons/thumb/0/00/Seth_Symbol_(Stargate).svg/750px-Seth_Symbol_(Stargate).svg.png” alt=”Seth” width=”425″ height=”480″ /></a>

The <a href=”http://www.theimagesdomainname.com/image.jpg”> is the link to the site of the image.  This will send visitors that click on the picture to the original site.  The next section is the img src section.  This orders the image to display and outlines its options.  You see <img class=”alignnone” title=”Seth the God” is opening the image command with <img and then ording the alignment and title with class=”alignnone” and title=”Seth the God”.

Then the code src=”http://upload.wikimedia.org…Seth_Symbol_(Stargate).png” tells the software where to get the image and alt=”Seth” is the “alt tag” I’ve been speaking about.  So you see it is currently labeled “Seth”.  The other parts to the tag are width=”425″ height=”480″ which are pretty self explanatory but allow for a lot of customization and then the closing symbols of /> and </a> which closes the image and then the link.

The easiest way to see this process is with the simple html code of:

<img src=”http://www.theimageslink.com/” alt=”Your Description of the image” />

It is that simple!  Just copy and paste the simple version of code above and you are on your way!

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • email
  • NewsVine
  • StumbleUpon
  • Technorati
  • TwitThis

No related posts.