Elodie Colin - Designer graphique

Entant dans une agence de communication (Terre en Vue), notre travail est de rendre la marque, le produit, l’entreprise de nos clients visibles sous tout support de communication.

Mon travaille en partie au sein de cette dernière est de rendre visible leurs site Internet à travers différents procédés. Aujourd’hui je vais vous expliquer l’importance de bien préparer les images qui accompagnent les textes.

Les moteurs de recherches (tels que google) accordent une grande importance aux images, et il s’avère que les pages web contenant des images sont mieux référencées que celles n’en contenant pas. Si l’on prends bien sur une pages à contenue textuels similaires. En effet, les images soutiennent le contenu et donne crédibilité au site.

Pourtant à ce jour, les images ne peuvent être « lues » par les moteurs de recherche, c’est pour cela qu’il faut utiliser correctement les textes qui les accompagnent ou qui compose leurs noms de fichiers, qui eux sont lus par ces derniers…

Petit plus pour un bon référencement !

Bien choisir un nom d’image est donc primordiale mais comment faire ?

Pour cela il faut affecter des noms significatifs aux images donc éviter les
« photo-632997221418906250-2.jpg » et opter pour des titres avec des mots en caractères minuscules, sans espaces ni caractères spéciaux et sépares par des tirets.

(Il parait que le tiret (-) est mieux reconnu que le caractère underscore (_) comme séparateur. Mais ce constat me vient de quelques recherches sur des forums donc à vérifier…)

Ensuite il ne faut pas hésiter d’utiliser la recherche sur les mots-clés et prendre les plus important pour les placer au début de nom du fichier.

Pour que l’image soit un bon outil il ne faut pas oublier de placer des mots-clés dans de courtes phrases, dans l’attribut alt de la balise <img>, quand vous insérer votre image dans votre code HTML. L’attribut alt, qui peut être ajouté à cette balise HTML, a pour fonction d’afficher un descriptif de l’image pendant son chargement (ou si l’image ne s’affiche pas). Cette description est aussi affichée sous la forme d’une infobulle lorsque le curseur de la souris survole l’image.

L’attribut alt est aussi important car il permet d’augmenter l’accessibilité aux malvoyants et aux personnes handicapées, qui utilisent des navigateurs spécifiques disposant de logiciels de synthèse vocale.