11 astuces de référencement dans Google Images

WRInaute impliqué
Lorsque qu'il y a plusieurs images sur une même page avec un sujet assez proche (un reportage photo par exemple), la balise title permet d'indexer plus facilement plus d'images par page. En effet, les alt étaient par définition proches (même événement).
 
WRInaute passionné
Toujours aussi désespérant le référencement des images. :(

Ce qui marche peut-être dans ta liste
intégrez chaque image dans une balise DIV
Fait mais pas certain de l'impact.

faites précéder l'image d'un titre situé dans une balise de niveau 3 ou supérieur (h3 ou h2 ou h1 donc)
Fait mais qu'est-ce qui va peser le plus, un hn de haut niveau, la légende ou le alt ?

utilisez des images qui occupent environ 35-40% de la surface de la page web
La taille de l'image a sans doute une importance puisque dans les résultats pour un site donné, les images sont classées par ordre décroissant de taille...

mettez les images en haut des pages web
Ne sais pas

mettez des mots-clés dans le nom du fichier image
C'est clair, à ce niveau, il n'y a pas photo.

ajoutez une légende
Je mets la légende en gras

mettez des mots-clés dans l'attribut ALT de la balise IMG et ne comptez pas sur l'attribut TITLE qui n'est pas aussi important et encore moins sur l'attribut LONGDESC qui est ignoré
Je mets le même texte dans ALT et TITLE

faites des liens vers votre image depuis d'autres pages de votre site
Point qui me pose un problème. Dans les résultats de google images, j'avais deux images qui apparaissaient sur un mot clé donné (19 position et 30 ème). J'ai fait des liens depuis plusieurs pages sur une ancre qui porte le mot-clé vers une page html qui porte strictement le nom du mot-clé et qui contient un jpg dont le nom est strictement le mot-clé. Impossible de déloger les deux images qui se positionnent sur le mot-clé (test qui dure depuis Six mois environ). Je suis donc perplexe par rapport à ce sujet.

pour l'instant les informations EXIF sont ignorées mais elles pourraient très bien être utilisées plus tard
tenez compte du fait que les moteurs améliorent leur algorithmes pour tenter d'identifier le contenu des photos (ça fonctionne déjà bien pour la reconnaissance de visages dans Google Images ou plus récemment dans les albums Picasa Web)


utilisez des images esthétiques
Ici même si tu mets un émoticone, cela a bien sur rien à voir avec le positionnement dans les résultats mais est primordiale pour que l'image soit cliquée quand elle apparaît dans les résultats.


Ce qui ne marche pas
Faire un sitemap qui renvoie vers les sources jpg
 
WRInaute passionné
- Les liens externes doivent être mis sur une vignette de l'image visée.

- L'image doit être de forme carrée (cela permet d'être plus visible dans les résultats Google Image)

- La qualité de l'image me semble important aussi (mais pas vérifié)
 
Olivier Duffez (admin)
Membre du personnel
Merci pour vos retours d'expérience. Pour ma part, je trouve l'histoire du DIV complètement stupide car le DIV ne fournit justement aucune information sémantique...
 
WRInaute passionné
Re: Pourquoi ?

tristan.hervouet a dit:
Bonjour,

Pourquoi le même contenu dans Alt et title :?:

Merci.

Pour google le title de l'image ne sert pas. Par contre, rien ne dit qu'il ne se trouve pas un moteur exotique qui prendrait en compte les éléments du title. Donc je mets la même chose dans les deux.

C'est peut-être contre-productif pour google...
 
Nouveau WRInaute
Re: Pourquoi ?

bee_human a dit:
tristan.hervouet a dit:
Bonjour,

Pourquoi le même contenu dans Alt et title :?:

Merci.

Pour google le title de l'image ne sert pas. Par contre, rien ne dit qu'il ne se trouve pas un moteur exotique qui prendrait en compte les éléments du title. Donc je mets la même chose dans les deux.

C'est peut-être contre-productif pour google...

Le title de l'image sert aussi d'info-bulle dans Firefox. Et comme je fais des sites pour des internautes, plus que pour les moteurs, je mets aussi le même contenu dans Alt et title.
 
