Formation à la rédaction web et au référencement naturel, architecture d'information, stratégie des contenus, ergonomie éditoriale, maîtrise d'ouvrage et conseil.

Optimisation des images

Comment optimiser une image pour améliorer son positionnement dans les résultats des moteurs, sachant qu’à l’heure de la recherche universelle, il est important de penser son référencement en prenant en compte le multimédia?

Pour rappel, la recherche universelle est un concept mis en place par les moteurs de recherche depuis début 2007 qui consiste à afficher l’association de plusieurs médias en réponse à une requête unique. Sur Google, ce concept se traduit par exemple par l’intégration de données vidéo, images, d’actualités ou d’informations géolocalisées au sein des pages de résultats du moteur.

Parmi tous les supports multimédias, présentons comment optimiser une image.
Le code HTML d’une image se présente comme suit :
<img src="images/pyramide-inversee.jpg" alt="pyramide inversee" width="384" height="295" longdesc="pyramide-inversee.htm">

Que faut-il faire pour améliorer la prise en compte de l’image par les moteurs?

• Renseigner l’attribut ALT en intégrant 3 ou 4 mots pertinents - voir à ce propos l’article “Straight from Google: What You Need to Know” rédigé par Matt Cutts (30 mai 2009). Les moteurs ne lisent pas le texte inclus à l’intérieur de l’image, il faut donc à plus forte raison renseigner l’attribut ALT ou proposer des fichiers intégrant ces mots-clés. Mis à part donner une information supplémentaire pour les moteurs, cet attribut fournit donc également une explication cruciale aux personnes présentant un déficit visuel – un critère d’accessibilité donc incontournable.
  
  
• Donner un nom pertinent à l’image en introduisant des mots clés séparés par un tiret – ou un underscore _, la pire solution étant les mots concaténés (suivant ce même article de Matt Cutts). On aura donc :
  - Parfait : mot-cle.jpg ou mot-cle.gif ou mot-cle.png
  - Acceptable : mot_cle.jpg ou mot_cle.gif ou mot_cle.png
  - A proscrire : motcle.jpg ou motcle.gif ou motcle.png
  
  
• Privilégier les formats .jpg ou .gif (pour le vectoriel) au format .png ou .tiff.
  
  
• Renseigner l’attribut « width » et « heigth » des images qui permettra aux moteurs d’afficher la taille de l’image juste en-dessous de celle-ci dans les résultats.
  
  
• Si l’image est cliquable, renseigner l’attribut TITLE qui n’a aucun poids pour le référencement, mais donne une information supplémentaire pour l’internaute :
  <a href=http://www.action-redaction.com/images/pyramide-inversee.jpg" alt="pyramide inversee" width="384" height="295" longdesc="pyramide-inversee.htm" title="la pyramide inversée va de l'essentiel à l'explicite>Pyramide inversée</a>
  
  
• Le contexte de l’image ou texte sera en relation directe avec l’image, par exemple:

La pyramide inversée
La pyramide inversée consiste à présenter l’information clé immédiatement accessible en haut de la page afin d’atteindre efficacement sa cible et de développer ensuite vers le plus détaillé et le plus précis.
Les premières lignes résument l’information en s’appuyant sur les 5W et le 2H.



Le texte autour de l’image est constitué de :
- La légende de la pyramide inversée (le cas échéant)
- La balise Title de la page contenant le mot-clé de l’image
- La balise Meta description contenant le mot-clé de l’image