Attribut alt pour la vignette liée au fichier d'origine
J'ai une page de galerie de papier peint qui affiche de petites vignettes. Lorsque vous cliquez dessus, elle ouvre l'image originale en taille réelle pour permettre à un utilisateur de la télécharger.
L'ajout de l'attribut alt aux vignettes fera-t-il apparaître la photo originale en taille réelle dans les images Google lors de la recherche? ou Google montrera les petites images miniatures? J'ai l'intention de réaliser la première option.
<div class="thumb">
<a href="images/wallpaper.jpg">
<img src="images/wallpaper-small.jpg">
</a>
</div>
Pour implémenter votre tâche, je vous recommande d'utiliser un balisage de données structuré comme ImageObject, par exemple:
<div class="thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="images/wallpaper.jpg" itemprop="contentUrl">
<figure>
<figcaption itemprop="caption">The large image</figcaption>
<img src="images/wallpaper-small.jpg"itemprop="thumbnail" alt= The thumbnail of large of the same image>
</figure>
</a>
</div>
L'installation d'un lien sans informations textuelles sur son contenu est une mauvaise solution. J'ai donc ajouté ceci à votre code. Vous pouvez jouer avec les attributs de cette classe vous-même. Assurez-vous de vérifier votre résultat sur le testeur de Google.
Non. La balise alt est uniquement destinée à une description textuelle de l'image. Il peut être utilisé par les lecteurs d'écran pour les malvoyants ou comme métadonnées d'images par les robots d'exploration de sites Web.