Que sont les balises Alt ?
Optimisez vos images rapidement et commencez tout de suite avec les balises Alt . Les balises Alt sont un excellent moyen d’optimiser vos images pour le référencement et de fournir un contexte aux moteurs de recherche. Ils sont également utilisés par les lecteurs d’écran, qui permettent aux personnes malvoyantes d’accéder au contenu de votre site Web. Lorsque vous écrivez une balise alt, elle doit inclure :
Le mot-clé ou la phrase que vous souhaitez cibler avec cette image (cela aidera au référencement) Une description de ce qui se passe dans l’image (cela aide les utilisateurs à comprendre ce qu’ils regardent) Voici un exemple de la façon dont nous utiliserions les balises alt sur notre propre site :
Qu’est-ce que le nommage de fichier image ?
Le nommage des fichiers image est le processus qui consiste à donner à vos images des noms descriptifs, afin qu’elles soient faciles à trouver et à reconnaître. C’est important car cela vous aide à organiser votre site, facilite la navigation des utilisateurs et permet aux moteurs de recherche d’indexer votre contenu plus efficacement. Voici quelques avantages à utiliser des noms de fichiers pertinents :
Vous pouvez facilement garder une trace de toutes les images de votre site Web en utilisant une convention de dénomination cohérente (par exemple, « chien_1 » ou « chien_2 »). Les noms de fichiers pertinents aident les utilisateurs à comprendre ce que chaque image représente sans avoir à cliquer dessus dans l’ordre, ce qui signifie plus de clics sur votre site !
Comment ajouter des balises Alt à vos images
Ajout de balises Alt à vos images
Si vous utilisez un système de gestion de contenu (CMS), tel que WordPress ou Drupal, il existe des plugins qui facilitent l’ajout de balises alt. Cependant, si vous travaillez directement avec HTML et que vous souhaitez ajouter des balises alt via le code, voici comment procéder :
Pour ajouter une balise alt pour une image en HTML :
Ajoutez la balise <img> autour de votre image avec les attributs src= »path/to/image » et height= »width » comme suit : <img src= »path/to/image » height= »100px »> . Vous pouvez également inclure ici des attributs de largeur et/ou de hauteur si nécessaire !
Meilleures pratiques pour écrire des balises Alt
- Rédigez des balises alt descriptives.
- Écrivez des balises alt riches en mots clés.
- Gardez vos balises alt concises, mais pertinentes pour l’image et son contenu.
Meilleures pratiques pour nommer les fichiers
- Utilisez des noms de fichiers descriptifs.
- Gardez vos noms de fichiers courts et doux.
- Utilisez des traits d’union pour séparer les mots, si nécessaire.
Comment vérifier vos balises Alt et les noms de fichiers
Vous pouvez vérifier vos balises alt et vos noms de fichiers à l’aide d’inspecteurs de navigateur, de robots d’exploration de sites Web ou d’outils tiers.
Inspecter depuis le navigateur : un navigateur vous permet de visualiser le code source HTML de n’importe quelle page Web. De cette façon, vous pouvez voir quelles balises alt ont été utilisées sur chaque image de cette page et vous assurer qu’elles sont pertinentes (par exemple : « Nom de l’image » plutôt que simplement « Image »). Vous pouvez également utiliser un inspecteur de navigateur pour vérifier s’il existe des liens rompus dans la structure de navigation de votre site afin que les visiteurs ne soient pas frustrés en essayant de trouver quelque chose qu’ils veulent ou dont ils ont besoin en parcourant celui-ci.
Robots d’exploration de sites Web : si vous souhaitez des informations plus détaillées sur le nombre d’images chargées sur une page donnée – et sur l’emplacement de ces images hébergées – l’utilisation de robots d’exploration de sites Web vous aidera à mieux comprendre ces détails ainsi que d’autres statistiques utiles telles que comment une grande quantité de bande passante est consommée par chaque combinaison type/taille de fichier sur toutes les pages de leur portée (par exemple, uniquement celles hébergées sur examplewebsite1).
Ce qu’il faut éviter lors de l’ajout de balises Alt et de noms de fichiers
- Évitez les noms de fichiers génériques.
- Évitez d’utiliser des mots clés sans rapport avec l’image.
- N’utilisez pas la même balise alt pour plusieurs images.
Les avantages de l’optimisation de vos images
Lorsque vous optimisez vos images, vous pouvez améliorer votre classement SEO et augmenter l’accessibilité de votre site Web. L’optimisation des images améliore également l’expérience utilisateur en facilitant leur exploration et leur indexation par les moteurs de recherche. Des outils pour vous aider à optimiser vos images
Les outils suivants peuvent vous aider à optimiser vos images :
Générateurs de balises Alt
Ceux-ci vous permettent de créer automatiquement des balises alt pour vos images, en fonction du nom du fichier ou d’autres informations contenues dans l’image elle-même. C’est un moyen simple et rapide de s’assurer que toutes vos images sont associées à un texte descriptif, ce qui les rendra plus accessibles aux lecteurs d’écran et aux moteurs de recherche !
Optimiseurs de nom de fichier.
Ces programmes se chargent de créer des noms de fichiers basés sur le contenu de l’image afin qu’ils soient plus susceptibles d’être trouvés par les moteurs de recherche lorsque quelqu’un recherche des mots-clés liés à ce qui est réellement affiché sur cette image (par exemple, s’il y a une image d’un chien nommé « Max » alors cet outil changerait son nom de fichier de quelque chose comme IMG_6564-1-copie redimensionnée plus petite en max_dog_portrait). Ils s’assurent également qu’il n’y a pas de doublons dans les dossiers ou sous-dossiers afin que les utilisateurs ne se trompent pas sur celui qu’ils veulent lorsqu’ils parcourent leurs disques durs plus tard – de plus, cela aide à prévenir la suppression accidentelle lorsque quelqu’un supprime tous les fichiers sauf un mais ne réalise pas ce qui s’est passé tant que tout le reste n’a pas été supprimé ! »
Conclusion
En résumé, vous devez suivre les directives suivantes lors de l’optimisation de vos images :
- Utilisez des balises alt descriptives et pertinentes.
- Nommez vos fichiers en fonction de ce qu’ils représentent, et non de leur apparence ou du format dans lequel ils se trouvent (par exemple, « chien » au lieu de « 00001 »).
- Assurez-vous que toutes les images ont un attribut de titre défini sur quelque chose qui décrit leur contenu ; cela les rendra accessibles aux moteurs de recherche et aux technologies d’assistance comme les lecteurs d’écran pour les personnes handicapées qui en dépendent à des fins de navigation.