When adding photos to your website, something that is often overlooked, but is easy to do is to add ALT and TITLE attributes to your images.
What is it?
TITLE and ALT attributes are used for visitors with disabilities and to provide additional image information. The TITLE attribute displays on mouseover, and the ALT attribute displays when images are turned off or don’t load.
Here’s an example of what the code looks like (don’t worry if you’re not a coder, most content management systems can do this when uploading and adding your image to post)
<img src="nike-accolades.jpg" alt="Nike Jordan Accolades Men's Basketball Shoe" title="Nike Basketball Shoe - Model: Jordan Accolades White & Gray”>
Search Engines use this information and from an SEO perspective, the weight given to any one particular ALT or TITLE attribute is minimal, but when combined with your other SEO efforts, it can make a real difference to improving your search engine optimization and increasing your keyword density and relevancy on each page.
How to use them
Use ALT and TITLE attributes as they were intended, not simply a repository for dumping keywords. Search Engines try to reward appropriate use and penalize misuse.
- The TITLE attribute is to give the visitors to your website additional information about and to increase the overall accessibility and usability of your web pages.
- The ALT attribute, is intended to provide a text alternative to an otherwise missing image, plain and simple.
The ALT attribute and the TITLE attributes should be different and, as listed above, each have a specific purpose. Use descriptive text that makes sense and gives value to the user. With that, also make sure it contains keywords and keyword terms specific to the page or the site (or both).
Image file names – Something that also helps is to name images with description names that contain keywords.
Example: DSC0001234.jpg BAD, nike-basketball-shoe.jpg GOOD
Most Content Management Systems (CMS) give you the option to add these attributes, so you don’t need to know HTML to take advantage of this.
Here’s an example of adding Alt and Title attributes in WordPress: