By Charles S. Mombo

Source: Chicago-based Search Engine Optimization Consulting

Chicago-based wwclick search engine optimization consultants
Chicago-based wwclick search engine optimization consultants
When consulting with a new client for Search Engine Optimization (SEO), Chicago-based wwclick.com, Inc. takes into consideration an overall strategic marketing analysis approach of the client's environment.

 

Besides understanding the client's marketing strategies, business goals and objectives, and targeted demographic, we also check for the following:

 

  • Unique and accurate page titles
  • Website description meta tag
  • Usage of an appropriate heading tags
  • Structure of the website URL
  • Navigation of the website
  • Quality  content and services
  • Better and quality anchor text
  • Optimization of website images
  • Effective usage of robot.txt
  • Effective usage of Sitemap.xml
  • Effective usage of rel=”nofollow” for links
  • Utilizing Google, Bing and Yahoo FREE webmaster tools
  • Effective usage of Googe's Analytics tools


In this article, I will attempt to discuss the topic “How to Search Engine Optimize your website images”.


From the upper-left menu on the Google.com screen, you will see the following tabs "Web, Images, Videos, Maps, News, Shopping, and Gmail”. Among the services or options listed above, the Image option allows you to search for images in Google's database. Google is very selective; they don't just grab any image and put it in their database. You must following their basic guideline for your image to be included by them.  


Before I proceed any further, let's take a look at the results of two examples from good practices for optimizing website images:


Example1: Go to http://www.google.com in your browser and type the  word “Dan Rather” in the search box; follow by clicking on the word “Images,” located on the upper-left menu. Google will return “About 30,600,000 results”.  By putting your cursor over the first image, you should see the following image:

 

 

Dan Rather image from ChocolateCity.cc
Dan Rather image from ChocolateCity.cc



 

 

 

 

 

 

 

 

 

 

Example2: Repeat the above example by replacing “Dan Rather” with “AKA”. In this case, Google returns “About 131,000,000 results.”  By putting your cursor over the first image, you should see the following image:

 

AKA Alpha Kappa Alpha Sorority logo from Chocolatecity.cc
AKA Alpha Kappa Alpha Sorority logo from Chocolatecity.cc

 

 

 

 

 

 

 

 

 

 

 

 

 

 

From both examples, the first image points to the website http://www.ChocolateCity.cc. We at wwclick.com, Inc., we are proud to have worked with ChocolateCity.cc by making it possible for their images in examples 1and 2 to appear in the first slot above millions of other great images. What we did basically – follow Google's good practices for images.

 

What did we do to achieve the results in example 1 and example 2:

 

First, I need to do a little explanation of the <img> tag, src and alt attributes.

 

The <img> tag embeds an image in an HTML page. As you will see from our upcoming demonstration, images are not technically inserted into an HTML page; they are linked to an HTML page.

 

The <img> tag creates a holding space for the image that is being referenced. The <img> tag has two required attributes, src and alt respectively, which you must take advantage of.

 

The “alt” attribute allows you to specify alternative text for an image just in case it cannot be displayed for some reason. The “alt” attribute is very helpful in that it allows users that viewing your site with a browser that doesn’t support images, or is using alternative technologies, such as screen reader, the contents of the “alt” attribute provides information about the image. 

 

Below is the “alt” attribute for the image in Example 1:

 

<img src=”http://www.chocolatecity.cc/wp-content/uploads/dan-rather.jpg” alt=”Dan Rather racist-Obama watermelon slur”>

 

Some good practices for using images on your website:

 

  • Store your images in a directory of their own
  • Use descriptive filename and alt text; image1 or photo2 are not acceptable.
  • Use commonly supported image formats such as jpg, gif, png and bmp.
  • Crop and/ or reduce the size of your images
  •  Hotlink protection of your images with .htaccess (Stay tune for next article)