Référencement des images - quelques conseils

[Monty973]

Bonjour,

Je viens d'écrire sur mon blog un article à propos du référencement des images et je me suis dit que cela pouvait en intéresser certains parmi vous.
C'est un sujet trop peu souvent abordé je trouve, et c'est dommage, cela peut amener un trafic non négligeable.

Donc voici quelque points auquels penser pour favoriser l'indexation, le positionnement et le trafic générés par les images.

Ce sont surtout des conseils de bon sens et la liste est sans doute loin d'être exhaustive, alors si vous avez des remarques et si vous en connaissez d'autres pas abordés ici, j'espère que vous ferez tourner



1. Utiliser des mots clés dans le nom de fichier de l’image

Plutôt que des termes génériques comme pic01.jpg, utilisez des mots clés pour avoir une URL de ce type

Code: Tout sélectionner

http://www.example.com/mot_clé1-mot_clé2.jpg

2. Placer du texte pertinent autour des images

Utiliser des mots clés associés au contenu de l’image à proximité pour aider le moteur à déterminer le contexte et le sujet de l’image.

Dans le cas d’une boutique par exemple, placez un titre avec le nom du produit au dessus de l’image, et une description aux alentours immédiat de l’image.


3. Utiliser les attributs « alt » décrivant l’image et possédant les mots clés associés

Code: Tout sélectionner

<img src="fichier-image.jpg" alt="texte alternatif=" />

A utiliser sans excès, l’abus entraînant un risque de sanctions.

Le but de cette balise est de fournir un texte alternatif pour décrire l’image aux visiteurs qui utilisent des navigateurs ne chargeant pas les images ou les lecteurs de texte.

Même si vous ne le faites pas pour des raisons d’optimisation, faites le pour des raisons d’accessibilité.

Faites en sorte que chaque attribut alt soit précis et unique.


4. Utiliser des mots clés dans l’ancre des liens

Si vous faites un lien vers votre image (pour un affichage en pleine page par exemple) plutôt que d’avoir un lien du type :

" cliquer ici pour agrandir "

faites plutôt un lien ayant pour ancre quelque chose comme :

"Agrandir [url=http://]le_nom_de_l'image"[/url] (avec des morceaux de mots clés dedans)


5. Utiliser Google Image Labeler

Dans Google Webmaster Tools, une option permet de rendre disponible les images de son site pour Google Image Labeler.

Ce service de tag des images présentes dans l’index de Google Images par les internautes est supposé permettre une amélioration de la catégorisation des images.

Bien que rien ne prouve que cela soit efficace, il est possible que dans l’avenir, cela aide à augmenter la pertinence du moteur, et lui facilite l’identification du contenu et du thème d’une image.

Pour activer l'option, dans Google Webmasters Tools, onglet « Diagnostic », dans le menu de gauche, cliquez sur « Recherche d'images avancée » , cochez la case d’activation et validez.


6. Utiliser des images de bonne qualité

Lorsque dans ses résultats de recherche, Google ou les autres moteurs font une miniature de votre image, le fait qu’un internaute clique ou non sur celle-ci dépendra en partie de sa qualité.

Si votre image originale n’est pas très bonne, le résultat de la miniature n’incitera sans doute pas au clic et donc à la visite de votre site.


7. Rendez vos images uniques, même si elles ne le sont pas

Si votre image est disponible ailleurs sur le web (dans le cas d’une photo libre de droit par exemple), essayer de la redimensionner, et de changer le rapport hauteur/largeur.

Cela aidera les moteurs à la percevoir comme une image originale et différente des autres et augmentera les chances quelle soit affichée dans les pages de résultats.

Les moteurs en effet, filtrent les résultats identiques et ne proposent souvent qu’une ou deux occurrences lorsque plusieurs sont disponibles.

Alors autant faire en sorte que les votre soient uniques, cela augmentera les chances qu’elles se retrouvent dans les résultats de recherche.


8. Rendez possible le Hot Linking

Assurez vous que le hot-linking soit autorisé sur votre serveur.

Cela permet à vos images d’être affichées lorsqu’elles sont appelées par des domaines extérieurs au votre.

Cela facilitera également leur diffusion si d’autres sites veulent les afficher.

Pour en savoir plus sur le Hot Linking et comment gérer ses hot links pour en tirer profit, voir VisoHotlink, un script de détection et gestion de hotlinks et ce thread sur WRI.


9. Utiliser des services de partage d’images

Des services comme Flickr.com sont utilisés par un grand nombre d’internautes, et peuvent générer directement du trafic.

Mais ils aideront également à accroître leur diffusion et popularité et pourront être une source de liens pertinents vers vos images et votre site, améliorant ainsi leur référencement naturel.


Conclusion :

Google Images par exemple, représente ~ 10% de la part de marché des services Google.

Sortir en première page sur Google Images pour certaine requêtes vaut largement certaines premières pages de Google tout court. Ca serait dommage de s'en priver.

Et puis optimiser les images d’une page, c’est aussi optimiser la page dans son ensemble, et cela peut aider à augmenter la pertinence de cette page dans les résultats de recherche classiques.

[KOogar]

Belle analyse

Pour moi il manque 2 choses importantes:
- les boots gg pour les images ne passent que 2 fois par an
- si la page contenant les images a des liens sur elle même, cela empêche les boots images de crawler et d'indexer.

[dudo]

Belle analyse

Pour moi il manque 2 choses importantes:
- les boots gg pour les images ne passent que 2 fois par an
- si la page contenant les images a des liens sur elle même, cela empêche les boots images de crawler et d'indexer.

bonjour interressante votre synthese,

hypothèse pour une boutique, lequel des 2 cas est préférable ?

