web-dev-qa-db-fra.com

Puis-je utiliser le même texte pour le titre et le texte alternatif pour une image?

Les balises title et alt doivent-elles avoir un texte complètement différent pour une certaine image? Ou est-ce correct si j'utilise le même texte pour la balise de titre et la balise alt?

Le texte serait différent pour chaque image bien sûr. Donc image1 aurait un texte pour l'alt et le titre et image2 aurait utilisez un texte différent.

8
ClawDuda

Il est valable mais vivement déconseillé. Il existe généralement une structure que vous devez suivre pour obtenir le maximum de référencement disponible:

Pour le texte alternatif pour lequel vous souhaitez afficher des informations sur l'image, et pour le titre sur lequel vous souhaitez vous concentrer, le contenu auquel l'image est associée.
Exemple: si vous mettez une image d’un supermarché local, l’alternative serait "Supermarché x dans city" ou quelque chose du genre.
Mais votre titre devrait être lié à ce que l’image représente, par exemple "Vol dans un supermarché local".

9
knif3r

Étant donné que de nombreuses personnes utilisent Internet sur des appareils mobiles, je suggère de ne pas prêter trop d'attention à la valeur du titre dans la balise d'image. Sur un ordinateur de bureau, cette valeur correspond à ce que les gens voient à l’écran s’ils placent le pointeur de la souris sur l’image pendant une période donnée (une seconde?). Une fois la souris déplacée, le titre qui apparaît disparaîtra. J'ai utilisé quelques appareils mobiles et je n'ai jamais vu la valeur du titre de l'image apparaître à l'écran.

Ce que je fais pour réduire la taille des octets HTML et les risques de spam par mot clé n’est même pas spécifier le titre. Google déteste quand le même ensemble de mots-clés apparaît dans une page, encore et encore. Voici un exemple:

<html>
<head>
<title>Yellow Chicken runny soup inside white chicken runny soup</title>
</head>
<body>
<p>Yellow chicken runny soup is made with white chicken runny soup mixed with light yellow chicken runny soup and one other chicken runny soup. See image of yellow chicken runny soup.</p>
<img src="/path/to/yellow/chicken/runny/soup.jpg" alt="yellow chicken runny soup" title="yellow chicken runny soup">
<p>See image of white chicken runny soup</p>
<img src="/path/to/white/chicken/runny/soup.jpg" alt="white chicken runny soup" title="white chicken runny soup">
<p>And that's all we have for white chicken runny soup and yellow chicken runny soup for today.</p>
</body>
</html>
<!-- copyright yellow and white chicken runny soup enterprises -->

Comme vous pouvez le constater, le fait d'avoir exactement le même titre et la même valeur alt augmente la densité de vos mots clés, mais si vous ne le regardez pas, vous pourriez aller trop loin si les moteurs de recherche pensent que votre site est du spam.

Ce qui est extrêmement important, c'est d'avoir la valeur alt spécifiée. C'est une valeur qui décrit l'image utilisée par Google.

P.S. Si quelqu'un parvient à faire afficher mon code HTML ci-dessus en première position dans l'index de Google, je le jetterai dans le livre des records du monde.

5
Mike

Ne pas inclure la "balise alt" est l’un des plus courants erreurs de référencement

C’est un référencement bâclé, car les robots des moteurs de recherche ne peuvent pas lire les images sans texte et vous avez manqué une opportunité de mot clé. D'un autre côté, c'est une mauvaise expérience pour les utilisateurs qui désactivent les images dans leur navigateur.

1
Josip Ivic