Site web avancé : Afficher le texte alternatif de toutes les images

Le texte alternatif (attribut alt) est une description concise expliquant l'importance d'une image dans le contexte d'une page. L'ajout de balises alt aide les moteurs de recherche et les utilisateurs malvoyants à comprendre votre contenu. Cela améliore l'accessibilité web, le Référencement Naturel et l'expérience des utilisateurs présentant des troubles cognitifs ou d'apprentissage.

Créez des textes alternatifs pertinents pour les images de votre site en les ajoutant manuellement ou en les générant automatiquement avec l'Assistant IA.

En savoir plus sur l'accessibilité.

Bonnes pratiques en matière de texte alternatif

Suivez ces conseils pour rédiger un texte alternatif efficace :

• Ajoutez un texte alternatif à toutes les images informatives : sans balise alt, les lecteurs d’écran peuvent annoncer le nom du fichier, ce qui ne permet pas de comprendre l’objectif de l’image.

• Soyez bref et descriptif : un texte alternatif trop long nuit à l’expérience des utilisateurs de lecteurs d’écran. Si une image nécessite une description détaillée, expliquez-la dans le contenu de la page et ajoutez un texte alternatif court.

  Nous vous recommandons de ne pas dépasser 125 caractères pour le texte alternatif. Le compteur de caractères changera de couleur lorsque vous dépasserez cette limite.

• Évitez « image de » ou « photo de » : les lecteurs d'écran identifient automatiquement les images comme des images.
• Inclure le texte de l'image : si une image contient du texte, incluez ce texte dans la balise alt.
• Ignorer les images d'arrière-plan : les images d'arrière-plan ne nécessitent pas de texte alternatif car elles ne sont pas enregistrées comme contenu par les moteurs de recherche ou les lecteurs d'écran.

Gestion du texte alternatif dans la vue d'ensemble du site

La section « Texte alternatif des images » vous permet de gérer le texte alternatif de toutes les images de votre site depuis un seul endroit. Accédez-y via l’onglet Référencement Naturel de la vue d'ensemble de votre site.

Le titre « Images du site » indique le nombre d'images pour lesquelles il manque un texte alternatif. Une fois toutes les images configurées, la vue « Texte alternatif manquant » sera vide et affichera « Toutes les images sont configurées ».

Vous pouvez basculer entre deux affichages :

• Texte alternatif manquant : Affiche uniquement les images sans texte alternatif (affichage par défaut).
• Toutes les images : Affiche toutes les images du site.

Accédez à la vue d'ensemble du texte alternatif

Suivez les étapes ci-dessous pour localiser l'outil de gestion du texte alternatif.

1. Depuis le tableau de bord, repérez le site dans la liste. Survolez le site et cliquez sur l' icône Vue d'ensemble située à côté.
2. Dans le panneau latéral de la vue d'ensemble du site, cliquez sur Référencement Naturel , puis sur Texte alternatif des images . Le nombre total d'images sans texte alternatif se trouve près du titre "Images du site".
3. (Facultatif) Si votre site est multilingue, cliquez sur le menu déroulant et sélectionnez une langue.

Créer un texte alternatif pour les images

Vous pouvez ajouter un texte alternatif aux images individuellement ou en masse.

1. Depuis le tableau de bord, repérez le site dans la liste. Survolez le site et cliquez sur l' icône Vue d'ensemble située à côté.
2. Dans le panneau latéral de la vue d'ensemble du site, cliquez sur Référencement Naturel , puis sur Texte alternatif des images . Le nombre total d'images sans texte alternatif se trouve près du titre « Images du site ».
3. (Facultatif) Si votre site est multilingue, cliquez sur le menu déroulant et sélectionnez une langue.
4. Choisissez d'ajouter un texte alternatif en masse à plusieurs images du site ou à des images individuelles.
   • Pour générer du texte alternatif en masse :
     1. Cliquez sur le bouton « Générer du texte alternatif en masse » et sélectionnez l'une des deux options de génération de texte alternatif : générer du texte alternatif pour toutes les images du site ou générer du texte alternatif pour les images du site qui n'ont pas de texte alternatif.
     2. Suivez les instructions de l'assistant. Vous pouvez ignorer, accepter ou modifier les suggestions.
   • Pour générer un texte alternatif pour chaque image :
     1. Cliquez sur le champ de texte alternatif situé sous l'image à laquelle vous souhaitez ajouter un texte alternatif.
     2. Ajoutez manuellement le texte alternatif ou cliquez sur le bouton AI Sparkle pour une génération automatique dans la langue actuelle du site. Cliquez en dehors du champ du texte alternatif pour confirmer les modifications. L'image et son texte alternatif seront supprimés de la vue « Texte alternatif manquant » et se trouveront dans la vue « Toutes les images ».
5. Créez un texte alternatif pour toutes les images de votre site et recevez un message de confirmation dans la vue « Texte alternatif manquant ».

Modifier le texte alternatif existant

Suivez les étapes ci-dessous pour mettre à jour le texte alternatif déjà enregistré.

1. Depuis le tableau de bord, repérez le site dans la liste. Survolez le site et cliquez sur l' icône Vue d'ensemble située à côté.
2. Dans le panneau latéral de la vue d'ensemble du site, cliquez sur Référencement Naturel , puis sur Texte alternatif des images . Le nombre total d'images sans texte alternatif se trouve près du titre « Images du site ».
3. (Facultatif) Si votre site est multilingue, cliquez sur le menu déroulant et sélectionnez une langue.
4. Choisissez l'affichage « Toutes les images ».
5. Cliquez sur le champ de texte alternatif que vous souhaitez modifier et effectuez vos modifications. Cliquez en dehors du champ de texte alternatif actuel pour confirmer les modifications.