Je presente 20 produits par page avec une url titre et 1 image.
Quand je clique sur l'image du produit, je vais vers une page qui presente une fiche de ce produit. je reprends l'url titre + descriptif +infos marchand

Je presente 20 produits par page avec une url titre + descriptif + 1 image
Quand je clique sur l'image du produit, je vais vers une page qui presente une fiche de ce produit. je reprends l'url titre + descriptif +infos marchand


Dans tous les cas, il y a une fiche produit mais ce que je crains c'est la repetition du descriptif (duplicat) dans le cas 2. Mais dans le cas 1, justement ce que je crais c'est le manque de texte.

C'est justifié ou pas ?

ludo

[KOogar]

Tu as aussi oublier de parler des mal voyants et des adptations a faire pour eux :

Les images cliquables :

Code: Tout sélectionner

<A HREF="nom---domaine/fichier_text_img" NAME="Nom du lien"><IMG SRC="nom_img.jpg" ALT="description de img" /></a>

Les logiciels pour les mal voyants savent lire le contenu du fichier et les moteurs indexent beaucoup mieux les sites qui se donnent la peine de penser aux mal voyants.

[ACth]

Si j'ai bien compris ce que tu voulais dire, tu fais allusion à l'attribut longdesc que peuvent avoir les images ?!

Ce que tu as indiqué n'est rien d'autre qu'un lien ..


L'attribut longdesc n'est utile que si la description de l'image nécessite plus d'une dizaine de mots, qui ne rentre donc pas dans l'attribut alt.

[KOogar]

L'attribut longdesc n'est utile que si la description de l'image nécessite plus d'une dizaine de mots, qui ne rentre donc pas dans l'attribut alt.

Oui oui ca aussi il faut le mentionner, j'ai fait une erreur de code donc c'est confus, moi je parle d'un fichier qui contient uniquement une description longue de l'image. 30 imgs = 30 fichiers...

Code: Tout sélectionner

<A HREF="nom---domaine/fichier_text_img" NAME="Nom du lien"><IMG SRC="nom_img.jpg" ALT="description de l'image pouvant etre lu par les non voyant" /></a>

[WebRankInfo]

je me disais bien que j'avais lu ça récemment... ça doit vouloir dire que je lis ton blog

[Suede]

attention aussi en lien en relatif dans le cas de la réécriture des pages. Les robots ont du mal à les suivre.

[Monty973]

Tu as aussi oublier de parler des mal voyants et des adptations a faire pour eux : Les images cliquables

L'attribut longdesc n'est utile que si la description de l'image nécessite plus d'une dizaine de mots, qui ne rentre donc pas dans l'attribut alt.

Oui oui ca aussi il faut le mentionner, j'ai fait une erreur de code donc c'est confus, moi je parle d'un fichier qui contient uniquement une description longue de l'image. 30 imgs = 30 fichiers...

Code: Tout sélectionner

<A HREF="nom---domaine/fichier_text_img" NAME="Nom du lien"><IMG SRC="nom_img.jpg" ALT="description de l'image pouvant etre lu par les non voyant" /></a>

Merci KOogar de tes rectifications.

L'idée n'était pas de faire un post sur l'accessibilité, même si j'y fais allusion.

J'avoue que je n'ai pas fait de tests sur les fichiers textes associés aux images (je ne m'en suis jamais servi), tu as un retour d'expérience dessus, niveaux réferencement et indexation des images ?

[edit]

je me disais bien que j'avais lu ça récemment... ça doit vouloir dire que je lis ton blog

Echange de bons procédés alors, je lis le tiens
[/edit]

[KOogar]

>> tu as un retour d'expérience dessus, niveaux réferencement et indexation des images ?

O pas besoin de mon experience, celle des autres suffit. Les mal voyants sont je crois 10% de la population mondiale et si ils ne surfent pas c'est a cause du manque d'accebilite, donc lors de plusieurs forums, les patrons des principaux moteurs ont decides de favoriser les sites web qui facilitent l'accés aux mal voyants. C'est le site entier qui en beneficie et la balise image fait partie du process.

[ACth]

donc lors de plusieurs forums, les patrons des principaux moteurs ont decides de favoriser les sites web qui facilitent l'accés aux mal voyants.

humm...ce n'est pas que je soit contre l'accessibilité (au contraire), mais as-tu des sources pour avancer cela ?

[KOogar]

Je dirais 10 mois environ, faut que je recherche?? yep

[KOogar]

donc lors de plusieurs forums, les patrons des principaux moteurs ont decides de favoriser les sites web qui facilitent l'accés aux mal voyants.

humm...ce n'est pas que je soit contre l'accessibilité (au contraire), mais as-tu des sources pour avancer cela ?

Je dirais 10 mois environ, faut que je recherche?? yep, tu peux voir les normes que les webmasters devraient respecter pour les non voyants, c'est trés enrichissant. Faut que je recherche ca aussi ?

[ACth]

Je connais les recommandations pour l'accessibilité.

En revanche je n'ai jamais vu aucune source appuyant à 100% qu'un site accessible sera favorisé par rapport à un site qui ne l'est pas. (hormis quelques commentaires de webmasters qui ne sont justement à ce jour pas fondé / prouvé)

[Monty973]

Hé les gars vous battez pas

Mais je suis plutôt d'accord avec ACth, je ne doute pas que l'accessiblité soit importante, mais je n'affirmerais pas qu'un site répondant à 100% à ces normes sera favorisé ou obtiendra un meilleur référencement.

@KOogar : L'idée n'était pas de faire une liste des points à prendre en compte pour rendre son site accessible, mais de ceux optimisant le référencement des images.

Je doute que les gens utilisants des lecteurs d'écran audio, ou des navigateurs en mode texte représentent une grande part des recherches sur Google Images