On l’oublie souvent mais la recherche d’images via Google peut apporter un trafic considérable. Nous allons vous proposez quelques solutions simples et efficaces pour que vos images soient mieux référencées dans les moteurs de recherches.
La balise img et ses attributs
Avant toute chose, il est important de bien comprendre la balise html qui permet d’afficher une images (<img src= »… »>). Effectivement, vous pouvez lui associer une série d’attributs (invisibles pour les lecteurs) dont les moteurs de recherches sont très friands. Rappelons que les moteurs de recherches lisent le code de votre blog, celui-ci doit donc être propre et complet. Pour en savoir plus sur la balise image >>
Les attributs qui nous intéressent pour bien référencer les images sont « alt » (comprendre texte alternatif, l’équivalent textuel) et « title » (titre).
<img src="gif/ordi.gif" title="Mon ordinateur" alt="Mon ordinateur">
La plupart des éditeurs de texte offrent la possibilité de renseigner cette valeur, prenez donc le temps d’y insérer les mots clés correspondant à l’image.
Voici un exemple sous Wordpress :
Vous devez également savoir que Google prends en compte le nom de l’image. Il est donc préférable de renommer vos images avant de les utiliser : image2.jpg > Mon-Ordinateur.jpg
Plugin Wordpress pour optimiser le référencement de vos images
Les utilisateurs de Wordpress seront content d’apprendre qu’il existe un plugin permettant de renseigner les champs « alt » et « title » automatique : SEO Friendly Images
Télécharger SEO Friendly Images >
Comment dire à Google d’indexer vos images (Sitemap & Robot.txt)
Le fichier robot.txt (nous reviendrons dessus dans un prochain article) est destiné uniquement aux robots permettant aux moteurs de recherche d’indexer votre contenu (textes et images). Tout comme le Sitemap (plan de site) il n’est pas visible par les internautes. Ces deux fichiers (Robot.txt et Sitemap.xml) ne sont pas indispensables mais fortement recommandés pour que votre contenu soit bien référencé.
En attendant notre article complet sur le fichier robot.txt, voici quelques explications.
Si vous n’avez pas encore créé de robot.txt, les robots peuvent tout de même récupérer des information situées sur chacune des pages de votre blog (via la balise « méta »). Voici quelques recommandations par rapport à cette balise :
Originalement » <meta name= »robots » content= »index, follow »> »
Préférez : » <meta name= »robots » content= »index, follow, all« > »
Concernant le Sitemap, il permet aux robots de trouver plus facilement votre contenu (et donc vos images). Un plugin Wordpress vous permet de créer automatiquement un fichier sitemap.xml : Google Sitemap Generator for Wordpress
Vous pouvez également opter pour un générateur de Sitemap.
Comment garder les visiteurs de Google Images ?
Maintenant que vous savez comment récupérer du trafic grâce à Google Images, voici une petite astuce (via stefanjuhl & Geekeries) pour ne pas les perdre. Effectivement, beaucoup d’internautes cliquent directement sur « image non réduite » afin d’arriver directement sur l’image. Cela signifie que les visiteurs n’arrivent pas réellement sur votre blog.
Pour éviter la création d’une frame, et que l’image s’affiche directement sur votre site (sans le lien « image non réduite ») il vous suffit d’ajouter le code Javascript suivant dans la balise <head> (au début du code de votre page).
[sourcecode language='jscript']
[/sourcecode]
Ces modifications restent simples, nous irons plus loin dans les prochains articles.
Vous avez aimé cet article : abonnez-vous au flux RSS
12 Responses
Très très bon article.
En effet, merci Romain.
En effet, très bon article. J’ai découvert le Journal du Blog hier et je suis déjà accro.
Merci pour cet article et notamment le code javascript qui évite d’afficher une iframe dans Google image, je ne connaissais pas…
Très bon article encore une fois, toutefois, le code ci-dessous n’est pas à utiliser pour les utilisateurs de blogasty par exemple… Mais c’est certain, pour attirer les visiteurs de google images c’est assez pratique
<code> <script language= »JavaScript » type= »text/javascript »>
if (top.location != self.location) top.location = self.location;
</script></code>
Merci pour le lien
Content que le script soit utile… mais c’est déconseiller pour les utilisateur de digg-like utilisant des frames…
Certes vous aller obliger le visiteur à aller sur votre blog… mais les votes diminueront.
Excellent article.
Je me le garde sous le coude pour l’exploiter dès que j’ai un peu de temps
[...] to comment” ! via Veille Perso Optimiser le référencement des images de votre blog via Le Journal du Blog Tweetake et TwitterSafe deux nouveaux services pour faire un backup de votre compte Twitter via [...]
Merci pour l’article.
Je m’interroge quand même sur la prédominance respective des deux attributs ALT et TITLE, à la fois en terme de référencement et d’accessibilité. On recommande classiquement de remplir l’attribut ALT au cas où l’image ne serait pas visible, donc je suppose que c’est le plus important. Mais quid du TITLE :
- est-ce qu’il faut le remplir lorsqu’il est identique au ALT (c’est lourdingue) ?
- lorsqu’ils sont différents, comment Google va-t-il pondérer les deux ?
Damien, actuellement l’attribut TITLE n’est pas pris en compte par les robots pour l’indexation ni d’une image, ni d’un lien. Mais généralement on le remplit de la même manière que l’attribut ALT au cas où un jour celui-ci serait pris en compte, vaut mieux prévenir que guérir.
@PiXeL : après une petite recherche, il s’avère que Google prend en compte ALT et TITLE. J’ai trouvé cette information ici : http://blogzinet.free.fr/index.....des-images
Cependant ce test ne dit rien sur le poids relatif de chacun.
[...] bonnes pratiques en webdesign et Optimiser le référencement des images de votre Blog : De l’excellent Journal du Blog qui regorge de conseil pour tous les blogueurs [...]
Ce truc c’est pour Blogger ou Wordpress ???