WRInaute occasionnel
Quid de la balise title de la page ? (je ne parle pas de l'attribut^^).

Je suis en train de faire le site d'un artiste peintre qui a une seule image par page. La balise title n'a donc aucune influence ?
 
Nouveau WRInaute
Qu'en est-il de l'utilisation de framework type "lightbox" "slimbox" dans le référencement des images ?

Les images ne sont pas inclues dans une page du site avec tout ce dont vous venez de mentionner.

Edit: Je pense notamment dans le cas d'une grande galerie de photos, çàd avec une ou plusieurs pages contenant uniquement les thumbs et donc lorsque l'on clique sur un thumbs, çà ouvre l'image via le script et on navigue de photos en photos à partir de là. Mais dans ce cas, on se retrouve avec une page ne contenant que des liens vers les images (.jpg par ex) On a donc que 2 levier pour référencer les images, leur nom et le title du lien.
 
Nouveau WRInaute
Rajouter un lien sur l'image

Bonjour à tous,
Que pensez-vous, en plus de toutes les astuces citées ci-dessus d'ajouter un lien sur l'image (qui renvoie sur une autre page ou sur la même page mais sur une autre ancre) ?

PS: Un petit truc amusant : lorsque je recherchais plus d'infos à ce sujet, je suis tombé sur un complément super intéressant: *http://www.actu-ref.com/22/09/2008/referencement-des-images/ . :roll:

[Edit HawkEye: link]
 
WRInaute discret
je vois pas non plus l'intérêt de mettre les images dans des div
aucun problème à ne pas le faire sémantiquement parlant, alors en référencement...
par contre les faire précéder d'un hx est assez logique/intéressant
 
WRInaute passionné
co7645 a dit:
Merci pour l' expérience partagée..mais je n'ai pas compris ceci :

bee_human a dit:
intégrez chaque image dans une balise DIV
Fait mais pas certain de l'impact.

Désolé...suis pas doué.

Code:
<div id="imagepaysage">
  <img src="picot-renard.jpg" width="512" height="341" alt="Un poisson exotique dit picot renard." title="Un poisson exotique dit picot renard.">
<p style="text-align:center; margin-right:15px; margin-left:15px; padding:10px; color:#000000;"><strong>Un poisson exotique dit picot renard.</strong></p>
</div>
 
WRInaute accro
e-kiwi a dit:
le div servant peut-etre à englober l'image et sa légende, non ?

Efectivement, on peut imaginer que google interprète plus facilement que le texte et l´image compris dans un même div ont un rapport l´un avec l´autre.
 
Nouveau WRInaute
herveG a dit:
e-kiwi a dit:
le div servant peut-etre à englober l'image et sa légende, non ?

Efectivement, on peut imaginer que google interprète plus facilement que le texte et l´image compris dans un même div ont un rapport l´un avec l´autre.
Plutot accord avec hervé, je pense qu'associer serait plus juste, peut être que le fait d'englober une image et un texte par un div permet de limiter la portée de ce texte à cette l'image, comme pour les autres attributs qui ne s'appliquent qu'à ce contenu.

Vais faire un petit test moi !
 
WRInaute impliqué
bee_human a dit:
co7645 a dit:
Merci pour l' expérience partagée..mais je n'ai pas compris ceci :

bee_human a dit:
intégrez chaque image dans une balise DIV
Fait mais pas certain de l'impact.

Désolé...suis pas doué.

Code:
<div id="imagepaysage">
  <img src="picot-renard.jpg" width="512" height="341" alt="Un poisson exotique dit picot renard." title="Un poisson exotique dit picot renard.">
<p style="text-align:center; margin-right:15px; margin-left:15px; padding:10px; color:#000000;"><strong>Un poisson exotique dit picot renard.</strong></p>
</div>

Merci...je vais essayer
 
WRInaute discret
c'est pour afficher un terme et sa définition
ça fait partie des listes html avec les listes ordonnées et non ordonnées
pour la liste de définitions, tu as le conteneur dl, le terme dt et la description dd
le problème au niveau référencement est que tu ne peux pas utiliser d'élément bloc dans le dt donc pas de hx
 
WRInaute impliqué
Merci à vous deux.

Mais maintenant que j'ai tout placé en div....je ne sais plus que penser.
D'autant que sur un autre site, sans le faire exprès, j'ai une photo positionnée en deuxième place sans filtre activé (idem avec "modéré") et en deuxième page (dans le mileu) avec filtre "strict"... 8O ....Ai changé un mot....pour voir.
 
WRInaute accro
Bonjour

Voilà maintenant 5 mois que j'ai placé dans une image très bien positionnée* des valeurs uniques au niveau des champs IPTC (métadonnées) : champs Titre, Description, Auteur et en complément quelques mots-clés.

À l'heure actuelle, aucun résultat.

En matière d'optimisation des images, je confirme tout ce qui a été dit. Le seul truc que je n'ai pas appliqué est la nomination du path de l'image en fonction de son contenu (chez moi il s'appelle "/photos/") ; j'y ai pensé mais ça nécessiterait de modifier assez profondément mon système actuel...




* cette image ressort 1ère sur "photo" dans Google Images (.fr), et en première page sur "nature", "photo nature" et j'en passe et des meilleures...
 
WRInaute impliqué
cedric_g a dit:
Voilà maintenant 5 mois que j'ai placé dans une image très bien positionnée* des valeurs uniques au niveau des champs IPTC (métadonnées) : champs Titre, Description, Auteur et en complément quelques mots-clés.

Bonjour,

Peux tu expliciter cela?
S'agit il des métas de la page?

Charles
 
WRInaute impliqué
cedric_g a dit:
* cette image ressort 1ère sur "photo" dans Google Images (.fr), et en première page sur "nature", "photo nature" et j'en passe et des meilleures...

Chez moi, pas de problème sous firefox. Par contre sous IE, la photo n'est pas visible...erreur sur la page.
 
WRInaute discret
je me pose actuellement la problématique du renommage d'images pour site multilingue...
si l'on veut bien optimiser celles-ci, il faudrait disposer de la même image sous autant de noms différents qu'il y a de langues, de quoi en perdre son latin en fait :D
 
WRInaute impliqué
Edit : grosse bourde

Donc, je recommence à tête reposée.

A votre avis, faire des liens pointant vers l'image elle même (de grande dimension) depuis une vignette (en fait la réduction de la même image, avec la même url) placée sur plusieurs (toutes?) pages du site...une bonne idée, ou une ineptie?

Charles
 
Discussions similaires
Haut