web-dev-qa-db-fra.com

Différence entre alt et titre de img - lequel utiliser - et impact

Pendant des années, j'ai écrit mon code HTML pour des images comme celle-ci:

<img src="picture.jpg" alt="my picture" >

Mais j’ai récemment effectué un audit de mon site à l’aide des outils Raven SEO, qui a révélé de nombreuses erreurs qui m'ont vraiment étonné.

Lorsque j'ai parcouru le rapport, 99% de ces erreurs étaient dues à un texte manquant dans le titre de l'image.

Je sais que le texte du titre d'une image peut afficher un léger bruit lorsque vous survolez une image, mais à part cela, quel est le but et cela a-t-il un effet sur le référencement?

Aussi, si vous deviez le mettre en œuvre, que mettriez-vous là? Souhaitez-vous simplement mettre les mêmes informations que dans l'attribut alt? c'est-à-dire alt="my picture" title="my picture"

10
sam

ALT tag est une balise d'accessibilité qui a été introduite pour les personnes ayant des problèmes de vue, même à travers Google. Utilisez-la pour déterminer le contenu d'une image. N'envisagez jamais de placer des balises alt à des fins de référencement avant vos visiteurs.

Beaucoup de personnes, et même Matt Cutts, qui travaille chez Google, parlent de balises alt comme si elles avaient été spécialement conçues pour les moteurs de recherche afin d'informer les bots de la nature de l'image, ce n'est tout simplement pas vrai.

Cependant, vous pouvez informer Google de la nature de l'image lorsque vous vous occupez de votre public. Ne mettez jamais des mots clés dans la balise alt, cela atténue l'expérience utilisateur et sa très anormale.

Un bon exemple en est que, souvent, quelqu'un veut se classer pour le mot clé "Bournemouth", il aura Bournemouth dans le titre. Dans H1, la méta-description crée une image avec la balise alt "Bournemouth". SEO son amortit l'expérience utilisateur et manque le point entier de la balise alt. La balise alt est destinée aux personnes ayant des problèmes de vue ou désactivant toutes les images. La balise ALT a donc été conçue pour informer l'utilisateur de la nature de l'image.

Un bon exemple de cela peut être vu ci-dessous

<img src="i.jpg" alt="Bournemouth" />

contre

<img src="i.jpg" alt="Birdseye view of Bournemouth" />

L'exemple ci-dessus inclut toujours votre mot-clé tout en expliquant à Google et à votre public le contenu de l'image.

Alors qu'en est-il de la balise de titre?

La balise de titre a été conçue pour donner plus d’informations lorsque vous survolez un élément. Ce n’est pas très utile pour IMG car si vous avez l’intention d’utiliser les mêmes informations pour ALT et TITLE, vous pouvez utiliser un script pour lire la balise alt et rendre votre posséder des survols avec JS. Je ne recommanderais la balise de titre que si vous allez fournir plus d'informations que celle de la balise ALT, comme une description plus longue - pas besoin de fournir les informations exactes dans les deux éléments, car cela gonfle le code.

La balise de titre est très pratique pour les liens, car si vous la survolez, elle peut donner à votre public davantage d’informations sur le lien sur lequel il va cliquer. Cela vaudra le coup de en savoir plus sur la balise de titre ici.

12
Simon Hayter

alt donne une description alternative de l'image. Cet attribut est requis pour img.

title donne des informations supplémentaires sur l'image. Cet attribut est facultatif pour img.

Ne vous fiez jamais aux informations contenues dans title. Si l'information est vraiment importante, incluez-la dans son propre élément.

Ces deux attributs ne doivent pas avoir le même contenu.

3
unor

Votre confusion est normale et oui, chaque balise (titre, ALT) représente son propre potentiel, ce qui aide le moteur de recherche et l'utilisateur à savoir en quoi consiste l'image.

Parfois, le texte ALT ne suffit pas pour décrire l’image, il est donc préférable d’attribuer autant d’informations que possible, utilisez la variation d’attribution de mots qui soit plus efficace du point de vue du référencement.

0
Rajesh Magar