Ajouter une légende à une image

[ludo65]

Bonjour,

Voila je souhaiterais simplement rajouter une légende sur une image.

J'ai recherché un peu, et j'ai vu qu'il y avait un plugin de JCE qui le permettait, mais 25 euros pour mettre une légende sur une image, c'est.. un peu cher !

Merci

[RobertG]

Re : Ajouter une légende à une image

Quel que soit l'éditeur que tu utilises (JCE est gratuit, seul certains de ses plugins sont commerciaux), il existe une balise "alt" ou une balise "title" que tu peux renseigner lorsque tu insères l'image, ou que tu peux compléter en affichant le code-source de ton article.

Dans TinyMCE, c'est "description de l'image", dans la fenêtre de saisie de celle-ci.
Dans JCE, tu as "description", et dans l'onglet "Avancé", tu trouves "Titre"

[ludo65]

Re : Ajouter une légende à une image

Bonjour,

Je sais, j'ai déjà compléter ces infos, mais j'ai vu qu'il était recommandé d'ajouter une légende à une image pour le référencement.

Légende : n'oubliez surtout pas d'ajouter une légende au-dessus ou au-dessous de l'image (ou bien à côté). Les moteurs analysent le contexte sémantique de l'image et se basent entre autres sur cette légende. Profitez-en pour décrire l'image avec des termes légèrement différents de ceux utilisés dans l'attribut alt, tout en restant naturel bien entendu. Mes tests m'ont montré que les moteurs se basent sur les 7 à 10 mots avant et après la balise img : à vous de les soigner pour le référencement !

Source: http://www.webrankinfo.com/dossiers/...ncement-images

[RobertG]

Re : Ajouter une légende à une image

Ben ce texte, tu le mets dans ton article, avant ou après ton image, si "description" et "titre" ne suffisent pas.
Tu peux aussi essayer JCE + son plugin Mediabox qui te permettra d'afficher les images en pop-up avec une légende (qui sera présente dans le code-source de ta page)/

[ludo65]

Re : Ajouter une légende à une image

Pour le texte j'ai essayé, cependant mon image est en class="alignleftborder", en gros j'ai mon image à gauche et mon texte qui est à sa droite, du coup je peux pas écrire sous l'image, cela me place automatiquement en haut à droite de l'image.

Cordialement,

[PieceOfCake]

Re : Ajouter une légende à une image

Si ton besoin est uniquement le référencement, alors oublie la notion de légende qui est sans doute due à une mauvaise traduction. La volonté de Google dans ce cas est de faciliter l'accessibilité pour les non-voyants ou malvoyants. Ce sont les balises title et alt qui œuvrent dans ce sens (l'une ou l'autre, la définition étant sensible selon les versions W3C et les outils d'accessibilité utilisées, inutiles de vouloir absolument renseigner les deux).

C'est bien de vouloir améliorer le confort des non voyants, c'est louable et il faut le faire.

Il faut surtout aussi ne pas croire, que cela soit critique en ce qui concerne le référencement il s'agit en l'occurrence de l'un des 700 ou 800 indicateurs utilisés et mesurés par Google pour calculer le référencement d'une page. Donc ne pas focaliser sur ce point unique.

[ludo65]

Re : Ajouter une légende à une image

Donc ne pas focaliser sur ce point unique.

Ben je sais.. mais j'ai pas demandé si je devais me focaliser sur ce point unique. Et, au final, dire que cela n'est pas utile, c'est faux. Certes il y a d'autres priorités, mais bon, le but c'est d'optimiser au maximum son référencement, non ?

Enfin bref, des idées ?

[jisse03]

Re : Ajouter une légende à une image

Bonjour,

En HTML5, une image légendée devrait utiliser les balises figure et figcaption http://www.alsacreations.com/article...igcaption.html en lieu et place de img src.

[ludo65]

Re : Ajouter une légende à une image

J'avais un peu peur de partir sur du HTML5 vu que certaines (certes anciennes) versions ne le supportent pas. Bref, partons la dessus !

Par contre j'ai toujours pas la légende en dessous de l'image.. Mon code :

<figure><img class="alignleftborder" src="images/kallyas_images/a_propos/logo_apropos.png" alt="Logo InovaCrea" title="InovaCrea" width="229" height="228" style="float: left;" /><figcaption>Légende associée</figcaption></figure>

Le résultat : http://www.inovacrea.com/a-propos.html

[PieceOfCake]

Re : Ajouter une légende à une image

Et encore une fois, pour optimiser le référencement, je t'assure que Google va regarder le contenu de la balise title (ou alt) et là il ne va trouver que "InnovaCrea" alors qu'il aimerait sans doute y trouver quelque chose de plus parlant (en fait ce que tu voudrais mettre dans ta légende)

[jisse03]

Re : Ajouter une légende à une image

ta classe alignleftborder doit être appliquée à figure et NON à img.

[jisse03]

Re : Ajouter une légende à une image

Et encore une fois, pour optimiser le référencement, je t'assure que Google va regarder le contenu de la balise title (ou alt) et là il ne va trouver que "InnovaCrea" alors qu'il aimerait sans doute y trouver quelque chose de plus parlant (en fait ce que tu voudrais mettre dans ta légende)

Là, pour une fois, désolé, mais figure et figcaption sont parfaitement indexés et peuvent se retrouver dans les recherches images de Google (avec la bonne légende)

[ludo65]

Re : Ajouter une légende à une image

ta classe alignleftborder doit être appliquée à figure et NON à img.

J'avais déjà essayé, et comme tu peux le voir sur la page, cela ne marche toujours pas.


Et pour la balise alt j'avais mis "Logo InovaCrea" non "InovaCrea" tout seul. Du coup j'ai passé le alt sur du "Logo de l'agence de communication InovaCrea" et le title "Logo InovaCrea"