Comment bien référencer ses images sur Google

Par Olivier Duffez, Lundi 4 août 2008

Vous pouvez être tenté de mettre des images ou des photos sur votre site, mais les moteurs de recherche auront bien du mal à savoir ce qu'elles représentent ! En effet, ils ont besoin de texte pour identifier de quoi parle une page. Voilà comment bien référencer les pages avec des images...

Référencer des images

L'attribut ALT de la balise IMG

Du point de vue référencement, il est assez simple de bien optimiser les images. Il suffit en effet de remplir systématiquement le champ ALT="description de l'image". Techniquement, il s'agit de l'attribut ALT de la balise IMG (et non pas de la balise ALT comme on le lit souvent). Dans Internet Explorer, c'est l'"info-bulle" affichée au survol de la souris.

Voici un exemple concret d'image "optimisée le référencement" :

<img src="/images/webrankinfo.gif" width="120" height="90" border="0"
 alt="referencement google">

Attention néanmoins à définir un attribut ALT que pour les images qui le nécessitent. Par exemple, il ne faut pas truffer de mots-clés l'attribut ALT des images de décoration (celles qui servent uniquement au design). Cette pratique peut d'ailleurs être considérée comme du spam par les moteurs de recherche.

L'attribut TITLE de la balise IMG

Vous pouvez aussi mettre un attribut TITLE dans la balise IMG, afin de faire apparaître une infobulle. Son texte doit aider les internautes à comprendre l'image. Par contre Google ignore totalement cet attribut title, il n'aura donc aucun impact pour votre référencement.

<img src="/images/webrankinfo.gif" width="120" height="90" border="0"
 alt="referencement google" title="Logo de WebRankInfo">

