Attributs alt pour les images générées dynamiquement
J'ai une galerie d'images pour un site Web de commerce qui se compose de plusieurs petites images miniatures et d'une grande image. Toutes les images sont des photographies du même produit.
Quel serait l'attribut alt le plus significatif à placer dans ces images, étant donné qu'elles sont générées dynamiquement?
Si ce sont des vues différentes pour le même produit, ils doivent avoir un attribut alt personnalisé qui décrit ce que l'image montre. Après tout, c'est le but de l'attribut alt. Ainsi, l’arrière du produit peut indiquer "Vue arrière du Blaster 3000". Un gros plan d’une partie de celui-ci pourrait indiquer "Grand bouton rouge brillant sur le côté du Blaster 3000". Naturellement, vous ferez de meilleures descriptions qui utilisent des mots-clés décrivant ce que l’image montre, ce qui est meilleur pour le référencement et la convivialité (ce qui n’est pas une coïncidence). Vous aurez probablement besoin de conserver ces descriptions dans une base de données sous forme de champ séparé avec chaque image afin de pouvoir les ajouter facilement de manière dynamique.
En développant ce que John a dit, des descriptions contextuelles des images sont la meilleure voie à suivre. À titre d'exemple, vous pouvez consulter d'autres sites de commerce électronique. J'ai choisi un produit aléatoire de thinkgeek.
http://www.thinkgeek.com/gadgets/tools/e91b/?pfm=homepage_Featured_2_e91b
En regardant les images du produit, vous pouvez avoir une bonne idée de la façon dont elles abordent le texte alternatif. Ils ont "Image principale de bricolage guitare Pick Punch", "Picks poinçonné!", "Jouer avec un choix poinçonné." et "Coup de poing." Ils décrivent tous les images de manière unique.
Il y a deux considérations principales. La première consiste à vérifier que le texte de remplacement correspond au contenu de la page. Dans cet exemple, "DIY Guitar Pick", "picks" et même "punching" correspondent au texte de la page, tels que les titres et les descriptions. Est-ce que cela va faire ou défaire le référencement de la page? Pas vraiment, cependant cela crée une présentation plus unifiée, ce qui donne une meilleure page optimisée pour le référencement.
La deuxième considération est simplement de décrire les images avec précision. C'est pour l'accessibilité. Pour les utilisateurs avec des lecteurs d'écran, ou même si les images ne se chargent pas correctement, un bon attribut alt fournira suffisamment d'informations pour permettre à l'utilisateur de savoir ce qu'il manque.
Maintenant, ce que vous êtes physiquement capable de faire dépend de votre plate-forme. De nombreuses solutions vous permettent de définir des attributs alt pour chacune des images et vous pouvez les configurer pour extraire ces attributs lorsqu'ils génèrent et incorporent l'image dans la page. Si ce n'est pas si robuste, la solution sera un peu plus délicate. Si tout échoue, renvoyez simplement le nom du produit dans l'attribut alt. Ce sera assez redondant, mais au moins, vous respecterez les normes xHTML.