Le Journal du Blog
Le blog des blogueurs
Le blog des blogueurs
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.
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
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 >
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.
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.
Charliend (3 years ago)
Très très bon article.
PiXeL (3 years ago)
En effet, merci Romain.
SurfAnna (3 years ago)
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…
tOiN0U (3 years ago)
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>
Valentin (3 years ago)
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.
frenchbigdog (3 years ago)
Excellent article.
Je me le garde sous le coude pour l’exploiter dès que j’ai un peu de temps
De tout de rien, c'est la boîte à liens ! | Weezonaute, le blogueur masqué (3 years ago)
[...] 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 [...]
Damien Ravé (3 years ago)
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 ?
PiXeL (3 years ago)
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.
Damien Ravé (3 years ago)
@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.
Quelques liens en vrac… | Jonathan Moreau (3 years ago)
[...] 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 [...]
LeBlogger (2 years ago)
Ce truc c’est pour Blogger ou WordPress ???
Victor@blog nozay Informatique (6 months ago)
Ah le plugin pour les attributs d’images trop parfait ? Sur les images déjà enregistré il repasse dessus ? Si oui c’est nice !
La liste des plugins Wordpress de Journal du blog | Pascal MIETLICKI (6 months ago)
[...] SEO Friendly Images 2.2 » Vladimir Prelovac (url) Ajoute automatiquement un attribut « alt » et « title » à vos images. Indispensable pour bien référencer vos images sur Google images. Voir notre article sur l’optimisation du référencement des images. [...]