Les images affichées sur une page web à l'aide de la balise IMG disposent notamment de deux attributs, ALT et TITLE : qu'en est-il du SEO pour ces deux informations ? Sont-elles prises en compte par les moteurs et que faut-il indiquer dans ces zones ?

Les images sont omniprésentes sur le Web et dans nos vies. Il est donc important de leur donner une visibilité sur les moteurs de recherche Web et Images. Pour cela, deux attributs HTML sont très souvent cités : Alt et Title.

Mais sont-ils tous les deux efficaces ? Et comment faut-il les gérer au mieux ? C'est à toutes ces questions que nous tentons de répondre dans cette vidéo…

Vous en saurez donc plus à ce sujet en regardant cette vidéo numéro 223 :

Images : Attributs Alt, Title et SEO - Vidéo N°223 proposée par Olivier Andrieu (Abondance). Source : Abondance

  

Transcript de la vidéo SEO 223 : « Images : Attributs Alt, Title et SEO » :

« Bonjour et bienvenue dans cette 223e vidéo Abondance dans laquelle je voulais vous parler des images et notamment des attributs ALT et Title et de leur utilisation en SEO.

On va commencer par la balise html, la balise img donc la balise image, src égale l'adresse url de l'image, l'attribut Alt, l'attribut Title et puis d'autres informations comme la largeur et la hauteur, etc. dont on ne parlera pas dans cette vidéo. On va ici s'intéresser à l'attribut Alt et à l'attribut Title. Qu'est -ce qu'on peut dire d'une façon générale ? On ne dit pas "balise alt" 🙂 c'est une vieille habitude de SEO parfois débutants, mais on ne dit pas balise alt, on dit attribut Alt d'une balise img.

Les deux attributs, renseignements pris auprès des spécialistes de l'accessibilité, les deux attributs Alt et Title sont pris en compte par les logiciels d'accessibilité, notamment pour les aveugles et donc les deux attributs ont leur intérêt en accessibilité. Donc il faut mettre les deux.

Selon les navigateurs, lorsqu'on passe la souris sur une image et qu'il y a une petite infobulle qui apparaît avec le texte d'un attribut, selon les navigateurs comme Chrome, Firefox etc., ce sera soit le Alt soit le Title qui sera affiché. Donc quelque part les deux aussi ici ont leur utilité.

Est-ce qu'il faut mettre le même contenu pour les deux attributs ? En fait comme les deux servent en accessibilité, s'il y a une image cassée ou si on passe la souris sur une image, finalement on s'aperçoit que la plupart du temps, ce sont les deux mêmes indications, le même texte qui est mis dans les deux attributs. Chacun aura bien sûr sa façon de faire et pourra faire différemment.

Et puis bien sûr, seules les balises img ont les attributs Alt et Title, donc lorsque l'image est affichée avec des feuilles de style, avec des css, bien sûr on perd le Alt, le Title et d'une façon générale on perd tout le bénéfice SEO sur les images. Je vous engage à revoir la vidéo que j'ai faite spécifiquement sur ce point.

Au niveau de la prise en compte par les moteurs, je viens de refaire une petite batterie de tests pour savoir comment les moteurs prenaient en compte ces deux attributs. Alors au niveau des moteurs de recherche web search, le moteur de recherche classique sur les pages web, Google prend en compte le Alt - attention puisque John Mueller a dit il y a peu de temps que Google ne le prenait pas en compte mais si, je confirme, il prend en compte le Alt, les tests sont clairs à ce niveau-là. Il ne prend pas le Title. Bing ne prend ni le Alt ni le Title pour le moteur web search classique. Pour les moteurs de recherche d'images, Google et Bing a priori fonctionnent de la même façon : ils prennent en compte le Alt et pas le Title donc le Title n'est jamais pris en compte par les moteurs de recherche et Google prend le Alt pour le web et pour l'image et Bing pour les images seulement.

Et puis bien sûr qu'est-ce qu'on va mettre comme texte dans ces deux attributs ? Alors il y aura toujours une préférence ou un arbitrage qui va se faire, soit vers le SEO, soit vers l'accessibilité. Si je prends ici l'exemple de l'image qu'on voit à l'écran et qui est l'image principale pour un article qui s'appelle "Les nouveautés Google pour les vacances d'été" que j'ai publié sur Abondance récemment, si on privilégie le SEO, on va mettre le titre de l'article dans le Alt et dans le Title et si on va plutôt privilégier l'accessibilité, il faut décrire ce qu'il y a dans l'image, donc on va mettre "homme avec un sac à dos sautant au-dessus d'une route" c'est vous qui voyez pour privilégier soit le SEO, soit l'accessibilité. On peut mettre un peu des deux, enfin bon après on voit, mais la plupart du temps il va falloir faire des choix, il va falloir arbitrer soit pour le SEO soit pour l'accessibilité.

Voilà pour cette petite vidéo qui faisait un petit récapitulatif rapide des attributs Alt et Title pour le SEO. Je vous engage à regarder comme d'habitude les vidéos que j'ai faites par le passé, notamment celle sur l'img ou css dont je parlais précédemment, et il me reste à vous souhaiter une excellente semaine. Merci pour votre fidélité et à très bientôt pour une nouvelle vidéo Abondance ! Merci et au revoir  ! 🙂 »

  

  Autres vidéos touchant à ce sujet

    

   Articles complémentaires (listés par ordre chronologique)

  

   Notre Chaîne YouTube

N'hésitez pas également à visiter la zone "Vidéos SEO" du site et à vous abonner à la chaîne YouTube du site Abondance (ou à son fil RSS) pour découvrir, semaine après semaine, les prochaines vidéos que nous vous proposerons.