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é:
<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>

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:
<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" title="Optimiser les images Blogger pour le référencement" alt="Design Optimiser images Blogger référencement" /></a>
</div>
ce qui donne:
Design Optimiser images Blogger référencement
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.
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)
Exemple optimisation image Blogger référencement
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.
35 Commentaires
  1. 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?

    RépondreSupprimer
  2. 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....

    RépondreSupprimer
  3. 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

    RépondreSupprimer
  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é ???

    RépondreSupprimer
  5. Ah oui c'est très barbant et on a envie d'abandonner très vite ....
    Pour Feedjit, aucune idée x(

    RépondreSupprimer
  6. Salut Soufiane,
    belle trouvaille je vais l'appliquer dans mon blog destination corse
    http://destination-corse-thierrylahir.blogspot.com/
    bon weekend
    Thierry

    RépondreSupprimer
  7. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  8. Salut Soufiane,
    Tu dis qu'il y a des trucs a enelver du code photo?
    qu'est ce que c'est? et pourquoi?

    RépondreSupprimer
  9. @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 :)

    RépondreSupprimer
    Réponses
    1. Je me bats avec la mise en page de blogger, et c'est la cata. As-tu publié cet article (en tous cas, je n'ai pas trouvé de réponses à ma recherche "taille positionnement images" sur ton blog)

      Supprimer
  10. 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

    RépondreSupprimer
  11. 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

    RépondreSupprimer
  12. 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.

    RépondreSupprimer
  13. @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...

    RépondreSupprimer
  14. @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 ....

    RépondreSupprimer
  15. 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

    RépondreSupprimer
  16. Article très intéressant, merci !

    RépondreSupprimer
  17. 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! ;)

    RépondreSupprimer
  18. @
    Tu n'es pas obligé d'appliquer l'astuce pour toutes les photos, seulement les plus importantes ...

    RépondreSupprimer
  19. Ce commentaire a été supprimé par un administrateur du blog.

    RépondreSupprimer
  20. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  21. 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? :)

    RépondreSupprimer
  22. Voila j'ai appliqué votre tuto sur mon blog(lien commentaire)

    RépondreSupprimer
  23. Est-il possible prend un titre dans le titre de la position

    RépondreSupprimer
  24. 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

    RépondreSupprimer
  25. 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

    RépondreSupprimer
  26. 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 ?

    RépondreSupprimer
  27. Salut Soufiane
    Vos trucs sont vraiment genial, c'est super cool

    RépondreSupprimer
  28. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  29. Permettez moi vous féliciter pour le choix du sujet de votre article, c'est intéressant et hyper instructif, j'aime bien et je vais le partager à mes amis des réseaux sociaux,courage et merci pour l'article !!

    RépondreSupprimer
  30. Bonjour !
    Comme d’habitude, ton article est toujours intéressant et utile. Celui-là c’est vraiment très intéressant mais le problème ce que c’est un peut fatigant et pénible. Je pense que pour faciliter les tâches à faire sur les images, il faut l’automatiser si c’est possible.

    RépondreSupprimer
  31. Bonjour,

    Merci pour ton article,
    en fait, j'ai essayé la méthode mais lorsque j'ai cherché sur google la photo ainsi avec son alt et title je ne la trouve tj pas

    http://manalbeautyblog.blogspot.com/

    RépondreSupprimer

Copyright 2015 Soufiane.fr