Attention à ne pas confondre cet attribut avec la balise title (qui elle a beaucoup d'impact).

Le nom du fichier image

Le nom du fichier n'a que très peu d'impact sur le classement dans Google Images. Je vous conseille d'inclure des mots-clés (séparés par un tiret) si vous le pouvez, mais je vous déconseille de passer du temps à renommer des anciennes images uniquement pour espérer être mieux classés.

Autres aspects

Il y aurait sans doute d'autres éléments à ajouter pour bien optimiser son référencement des images mais cet article a pour objectif de donner une présentation rapide du sujet. Juste un exemple : le contexte sémantique dans lequel se trouve l'image est très important. Sachez aussi qu'il existe des fichiers sitemaps images qui peuvent vous aider à indexer vos images (mais ils n'ont pas d'impact sur le positionnement).

Petits conseils de web design...

Même si l'accès haut-débit à Internet s'est généralisé, il vaut mieux faire attention au poids des images, pour que les pages ne soient pas trop lourdes à charger. Je ne vous donnerai pas tous les détails, allez voir des sites spécialisés dans le graphisme. Sachez qu'il existe deux types d'images, et que chacun a un format de fichier différent :

photos : pour ce type d'image, il faut utiliser le JPEG (extension .jpg), sans massacrer la qualité avec un facteur de compression trop élevé.
logos, textes : ce type correspond à toutes les images comportant un faible nombre de couleurs (jusqu'à 256, voire 32.000). Dans ce cas il faut utiliser le format PNG (ou éventuellement le GIF), mais surtout pas du JPEG.

A propos de l'auteur : Olivier Duffez

Consultant indépendant en référencement, Olivier Duffez a travaillé pour les plus grands sites (Doctissimo, FNAC, RueDuCommerce...). Il édite le site WebRankInfo.com qu'il a créé en 2002, devenu la plus grande communauté francophone sur le référencement (+ 200.000 membres et 1,3 million de posts). Il a également créé la société Ranking Metrics, leader des formations emarketing en France (référencement naturel, AdWords, Analytics, réseaux sociaux).

Vous avez aimé cet article ? Partagez-le !

Vous aimez WebRankInfo ? Suivez-nous !

Si vous souhaitez publier un extrait de cet article sur votre site, assurez-vous de respecter les conditions générales d'utilisation de WebRankInfo.

20 commentaires

keke (1 comments) dit :
19 février 2009 à 14:12
Bonjour Olivier,

Est-ce que l'attribut Title d'une image est utilisée ou non pour le référencement.

Sur quelques sites à faible PR < 4, je constate que je suis retenu sur des mots clés utilisés uniquement dans cet attribut Title de l'image. Ceci étant, il peut s'agir d'un coïncidence car le contenu même de la page a évolué avec le temps.

Bien amicalement,

Kéké
Olivier Duffez (1343 comments) dit :
19 février 2009 à 19:03
L'attribut title est ignoré par les moteurs, qu'il soit sur une balise ou n'importe quelle autre balise.
Rafik (6 comments) dit :
24 novembre 2009 à 1:55
Bonjour,

Olivier d'aprés un teste d'un ami sur 5 site ( spécialement pour les teste ) a trouver que Google a bien pris le mot clé qui ce trouve sur ALT de l'image, Sans oublier que le mot clé n'éxiste pas sur la page n'est sur le titre et la description.? Explication,???!!!!.

Je crois qu'il faut bien ajouter des ALT mais pas trop de texte, c'est a dire, trois mots au max dans chaque ALT ( moi j'ai même laisser quelques alt vide ) Ça sera très bon pour seulement deux mot sur chacun.

Ce n'est pas officiel ce que je dit mais c'est juste des teste que j'ai fait. ça reste a confirmer par les autres
Olivier Duffez (1343 comments) dit :
24 novembre 2009 à 7:18
Oui bien entendu Google tient compte des attributs ALT, c'est ce que j'ai écrit dans l'article ;-)
pascale (1 comments) dit :
5 mars 2010 à 14:51
Bonjour,

J'ai réalisé le site internet de notre société et je me heurte à un pb : réaliser la fameuse balise alt. J'ai bien noté qu'il fallait remplir le champs ALT avec le descriptif du produit de l'image mais à quel endroit faut-il aller pour trouver ce fameux champs ?

Merci pour votre aide, je bloque sur ce point et ce n'est pas vraiment mon métier.

Très cordialement.
Matthieu (8 comments) dit :
15 avril 2010 à 14:07
Bonjour,

Sans vouloir te contredire, la balise "alt" correspond au texte alternatif de l'image: si le navigateur ne parvient pas à charger l'image, alors ce sera ce texte qui sera affiché.

Pour l'info bulle, c'est la balise "title" qui joue un rôle.

Ma question est donc: est-il intéressant, en matière de SEO, de remplir "alt" ET "title"?

Ou bien "alt" est le seul attribut reconnu, et "title" n'est pas reconnu par le SE ?
Olivier Duffez (1343 comments) dit :
15 avril 2010 à 14:23
Tu ne me contredis pas car je n'ai pas dit le contraire ;-)
J'ai bien précisé que c'est sous IE que le contenu du ALT est affiché sous forme d'infobulle. Avec Firefox par exemple c'est celui de l'attribut TITLE.
Quand on met les 2 c'est systématiquement le TITLE qui s'affiche sous forme d'infobulle.
L'attribut TITLE est en effet ignoré, de Google en tout cas.
Damien (8 comments) dit :
3 février 2011 à 0:58
Bonjour à tous,
J'ai déjà lu que le nom de l'image est important aussi pour le référencement naturel. Par exemple : nommer une image "referencement.jpg" sera mieux que "image01.jpg" pour se positionner sur le mot référencement.
Est-ce qu'il aide à positionner la page dans laquelle l'image est incluse ou seulement l'image dans la recherche universelle et google image?
Olivier Duffez (1343 comments) dit :
3 février 2011 à 18:44
Ca aide seulement l'image, et encore c'est assez faible. C'est plus efficace de travailler l'attribut ALT ou le contexte sémantique de l'image.
Damien (8 comments) dit :
6 février 2011 à 14:19
OK. Je pensais que le nom de l'image était bien plus important. Merci de ta précision.
Jean Claude (4 comments) dit :
7 juillet 2011 à 8:47
Merci de donner en htlm des exemples précis à faire , (ou a ne pas faire)
Pour le nom des photos, je retiens que nommer référencement.jpg
est mieux que référencement01
Merci d'avance
phpDesigner (3 comments) dit :
13 juillet 2011 à 6:48
Bonjour,

Je suis un peu surpris en lisant la remarque "Attention néanmoins à définir un attribut ALT *que* pour les images qui le nécessitent.".

Si on n'utilise pas l'attribut alt pour une image, la sanction de W3C est immédiate : la page n'est pas validée. Il ne faut pas oublier que Google est membre du W3C. Il y aurait donc une grosse contradiction. De plus , disqualifier cet attribut serait oublier l'objet même de cet attribut : servir d'alternative à tous ceux qui ne peuvent pas voir les images. Est-il imaginable que Google pénalise les handicapés ?

Question subsidiaire : soit une page de tutoriel qui comporte 24 images. Faut-il se creuser la tête à leur trouver chacune un texte alternatif différent et de peu d'intérêt, ou bien peut-on écrire "monobjet 1/24" à "monobjet 24/24" ?

Merci pour votre réponse.
Olivier Duffez (1343 comments) dit :
13 juillet 2011 à 8:40
Tu peux toujours mettre un attribut alt vide, comme ça se sera valide W3C. Au passage, Google ne favorise pas les pages valides W3C, je pense même qu'il n'en tient pas compte.
Mettre des mots-clés dans le alt des images de design, c'est assimilable à du spam.
phpDesigner (3 comments) dit :
13 juillet 2011 à 8:55
J'insiste. Les aveugles et les mal voyants ont besoin de ces attributs alt pour savoir de quoi on parle. Mettre un attribut vide m'apparait pour le coup comme une tricherie n'ayant pour but qu'un meilleur référencement, ce qui me semble contraire à l'éthique prônée par Google : on ne mettrait pas ces attributs vides si on ne pensait pas aux moteurs de recherche.

Google dit "Si vous devez utiliser des images pour du contenu textuel, pensez à utiliser des attributs "ALT" afin d'inclure une brève description."
"De nombreux internautes ne sont pas en mesure de visualiser les images contenues dans les pages Web ; notamment les déficients visuels, ou les personnes utilisant des lecteurs d'écran ou disposant d'une connexion à faible débit. En ajoutant un texte alt, vous fournissez des informations essentielles à ces utilisateurs."

https://www.google.com/support/webmasters/bin/answer.py?answer=114016
phpDesigner (3 comments) dit :
13 juillet 2011 à 8:57
:) Je ne parlais bien sûr pas des images de design... que je mets pour ma part dans le CSS dont sans alt.
Olivier Duffez (1343 comments) dit :
13 juillet 2011 à 9:25
Mais je ne dis pas le contraire !!! Par contre je maintiens, c'est totalement stupide et gênant pour les aveugles de mettre des attributs alt pour des images du design (par exemple un coin arrondi). Google précise bien qu'il s'agit uniquement des images qu'on utilise à la place d'un contenu textuel.
adoucisseur (3 comments) dit :
26 septembre 2011 à 9:05
Désolé mais le code n'est pas passé :

Mais qu'en est t'il d'un lien externe via une image.
Exemple un :
href="http://www.monsite.com/" target="_blank"> img src="http://www.example.com/monmotclef.gif" alt="monmotclef" width="xx" height="yy" border="0" title="monmotclef">

Compte il vraiment comme un lien externe ?
Olivier Duffez (1343 comments) dit :
26 septembre 2011 à 9:16
Oui, un lien image sortant est bien compté par Google. Le texte de lien est celui de l'attribut ALT, s'il est rempli bien entendu.
Pas sûr par contre qu'il soit pris en compte si la taille de l'image est si petite que l'internaute ne peut pas la voir...
arkhe (3 comments) dit :
15 mai 2012 à 7:59
Ça se fait dans la bibliothèque d'image sur WordPress ?
Olivier Duffez (1343 comments) dit :
15 mai 2012 à 13:34
@arkhe : je ne sais pas de quoi tu fais allusion mais dans wordpress, quand on ajoute une image (à la bibliothèque et à une page), on peut définir un attribut ALT, un attribut TITLE et une légende.

Postez un commentaire !

Les champs marqués du signe * sont obligatoires. L'adresse email ne sera pas affichée.

En postant un commentaire, vous acceptez les CGU du site WebRankInfo.

Formation référencement et webmarketing

Venez chez Ranking Metrics vous former au référencement, à Google Analytics et aux réseaux sociaux ! Plus de 4000 entreprises sont déjà venues (financement possible par OPCA, DIF...).

Préparés et animés par Olivier Duffez (WebRankInfo) et Fabien Faceries (AgentWebRanking), 2 professionnels reconnus dans le domaine, nos modules sur le référencement naturel sont très complets tout en laissant une grande place à l'interactivité pour répondre à toutes les questions des participants.

Pour connaître le plan détaillé de chaque module, le prix, les dates et les lieux, consultez le site de Ranking Metrics (organisme de formation agréé).

Sites de l'annuaire

Référencer un site gratuitement

Hébergement web

Pour un bon référencement, il faut un bon hébergeur. Testez Sivit, l'hébergeur choisi par Olivier Duffez pour son site WebRankInfo. Vous bénéficiez d'une garantie 30 jours satisfait ou remboursé.

A partir de 1,90 EUR HT/mois.