5 Conseils pour l’Optimisation des Images d’un Site Web

cacfd3
Posté par Nicolas Cliche à 14:29

Blog Referencement

En février dernier, le gestionnaire de produit pour Google Image Peter Linsley donnait une présentation à SMX West. L’essentiel de son propos est résumé dans une vidéo sur la chaine Google Webmaster Central sur Youtube.  Fidèle à son habitude, Google reste évasif lorsqu’il est temps de dévoiler l’algorithme qui permet de classer les images dans les résultats de recherche. En effet, les images peuvent être une source de trafic non négligeable lorsque les résultats de plusieurs de vos mots-clés sont présentés sous la forme de la recherche universelle (Google Universal Search).

Le comportement d’un utilisateur lors de la recherche d’image est bien différent de celui qui effectue une requête traditionnelle. L’internaute risque de vouloir consulter plusieurs résultats (puisque tous les goûts sont dans la nature) et ira plus loin que la première page des résultats de recherche. Google a aussi observé plusieurs autres motivations pour utiliser son moteur de recherche d’images. Certains l’utilisent comme source d’inspiration, d’autres s’en servent pour le shopping ou pour le plaisir (humour). De plus, il est maintenant possible de trier les images par grandeur ou par type (ex : portraits, clipart, etc.).

La majorité du travail dans l’optimisation des images suit les principes de base du SEO telle l’insertion de mots clés et de titres appropriés. Voici quelques trucs simples pour l’optimisation des images :

1)    Indexez correctement vos images

Combien de fois observe-t-on sur un site Web une belle galerie d’image construite avec la technologie flash sans coquille HTML derrière (trop souvent)! Ce site aurait parfois avantage à voir ses images dans « Google Universal Search ». Une requête permet de voir les images de son site indexé par Google et autres engins de recherche. Il suffit d’inscrire la commande : Site:http://www.votredomaine.com dans Google image pour voir ses images répertoriées dans sa base de données. Enfin, il ne faut pas tomber dans le piège de mettre ses images dans un dossier qui est bloqué par le fichier Robots.txt.

2)    Expliquez aux robots ce que contient l’image

Est-ce qu’il faut vous rappeler que les robots ont de la difficulté à voir les images? Il est recommandé de leur donner des indices (mots clés) pour les aider à identifier les images. Premièrement, ce qui semble être le plus important est de nommer le fichier avec un nom significatif (ex : mot-cle.jpeg). Les 3 premiers résultats dans Google image sur la requête « référencement » contiennent le mot référencement dans le nom du fichier. Sachez aussi que le meilleur séparateur est le tiret (-) et non le « underscore » (_). Ce dernier n’est pas considéré comme un séparateur de mots par les robots.
Ensuite, il est important d’ajouter à notre image un attribut « alt » (pour alternatif) qui permet d’expliquer ce qui est présent sur l’image à ceux qui ne peuvent la voir. Google semble spécifier seulement l’ajout de l’attribut « alt » et le nom du fichier dans l’aide pour webmestre. L’attribut « title » sert à donner un titre à l’image pour les utilisateurs, mais ne semble pas être utilisé par Google dans les critères d’indexation ou de positionnement.

3)    Fournir du texte descriptif  à l’image

Le contenu autour de l’image est aussi très important pour aider les robots à les comprendre. Il est recommandé de mettre une description qui accompagne l’image comprenant un mot clé dans le début de la phrase ainsi qu’un titre défini par la balise «  H1 ». La balise de titre de page devrait aussi être pertinente avec le mot clé ciblé par l’image. Enfin, les liens internes pointant vers la page de l’image devraient contenir un « anchor text » descriptif.

4)    Résolution et taille de l’image

Selon M. Linsley, les images doivent être “assez grandes” ce qui reste très évasif. Selon mon expérience, les images doivent être plutôt de basse-moyenne résolution pour réduire le temps de téléchargement et adopter une taille standard (ex: 50×50, 250×250, etc.).  Si l’image est trop grande, on devrait mettre un « thumbnail » avec un lien vers l’image originale.

5)    Mettre l’image au-dessus du contenu

Mettre les images au-dessus du contenu est aussi l’une des meilleures pratiques de l’optimisation selon Google. On augmente les chances de voir apparaitre l’image plus souvent dans les résultats de Google News près de l’article. Matt MacGee semble confirmer cette pratique avec l’un de ses articles.

