Optimiser les images Blogger pour le référencement
J'ai remarqué qu'il y a énormément de blog sous Blogger qui sont spécialisés dans la photographie mais presque aucun de ces blogueurs n'optimisent leur images pour le référencement dans les moteurs de recherche d'images: Google Images, Bing Images ou Yahoo Images.
Quand vous apploader une image dans Blogspot, voici le code ajouté:
Bien sûr il y a beaucoup de chose que vous pouvez (devez !) supprimer mais ici nous allons parler uniquement de ce qu'il faut ajouter pour optimiser le référencement de cette image: il faut ajouter les deux attributs title et alt.
title c'est le texte qui sera affiché lorsqu'on passe la sourie au dessus de la photo. Personnellement je fais un copier-coller du titre de l'article pour toutes les images.
alt est un texte alternatif affiché avant que l'image ne se soit visible (si elle est très lourde ou si elle a été supprimé de l'espace d'hébergement). Ici j'essaie de donner un ALT différent pour chaque image en utilisant par exemple un mot clé + le titre de l'article.
Et voici concrètement comment utiliser title et Alt avec l'image précédente:
Vous devez faire la même chose (manuellement) pour toutes les images de votre blog pour optimiser vos chances de recevoir du trafic des moteurs de recherche d'images.
Comme vous le remarquez, non seulement LeBlogger.com est classé 4ième mais j'ai également une deuxième image du même article qui est classé 11ième (L'article en question est: 100 invitations Google Wave). Tous cela dans la première page des résultats.
Quand vous apploader une image dans Blogspot, voici le code ajouté:
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/_xDpoN6UfFFY/S0bxttUEoCI/AAAAAAAABUQ/gYFS8LwA4Ek/s1600-h/timthumb.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_xDpoN6UfFFY/S0bxttUEoCI/AAAAAAAABUQ/gYFS8LwA4Ek/s320/timthumb.jpg" /></a>
</div>
title c'est le texte qui sera affiché lorsqu'on passe la sourie au dessus de la photo. Personnellement je fais un copier-coller du titre de l'article pour toutes les images.
alt est un texte alternatif affiché avant que l'image ne se soit visible (si elle est très lourde ou si elle a été supprimé de l'espace d'hébergement). Ici j'essaie de donner un ALT différent pour chaque image en utilisant par exemple un mot clé + le titre de l'article.
Et voici concrètement comment utiliser title et Alt avec l'image précédente:
<div class="separator" style="clear: both; text-align: center;">ce qui donne:
<a href="http://3.bp.blogspot.com/_xDpoN6UfFFY/S0bxttUEoCI/AAAAAAAABUQ/gYFS8LwA4Ek/s1600-h/timthumb.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_xDpoN6UfFFY/S0bxttUEoCI/AAAAAAAABUQ/gYFS8LwA4Ek/s320/timthumb.jpg" title="Optimiser les images Blogger pour le référencement" alt="Design Optimiser images Blogger référencement" /></a>
</div>
Exemple
Une recherche dans Google Image France, avec les mots clés "Invitations Google Wave" donne les résultats suivants: (cliquez sur l'image pour l'agrandir)
Trop fastidieux, il va falloir trouver de l'automatiser.
Mais dit moi, quand on met un titre à nos photos, google n'en tiens pas compte?
Comment ça un titre ;) tu veux dire ajouter la balise title ;)
Oui c'est fatiguant, mais pour les blogs qui n'ont que des images dans leur articles, c'est vraiment indispensable.
Pour l'automatisation, ça pourrait être faisable avec un petit code Javascript comme le plug-in "SEO Friendly Images" pour Wordpress.
Mais pour l'instant personne n'a essayé de realiser un truc pareil pour Blogger....
Ouiulle ouille fastidieux .... pourtant ça m'intéresserait, j'adore faire des photos et je les exploite un minimum dans mes articles
Merci je vais essayer un de ces 4
Une petite bizarrerie très récente sur Feedjit :
En Live Trafic - Watch in Real Time - on pouvait voir les images sélectionnées sur Google-images qui amenaient les internautes dans le blog.
Feedjit a annulé cette option. Sécurité ???
:D
Ah oui c'est très barbant et on a envie d'abandonner très vite ....
Pour Feedjit, aucune idée x(
Salut Soufiane,
belle trouvaille je vais l'appliquer dans mon blog destination corse
http://destination-corse-thierrylahir.blogspot.com/
bon weekend
Thierry
Salut Soufiane,
Tu dis qu'il y a des trucs a enelver du code photo?
qu'est ce que c'est? et pourquoi?
@Camille
C'est pour modifier la taille et le positionnement des images, j'en parlerais dans un prochain article, comme ça c'est plus claire :)
Bravo Soufiane encore un bon truc
Pour le rendre moins fastidieux avec Chrome, j'utilise un plugin de script de texte ("Chromecuts", j'ai pas d'action dans ce truc gratuit ;-) qui permet de conserver en accès rapide ce bout de code et de coller dès besoin.
A toutes fins utiles.
www.mecenarts.fr
Très bonne idée :))
Salut Soufiane,
Je cherche désesperement la solution pour référencer les images de mon blog afin d'accroitre le nombre de visiteurs. Pour l'instant aucune image n'est référencée. J'ai essayé avec ton truc (je l'ai appliqué sur la première foto de mon dernier post, mais elle n'apparaît pas non plus. J'ai fait mes recherches en anglais et en français - rien, nada, zero, et ça depuis 6 mois! Aide-moi, s.t.p -Gros merci de Yasmine
Je me suis pas mal penchée sur le sujet.
Le alt="" est vraiment indispensable. Le title="" est un +, je crois qu'il aide au référencement dans google, mais n'a pas d'incidence pour les moteurs-images comme google-images. (Le référencement entre google et google-images n'est pas identique, mais il est intéressant de soigner son référencement dans les 2).
Pour un bon référencement d'images, il faut donc impérativement le alt="", mais c'est loin de suffire. Il faut soigner tout ce qui peut avoir du sens (les titres, mots-clés...) autour de l'image.
Le référencement de l'image peut aussi dépendre de l'hébergeur: Picasa (par défaut pour blogger) me parait plutôt bien référencé, même si nos albums ne sont pas publics. ça fait des mois que je dois faire un billet sur le référencement d'images, mais pas le temps...
Et pour rassurer certains, c'est effectivement fastidieux les premiers temps, mais on s'habitue rapidement, et ça devient vite aussi simple que de rajouter une légende sous une photo depuis l'éditeur de texte.
@Cathy B
Très intéressant mais si le blog est bien référencé dans Google (un gros Page Rank) les images le seront aussi même ici on ajoute pas de ALT et TITLE, mais ça sera moins performant, surtout pour les blogs qui n'ont pas de texte dans leur articles, que des images.
Par exemple si j'avais pas ajouté les attributs ALT et TITLE au images de mon article sur Google Wave, l'article en question ne serais jamais apparue en première page des résultats (même si il a un PR3)...
Et c'est vrai qu'on si habitue très vite, et la plupart du temps il faut juste copier/colle le titre de l'article...
@Yasmine
Il faut avoir le plus de Liens vers ton blog et ça va venir ...
En faisant une recherche dans Google Image US avec les mots clés "love live sur vive home" on trouve toutes images de ton blogs ....
salut a tous
perso jai remarquer si la photo etait parfaitement nommée à la base, je veux dire avec le nom que vous auriez mit en titre, cela revient au meme je jarrive les positionner en premiere pas de recherche image google sans faire ta manip
mais je suppose que sa optimise de le faire
@Dc.Y
Oui oui oui
Article très intéressant, merci !
Comme beaucoup de tes articles, c'est une astuce intéressante et indispensable.
Dommage que ce soit en effet un peu fastidieux, je viens tout juste de me lancer dans mon blog cinéma, donc faut que je m'habitue!
Mais vraiment, que de trouvailles, bravo pour ton site! ;)
@
Tu n'es pas obligé d'appliquer l'astuce pour toutes les photos, seulement les plus importantes ...
Message de débutant mais en fait je ne trouve pas ou modifier le code ajouté lors de l'upload d'une nouvelle image ?? Un peu d'aide? :)
Voila j'ai appliqué votre tuto sur mon blog(lien commentaire)
Est-il possible prend un titre dans le titre de la position
Bonjour,
Est-ce possible de nommer les photos qui sont sur la home page, c'est à dire celles qui se trouvent dans "elements de la page" sous forme de gadgets, et non dans un message ?
Merci d'avance,
Diana
Article très intéressant, merci ! Moi aussi j'ai publier une article sur les 10 conseils SEO pour réussir le référencement de votre site internet visiter le sur ==> http://blog-conseils.blogspot.com/2011/08/comment-reussir-le-referencement-de-son.html
Bonjour Soufiane, ma question est : qu'est ce qu'il faut supprimer sur le code de l'image que blogger insère dans l'article ? qu'est ce qui est superflu ?
Salut Soufiane
Vos trucs sont vraiment genial, c'est super cool