ALT vs TITLE

garfunkel · 6 Août 2004

Bon j'ai compris qu'il fallait mettre l'attribut ALT sur les images, notament quand il y a un lien dessus, mais qu'en es- il de l'attribut TITLE ?
Est-il plus important que ALT ?
Qu'est-ce que les robots préfèrent ?

Tex · 6 Août 2004

on peut utiliser title sur les images ? vois pas l'interet, title est prévu pour les liens, alt est prévu pour les images, sachant qu'ils ont le meme résultat cumuler les 2 serait inutile et au pire pourrais passer pour une tentative de dissimulation de mots clés

WebRankInfo · 6 Août 2004

non, title existe pour plein de balises... il sert à résumer à l'internaute le contenu de la page liée ou de l'image
le alt sur les images sert à donner un texte alternatif à afficher à la place des images par les navigateurs ne gérant pas les images.

Tex · 6 Août 2004

ouais mais sur une image si tu passe la souris dessus si il ya un alt ça affiche le texte et si il ya un title ça affiche aussi un texte, si il ya les 2 un des2 va apparaitre et l'autre restera invisible a l'utilisateur...mais pas au robot...ça pourrais etre pris pour une gruge..non ?

ché pas si je suis clair

French Fred · 6 Août 2004

Bonjour

Petit rappel:
L'attribut title permet de donner "des informations consultatives concernant l'élément sur lequel il se place".

L'attribut alt permet de "spécifie un texte de remplacement pour les agents utilisateurs qui sont incapables d'afficher les images".
source: http://www.la-grange.net/w3c/html4.01/s ... l#adef-alt
(traduction w3c)

Dans le cas du référencement, l'attribut alt permet de décrire l'image.Quand à lL'attribut title sur un lien, il décrit brievement la destination.
source: http://www.la-grange.net/w3c/html4.01/s ... dx-title-1
(traduction w3c)

Exemple:

Code:

<a href="photo-ma-maison.html" title="voir photo de ma maison en taille réelle">
<img src="maison.gif" alt="Photo de la maison" />
</a>

photo-ma-maison.html est un page html contenant une photo (jpg) de la maison avec un peu de texte (pourquoi pas).
maison.gif est une image vignette de ma maison.

Cordialement,

Fred

garfunkel · 6 Août 2004

oui mais ca ca marche avec IE qui confond le ALT avec le TITLE

j'utilise Firefox et Toutes mes images ont un attribut ALT mais quand je met ma souris dessus je n'ai pas la vignette. Je pense que c'est IE qui a rajouté cette fonctionnalité mais l'attribut ne sert pas à afficher une vignette normalement.

Dans Firefox, j'utilise l'extension Web Developper, et j'ai une possibillité lorsque je visite un site d'afficher toutes les images sans l'attribut ALT (c'est super pratique pour voir celle que l'on a oublié) mais aussi les iamges sans l'attribut TITLE (donc cela doit avoir quand meme une utilité importante !)

garfunkel · 6 Août 2004

French Fred je n'avais pas vu ta réponse, je suis tout a fait d'accord avec toi, mais je voulais savoir au niveau du référencement si l'attribut TITLE avait une importance !

Tex · 6 Août 2004

oui TITLE est important.

garfunkel · 6 Août 2004

et quel est le plus important des deux ?
dans TITLE vaut-il mieux mettre une phrase ou des mots-clés ?

Tex · 6 Août 2004

perso j'utilise title pour les liens sans images et alt pour les images et les images avec liens.

a priori je pourrais utiliser title et alt dans les liens avec images mais l'histoire de gruge que j'évoque plus haut me travaille un peu

aprés tu peut utiliser soit alt soit title selon le cas:

