Optimiser la balise alt des images pour le SEO

Qu’est-ce qu’une image ?

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 la balise 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 par exemple les balises alt pour indiquer aux moteurs de recherche ce que contient une image.

Dans ce dossier nous verrons présenterons 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 ?

  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. Yakaferci vous aidera à détecter ces images problématiques.

  2. 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

  3. Définir la balise ALT de l’image

    La balise « 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 la balise ALT remplacera l’image si le navigateur a des difficultés à afficher l’image en question. Les mots contenus dans les balises « 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">

    La balise alt ou 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 la balise 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 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...)

  4. 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 sur ê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. Evitez é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. Evitez si possible l’utilisation d’un menu graphique, dans le cas contraire spécifiez au moins les balises ALT pour toutes les images.

L'outil gratuit Yakaferci pour analyser les images et les balises alt de vos pages

Yakaferci fournit un outil pour valider les images de vos pages.


Analyser gratuitement les balises alt de vos images :
ANALYSER


Pour lancer l'analyse Yakaferci, il vous suffit de saisir le lien vers votre page dans la zone ci-dessus et de cliquer sur le bouton Analyser. Vous pourrez alors accéder aux différentes pages du rapport, en particulier celle sur les images.

Pour en savoir plus...

D'autres articles de Yakaferci dans la rubrique Référencement peuvent vous être utiles.