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 les 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 pour indiquer aux moteurs de recherche ce que contient l’image.
Et ce sont ces techniques que nous allons voir dans ce dossier.
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...
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.
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
L’attribut « ALT », en complément du nom de l’image, permet d’associer un mot clés ou une expression à une image. Le mot clé remplacera l’image si le navigateur a des difficultés à afficher l’image en question. Les mots contenus dans les attributs « 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">
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 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 à connection 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...)
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.
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 référencement naturel.
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.
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 attributs ALT pour toutes les images.