-si il s'agit d'une image bouton ,a ce moment la ce que tu veux referencer c'est le lien donc il vaut mieux utiliser title (mais dans le lien pas dans l'image)
-si il s'agit d'une image que tu tiens a référencer , a ce moment je pense qu'il est préférable d'utiliser le alt.(google image t'en remerciera je pense)

WebRankInfo · 6 Août 2004

garfunkel a dit:
et quel est le plus important des deux ?
dans TITLE vaut-il mieux mettre une phrase ou des mots-clés ?

relis ce qui est écrit au-dessus :

Petit rappel:
L'attribut title permet de donner "des informations consultatives concernant l'élément sur lequel il se place".

L'attribut alt permet de "spécifie un texte de remplacement pour les agents utilisateurs qui sont incapables d'afficher les images".
source: http://www.la-grange.net/w3c/html4.01/s ... l#adef-alt
(traduction w3c)

Dans le cas du référencement, l'attribut alt permet de décrire l'image.Quand à lL'attribut title sur un lien, il décrit brievement la destination.
source: http://www.la-grange.net/w3c/html4.01/s ... dx-title-1
(traduction w3c)

Tex · 6 Août 2004

vous pensez que la cumulation de alt et title est sans risque ?

dans ce cas, quel est le texte qui apparaitra sous la souris ? celui du alt ou celui du title?

WebRankInfo · 6 Août 2004

pour ma part, sur ce coup, j'abandonne.
tout est expliqué au-dessus...

désolé :-(

Bool · 6 Août 2004

ALT est obligatoire de toutes façons.

Pour title c'est facultatif, et il sert entre autre à afficher l'infobulle sur les images, les liens, ou autre. S'il est absent, IE se rabatra sur le ALT pour l'infobulle.

(il va bien finir par comprendre quand même :?)

Tex · 6 Août 2004

aprés un petit test sous IE, c'est le alt qui apparait sous la souris, j'aurrais plutot pensé le contraire puisque le title est censé etre plus une indication pour l'utilisateur que le alt (du moins avec un navigateur graphique)

garfunkel · 6 Août 2004

oui mais IE n'est pas une référence !!

Je m'en fout de savoir ce qui va afficher une info-bulle ou pas ! Ce qui m'importe c'est ce qu'il faut pour les robots !

Tex · 6 Août 2004

bha ct juste que moi ça m'interressais de savoir ça, et j'en fait profiter les autres passages, pour ce qui t'interresse on t'a déjà expliqué

French Fred · 6 Août 2004

Garf:

Je te conseille de mettre les deux.
Ensuite, sur le alt de l'image, tu ajoutes une description courte de l'image
Image de ton poisson rouge => "Roger, mon poisson rouge".

Pour l'attribut title, dans l'hypothèse ou le lien sur l'image pointe vers la page poisson-rouge-webcam.html => "Regarder Roger en direct"

ps: Roger est le nom de ton poisson rouge :lol:

Bon courage,

Fred

Grantome · 6 Août 2004

...

Bon, je prend la place d'Olivier.

Olive, va te mettre à l'ombre avec un petit ricard...

Pour commencer... RIEN N'EST OBLIGATOIRE.

TITLE est un attribut titre, ALT est un attribut description.

Exemple, une image:
Title = Portrait d'Olivier
Alt = Olivier, à l'ombre avec un Ricard.

C'est bon, ça c'est ok ?

Passons rendu navigateur:
Lorsque l'image est affiché, un passage de souris nous fait apparaitre le TITLE de l'image.
(Sauf pour IE, qui est mal codé et qui fait apparaitre le ALT)

Si l'image ne s'affiche pas:
Le TITLE est mis à la place.

Pour le référencement, les TITLE et ALT représentent un contenu texte pour une image... Interessant.

Pour les aveugle, le TITLE titre l'image, le ALT la décrit.

Miantenant, le TITLE poeut également être utilisé pour des liens, faisant alors apparaitre une vignette.
Exemple un lien FORUM avec un TITLE = Communaute Référencement.

C'est pourtant si simple...

EDIT: J'oubliais, pour l'accessibilité il existe aussi "longdesc"... Bon ok :arrow:

Tex · 6 Août 2004

Si l'image ne s'affiche pas:
Le TITLE est mis à la place.

c plutot ALT il me semble

heu sinon je voulais juste dire que je sais trés bien comment fonctionnent les attributs en question (j'ignorais juste que title etait également utilisable avec la balise IMG), mais j'etait parti sur une autre reflexion, a savoir, l'interpretation possible des robots pour l'utilisation en doublons des balise title et alt, et je voulais avoir des avis pour etayer ma these, meme si c'est correct pour le w3c, il n'en reste pas moins que ça constitue un potentiel certain pour cacher des mots clés.
je précise, car apparemment ça n'a pas été compris comme ça

en tout cas désolé si je n'ai pas été clair.

French Fred · 6 Août 2004

GranTome:

L'attribut alt est requis en html 4 et xhtml
cf: http://www.w3.org/TR/REC-html40/struct/ ... l#edef-IMG

Vive la semantiquement et la validation w3c

Cordialement,

Fred

Grantome · 6 Août 2004

...

Tex a dit:
Si l'image ne s'affiche pas:
Le TITLE est mis à la place.

Cliquez pour agrandir...

c plutot ALT il me semble

heu sinon je voulais juste dire que je sais trés bien comment fonctionnent les attributs en question (j'ignorais juste que title etait également utilisable avec la balise IMG), mais j'etait parti sur une autre reflexion, a savoir, l'interpretation possible des robots pour l'utilisation en doublons des balise title et alt, et je voulais avoir des avis pour etayer ma these, meme si c'est correct pour le w3c, il n'en reste pas moins que ça constitue un potentiel certain pour cacher des mots clés.
je précise, car apparemment ça n'a pas été compris comme ça
en tout cas désolé si je n'ai pas été clair.

Le alt apparait sur IE si aucun title n'est disponible.
Si tu met les deux, c'est Title qui apparaitra.

Sinon, pour les doublons, je te répondais par une pharse devenu classique sur quelques forum/site incontournable:
"Fait un site pour les visiteur, pas pour les moteurs."

French Fred a dit:
GranTome:

L'attribut alt est requis en html 4 et xhtml
cf: http://www.w3.org/TR/REC-html40/struct/ ... l#edef-IMG

Vive la semantiquement et la validation w3c

Cordialement,

Fred

Lorsque je dis que rien n'est obligatoire, je fais référence au fait que chaqu'un fait son site comme il l'entend.

French Fred · 6 Août 2004

autant pour moi

WebRankInfo · 6 Août 2004

French Fred a dit:
autant pour moi

au temps pour toi ;-)

bon, sur ce, je vous laisse, je vais boire mon Ricard comme on me l'a recommandé
bou du con

Tex · 6 Août 2004

Le alt apparait sur IE si aucun title n'est disponible.
Si tu met les deux, c'est Title qui apparaitra.

au temps pour moi

logiquement ça aurais du etre alt puisque c'est fait specifiquement pour ça , mais bon...IE... :roll: :wink:

Sinon, pour les doublons, je te répondais par une pharse devenu classique sur quelques forum/site incontournable:
"Fait un site pour les visiteur, pas pour les moteurs."

on est daccord, c'est dailleur de la que je tire toute la légitimité de ma question : l'utilisation d'un alt en doublon avec un title etant correcte et non abusive selon le w3c, ça serrais dommage de se faire considerer comme un grugeur alors qu'on essaye de s'appliquer a faire dans les normes

totoro · 6 Août 2004

A lala... tous les mêmes ces Toulousains

Tiens, qu'est ce qui tombe en automne à Toulouse qui commence par un F et fini par un N ?
....
....
....
....

Ce sont les Feuilles coN

Ok, elle est connue, je sors

Monique · 6 Août 2004

Bonjour,

Je ne rentrerai pas dans ce débat... quand je pense au nombre de fois que ce sujet a été expliqué en long et en large :twisted:

Merci d'avoir rappelé une de mes déclarations favorites, Grantome

"Faire un site pour les visiteurs, pas pour les moteurs."

Bien sûr, chacun fait son site comme il veut.
Jusqu'à présent il n'y a aucune obligation légale de respecter les spécifications et les normes d'accessibilité (du moins pour les sites non officiels)... mais le faire, c'est penser à ses visiteurs, à tous ses visiteurs !

J'ajouterai que, d'une manière générale, ce ne sont pas les techniques qui sont "de la triche" mais l'usage que certains en font !
Un exemple qui me vient à l'esprit : l'importance de l'utilisation d'un titre h1... certains y placent des paragraphes entiers 8O

PS : à ta santé Olivier :lol:

Amicalement,
Monique
en campagne pour des sites conformes aux standards et accessibles...

Kmacleod · 6 Août 2004

Les paragraphes chacun sait que ce n'est pas en h1 mais en p comme ... pastaga
Un bon moyen de répondre au post va être de faire celà par numéro.
Alt vs title => réponse 12
Mon site à disparu => réponse 26
Mon site a été backlisté => réponse 124
Mon apéro est servi => réponse 51
Allet ... sans t