Several time we think that the simple fact of adding beautiful images on our web site is sufficient to attract and develop loyalty of visitors. And this is not a bad thing because a page having a well-kept estheticism and creativity is very important on the Web. However a search engine doesn’t know how to “decipher” what contains an image if we don’t indicate it… So how do we make it?
For that purpose, we have to specify in the robot contents of every image via attributes inserted into the source code which are “alt” and “ title “.
Following W3C recommendations, the attribute alts is used as an alternative to the text to the bots, while the attribute title, is additional:
ALT: Must be a textual equivalent of the image contents described in a brief way
TITLE: Must be a further information which enlightens the element which he(it) titles
It’s also recommended that the attributes “title ” and “alt” do not identical to prevent from doing confusion. Furthermore, with these two elements, we have a niche on our web site where we can introduce keywords tail length, and it would be necessary it’s a pity to repeat twice the same description while we possess two attributes. Obviously, you have to take into account that Google gives more importance in alt than for title.
With these attributes, besides facilitating the search in robots, we contribute to create a more clear and accessible code which can be of a big utility for the blind persons. Characters readers read the “alt”, browsers show tooltip in the passage of the mouse cursor the contents of ” title “, and if the load time makes long or if the images don’t load, it appears the hollow left by the image of “alt”
To summarize, if you put into practice all that we saw previously, an excellent image description would be the following one:
<img src=”volkswagen-tuareg.jpg” alt=”Volkswagen Tuareg secondhand TDI black” title=”Buy Secondhand Car VW Tuareg diésel black” />
Finally, there are also other criteria which have an influence on the SEO images as for example the name of the image, its weight, the attributes as well as the text neighboring to the image. You can see it HERE.
And you, do you take into account the importance of your images? 😉