Sep 25

'ALT' et 'TITLE' sur les balises 'IMG'. Quelles différences ? Lequel est le meilleur pour le SEO?

Les différences entre ALT et TITLES Vous le savez sûrement déjà, mais je vous le rappelle, voici, dans sa forme la plus basique la méthode pour placer une image en HTML :

<img src="/image.png" alt="la description de mon image" />

Vous avez bien sûr remarqué la présence de l'attribut alt="" ? Cet attribut sert (normalement) à décrire l'image. Il s'affiche à la place de l'image quand celle-ci, pour une raison ou une autre ne peut pas le faire (par exemple si l'utilisateur à désactivé leurs affichages, ou en cas de connexion trop lente). Cet attribut peut rester vide (par exemple, dans le cas d'une toute petite image de décoration). Mais il doit quand même figurer à l'intérieur de la balise <img>si l'on veut que son code soit 100% valide.

 
Il est également possible d'affubler notre balise <img> d'un autre attribut : title="Un titre pour l'image". Comme son nom l'indique il sert à donner un titre à l'image et permet d'apporter une information supplémentaire à ceux qui vont la regarder. Oui je mets ces derniers mots en gras car ils expliquent la différence majeure entre ces deux attributs alt et title.
 
La balise alt sera alors plus destinée aux moteurs de recherche (comme MattCutts l'explique ici). Les moteurs comme Google vont donc analyser les informations que contiennent ces attributs (surtout le alt ^^) mais il est inutile et même déconseillé de les remplir de longues listes de mots clés dans l'espoir que cela fasse ressortir votre page en premier sur google. Prenons un exemple concret. Imaginons que je souhaite afficher une image d'un monument que j'aurais visité à Paris, voila comment je remplirais les attributs de ma balise <img>

<img src="/tour-eiffel.jpg" alt="photo de la tour Eiffel à Paris" title="Le plus haut monument de Paris!" />


Dans cette exemple parfait, l'attribut alt rempli bien sa fonction de base. C'est à dire qu'il décrit l'image qui est censée s'afficher. Quand à l'attribut title, il donne un petit plus au visiteur qui viendrait à passer sa souris sur ma photo. Vous remarquerez aussi que dans mon exemple j'ai même optimisé le titre du fichier image. C'est peut être un détail minime, mais avouez que "tour-eiffel.jpg" ça parle plus que "DSC000465.JPG" ou que "image1.jpg".
 

Alors pour conclure , d'entre le "alt" et le "title" lequel est le plus important pour son référencement  ?

 

Le plus important c'est évidemment l'attribut ALT puisque de toute manière il doit intégrer la balise <img> pour qu'on obtienne du HTML valide. C'est aussi l'attribut que les moteurs analyseront en priorité. Bien sûr, si vous souhaitez une optimisation parfaite, il n'y pas de raison de se priver de l'attribut title. Il vous fera perdre 20 secondes de plus à remplir mais dans le travail de SEO mieux vaut avoir le plus possible d'informations pertinentes que pas assez.
 
Oh, une dernière chose ! Avant, il n'y a encore pas si longtemps que ça, quand on passait la souris au dessus d'une image, le contenu de l'attribut alt s'affichait dans une bulle, désormais c'est le contenu de l'attribut title qui à pris cette fonction.