Images, how to use them properly – Webmaster Basics

We all love to upload images to our website. We want people to look at them on most sites and to think that is cool or that they want to buy it with an E-Commerce site. No matter the site we want to add images. First make sure that you have the image already sized. If you are using a CMS (Content Management System) you do not want to resize in the CMS, you want to have the image sized before you upload it. This will save on file space.

Next step is to name the image correctly. So let’s look at the image below. I named the image file path Cocker-Spaniel-Kingston-Storms.jpg so that it would upload and embed in the site as:

http://www.mattstorms.com/wp-content/uploads/2014/05/Cocker-Spaniel-Kingston-Storms-300x233.jpg

Cocker Spaniel Kingston Storms

Images should also have an alt attribute or alternative attribute to them as well. We might ask what they are and what they are used for. It is really simple, they are used to help Search Engines understand what the image is about. Yes, Search Engines can pick out the colors in the images and kinda have a good idea of what the image is but do you want them to guess? Force them to understand what the image is about. Force them to index the image correctly.  It also helps blind people understand what the image is as well. Help the blind people out that are coming to your awesome site and put in that alt attribute.

<a href="http://www.mattstorms.com/wp-content/uploads/2014/05/Cocker-Spaniel-Kingston-Storms.jpg"><img class="aligncenter size-large wp-image-336" src="http://www.mattstorms.com/wp-content/uploads/2014/05/Cocker-Spaniel-Kingston-Storms-300x233.jpg" alt="Cocker Spaniel Kingston Storms" width="300" height="233" /></a>

If you have questions on this reach out to me at matt(@)mattstorms.com. If you want me to respond fast, hit me up on Google+.

Comments are closed.