Alors voilà! La recherche d’image commence à être plus importante pour Google maintenant qu’il y affiche de la publicité dans ses résultats. Le fait d’en entendre parler à SMX West est peut-être le signal d’un changement prochain. Restons attentifs!



Articles relatifs :


Tags :

Google, image, referencement, seo, Universal Search



Trackbacks



14 Commentaires

  • Samuel Lavoie a dit le 9 avril 2009 à 15:10 :

    Bon résumé de l’optimisation de vos images sur le Web! Bien fait, Google Images peut en effet apporter un traffic de qualité assez substentiel sur votre site.

  • Loric a dit le 10 avril 2009 à 01:40 :

    Merci pour cette synthèse des critères importants pour le référencement des images.

    En effet, avec la recherche universelle qui va prendre de plus en plus d’ampleur, être capable d’indexer et d’optimiser des contenus autres que de “simples” pages html s’avère essentiel.

    C’est le cas pour les images mais également pour les vidéos, doc pdf, etc…

  • Nicolas Cliche a dit le 10 avril 2009 à 08:09 :

    Merci @Samuel et @Loric

    Un exemple parfait de recherche universelle est une requête Google pour Sarah Palin
    (http://www.google.com/webhp?hl=en#hl=en&q=sarah+palin&btnG=Google+Search&aq=0&oq=sarah+&fp=_rpp-4zAm3I)

    Nouvelles, images, vidéos, pages Web, blogues….

  • Référencement de France a dit le 13 avril 2009 à 15:24 :

    Bravo pour l’article, j’ai apprécié. :)

  • Martin a dit le 14 avril 2009 à 07:29 :

    A noter que le JPEG découpe les images en blocs de 8×8 pixels avant d’enlever des données et compresser. La qualité d’une image est meilleure, à poids égal, quand elle fait une taille multiple de 8×8 pixels : 48×48 à la place de 50×50 ou 256×256 à la place de 250×250, par exemple.

  • Audiofeeline a dit le 14 avril 2009 à 09:47 :

    Je ne crois pas dire une bêtise mais il me semble que Google comprend maintenant l’underscore comme un séparateur. Je ne sais pas pour les autres moteurs.

  • Nicolas Cliche a dit le 14 avril 2009 à 10:50 :

    En effet @audiofeeline, il le comprend mais recommande d’utiliser le tiret dans ses guidelines pour webmaster:

    “Consider using punctuation in your URLs. The URL http://www.example.com/green-dress.html is much more useful to us than http://www.example.com/greendress.html. We recommend that you use hyphens (-) instead of underscores (_) in your URLs.”

  • Damien a dit le 17 avril 2009 à 04:21 :

    Google Image n’est pas vraiment un vrai “apporteur de trafic”, les gens qui viennent sur le site regarde surtout l’image qu’ils ont cliqué, pas trop le site sur lequel est héberger l’image (en tout cas moi c’est ce que je fait)

  • detectimmobilier a dit le 20 avril 2009 à 15:00 :

    Bonjour,
    Je croyais que la balise H1 devait rester unique ?

  • Vincent Paris a dit le 22 avril 2009 à 09:03 :

    Google lance l’outils Similar Images. Savez-vous si cette technologie utilise seulement les tags textes associés aux images et la tonalité des couleurs ?

    L’identification par mots-clés des SKUS dans les catalogues électroniques sera-t-elle considérée ?

    Cet outils rendra le commerce en-ligne encore plus visuel et selon moi, compliquera la nomenclature des produits vendu des catalogues.

  • colocation a dit le 22 avril 2009 à 14:13 :

    non detect tu peut les dupliquer

  • detectimmobilier a dit le 27 mai 2009 à 09:50 :

    @colocation
    Le poids en sera dispersé en ce cas non ?

  • annonce colocation a dit le 24 novembre 2009 à 11:16 :

    Google image n’apporte rien c’est évident

  • hillark a dit le 21 janvier 2012 à 12:03 :

    Salut nicolas!

    Très bon article mais je pense que tu aurais pu parler un peu plus de l’optimisation/compression des images au sens propre. J’ai trouvé ce tuto sur le net qui n’est vraiment pas si mal et complète bien le tien : http://www.crazyws.fr/tutos/tout-pour-bien-optimiser-les-images-de-son-site-web-QH859.html

    En tout cas continue comme ça c’est du bon taf :)

Commentez cet article