Francis Drubigny

L’attribut alt indique le contenu de votre image aux moteurs de recherche.

Une image est une représentation visuelle de quelque chose, ça pourrait être une photographie, un graphique, un dessin…

Il existe plusieurs formats d’images utilisés sur les sites Web : JPEG (extension .jpg), GIF (extension .gif), PNG (extension .png)

Dans l’optimisation de votre site, ne négligez pas l’attribut alt et le poids des images qui peuvent contribuer au référencement de vos pages. Pour le moment, les moteurs de recherche n’arrivent pas encore à interpréter le contenu visuel d’une image, ce qui ne saurait tarder. En attendant il existe des techniques comme l’attribut alt pour indiquer aux moteurs de recherche ce que contient une image.

Dans ce dossier je vous présenterai ces techniques plus en détail.

Pourquoi optimiser les images ?

Parce que lorsque vous utilisez des images dans vos pages, l’espace occupé par ces dernières, c’est de l’espace en moins pour le contenu texte qui lui est lu et interprété par les moteurs de recherche.

Pour continuer à utiliser des images et donc améliorer l’aspect graphique de votre site tout en optimisant le référencement de votre site voici quelques conseils…

Comment optimiser les images, attribut alt, title, poids…

1. Veillez à ne pas utiliser des images trop lourdes.

Si une image met trop de temps à charger, Google ou les autres moteurs de recherche ne scanneront pas votre page et le visiteur quittera votre site sans attendre la fin du chargement. Dès qu’elle dépasse 200 Ko, une image peut être considérée comme lourde.

• Nommer votre image en utilisant vos principaux mots clés.

Par exemple, si votre image représente un schéma sur comment référencer un site, nommez-la ainsi : « schema-referencement-site.jpg ». Vous indiquez ainsi aux moteurs de recherche qui viennent pour le crawl de votre site que l’image que vous utilisez pour illustrer la page représente un schéma sur comment référencer un site. Il interprètera avec plus de précision le contenu de la page. Si vous souhaitez utiliser une expression pour nommer une image, préférez alors comme séparateur de mots, les tirets ( – ) à l’underscore ( _ ) : les moteurs de recherche ne considèrent pas l’underscore comme un séparateur. De plus, nommer l’image sans majuscule et sans caractères accentués. En résumé pour référencer votre image : Préférez ce nom : referencer-image.gif plutôt que celui-ci : Référencer_image.gif

• Définir l’attribut alt de l’image

L’attribut « alt » en complément du nom de l’image, permet d’associer un mot clés ou une expression à une image. Le mot clé placé dans l’attribut alt remplacera l’image si le navigateur a des difficultés à afficher l’image en question. Les mots contenus dans l’attribut « ALT » contribuent également à améliorer le référencement de votre site puisqu’elle permet d’employer des mots clés supplémentaires qui seront lus par les moteurs.

<img src= »images/optimisation-image.gif » width= »100″ height= »90″ border= »0″ alt= »optimiser une image pour le référencement »>

L’attribut alt (alternate text) ne s’applique qu’à la seule balise <img>, permettant ainsi un affichage alternatif (en remplacement de l’image) pour les navigateurs qui ne supporteraient pas les graphiques.

Le message texte défini avec l’attribut alt apparaîtra également pendant le téléchargement de la page et avant l’affichage de l’image. N’oublions pas aussi que certains utilisateurs à connexion Internet bas débit ont choisi de désactiver l’affichage des images !

L’attribut title (à ne pas confondre avec la balise Title) est un attribut générique qui s’applique à pratiquement toutes les balises HTML et dont le rôle est d’apporter des informations supplémentaires ou un commentaire sur un élément spécifique d’une page Web (élément qui peut être un mot, une phrase, un paragraphe, un élément multimédia, un objet, etc…)

• Précéder les images par des Balises H1, H2 ou H3

Toujours dans le but d’indiquer aux moteurs ce que vos images représentent, faites précéder l’image d’un titre situé dans une balise de niveau 3 ou supérieur (h3 ou h2 ou h1) Le titre doit bien sûr être en rapport avec l’image et surtout contenir les principaux mots clés avec lesquels vous souhaitez vous faire référencer.

Les erreurs les plus courantes dans l’utilisation des images

• Un en-tête en image (header)

Très souvent des sites sont conçus avec un en-tête en image. Il est courant de voir le logo de la société occuper la quasi-largeur d’une page.

A éviter ! La partie supérieure d’une page (le header) est une des zones les plus importantes de votre site où vous devriez insérer vos mots-clés principaux pour optimiser votre SEO.

Si vous utilisez une image occupant tout l’espace, vous aurez gâché cet emplacement puisque les moteurs de recherche ne savent pas encore lire les contenus graphiques. Évitez également les images avec du texte. C’est certainement plus attrayant d’un point de vue visuelle mais pas d’un point de vue référencement (SEO) puisque ce texte ne sera pas indexé par les moteurs.

Vous pouvez bien sur utiliser votre logo en employant une approche « hybride » : Placez votre logo sur toutes vos pages mais veillez à ce qu’il n’occupe pas toute la largeur. La place restant dans l’en-tête devrait être optimisé avec du texte.

• Des éléments graphiques dans le menu de navigation

La problématique est la même que dans le cas précédent avec les textes dans sur les images. Tous les liens internes de votre site devraient contenir des mots-clés, qui donneront un avantage supplémentaire dans le référencement de votre site. Si pour des raisons d’esthétisme vous avez employé des éléments graphiques pour votre menu, les moteurs de recherche ne pourront pas indexer le texte des liens. Évitez si possible l’utilisation d’un menu graphique, dans le cas contraire spécifiez au moins les balises ALT pour toutes les images.