{"id":21187,"date":"2023-03-02T21:57:17","date_gmt":"2023-03-02T21:57:17","guid":{"rendered":"\/tutoriels\/?p=21187"},"modified":"2023-03-02T21:57:17","modified_gmt":"2023-03-02T21:57:17","slug":"texte-alternatif-image-wordpress","status":"publish","type":"post","link":"\/fr\/tutoriels\/texte-alternatif-image-wordpress","title":{"rendered":"Comment ajouter un texte alternatif aux images sur WordPress : 3 m\u00e9thodes efficaces"},"content":{"rendered":"

Un texte alternatif (Alt text), également appelé balise alt d’image, description alt ou attribut alt, s’affiche lorsqu’une image ne se charge pas pour décrire son contenu. Il est important d’apprendre à ajouter un texte alternatif aux images dans WordPress pour améliorer l’optimisation des moteurs de recherche (SEO)<\/strong><\/a> et l’ accessibilité du web.<\/p>

Google et les autres moteurs de recherche utilisent le texte alternatif des images pour comprendre les images de votre site web et leur relation avec certains termes de recherche. Plus les robots des moteurs de recherche comprennent le contenu de votre site, plus celui-ci sera bien classé dans les pages de résultats des moteurs de recherche.<\/p>

Fournir un texte alternatif pour les images est également un excellent moyen de rendre votre site web plus accessible, car les lecteurs d’écran peuvent lire l’attribut Alt.<\/p>

Cet article vous guidera à travers trois méthodes sur la façon d’ajouter un texte alternatif aux images sur votre site WordPress. Nous partagerons également des conseils sur la façon d’écrire un bon texte alternatif et vous montrerons comment vérifier si vous avez réussi à ajouter le texte alternatif.<\/p>

\"\"<\/a><\/figure>

Comment ajouter un texte alternatif aux images<\/strong><\/h2>

Il existe trois principales façons de modifier le texte alternatif ou d’ajouter un texte alternatif aux images dans WordPress — en utilisant la médiathèque de WordPress, l’éditeur WordPress Gutenberg<\/strong><\/a> et l’éditeur de code.<\/p>

Utiliser la médiathèque de WordPress<\/h3>
    \n
  1. Connectez-vous à votre tableau de bord WordPress<\/a><\/strong>.<\/li>\n\n\n\n
  2. Allez dans Médias → Médiathèque <\/strong>dans le menu de navigation de gauche.<\/li>\n<\/ol>
    \n
    \"Les<\/figure><\/div>
      \n
    1. Une fois dans la médiathèque<\/strong>, cliquez sur l’image à laquelle vous souhaitez ajouter le texte alternatif. Vous pouvez également télécharger une nouvelle image.<\/li>\n<\/ol>
      \n
      \"Page<\/figure><\/div>
        \n
      1. Trouvez le champ de Texte alternatif <\/strong>dans la partie droite de la fenêtre Détails du fichier joint<\/strong>. Dans cette fenêtre, vous pouvez également modifier d’autres attributs de l’image, tels que la balise de titre, la légende et la description de l’image.<\/li>\n<\/ol>
        \"Le<\/figure>
          \n
        1. Saisissez le texte alternatif que vous souhaitez dans le champ.<\/li>\n<\/ol>
          \"Ajouter<\/figure>
            \n
          1. Cliquez en dehors du champ une fois terminé pour laisser WordPress enregistrer les modifications.<\/li>\n<\/ol>

            Utiliser l’éditeur Gutenberg de WordPress<\/strong><\/h3>
              \n
            1. Connectez-vous à votre espace d’administration WordPress et cliquez sur Pages <\/strong>dans la barre latérale de navigation.<\/li>\n<\/ol>
              \n
              \"Tableau<\/figure><\/div>
                \n
              1. Sur Pages, <\/strong>cliquez sur l’article ou la page contenant l’image à laquelle vous voulez ajouter le texte alternatif. Cela ouvrira l’éditeur de blocs de Gutenberg.<\/li>\n<\/ol>
                \"Pages<\/figure>
                  \n
                1. Dans l’éditeur de page, cliquez sur l’image de votre page. Ensuite, cliquez sur les trois points de la barre de menu ci-dessus et sélectionnez Afficher plus de réglages<\/strong>.<\/li>\n<\/ol>
                  \"Option<\/figure>
                    \n
                  1. Cliquez sur Réglages<\/strong> dans le menu latéral droit et trouvez le champ Texte Alternatif (ALT)<\/strong>.<\/li>\n<\/ol>
                    \"le<\/figure>
                      \n
                    1. Saisissez le texte alternatif de l’image dans le champ et cliquez sur le bouton Mettre à jour <\/strong>pour enregistrer les modifications.<\/li>\n<\/ol>
                      \"Mettre<\/figure>

                      Utiliser l’Éditeur de code<\/h3>
                        \n
                      1. Ouvrez la page contenant l’image à laquelle vous voulez ajouter le texte alternatif en suivant les deux premières étapes de la section précédente.<\/li>\n\n\n\n
                      2. Une fois que vous êtes sur l’éditeur Gutenberg, cliquez sur les trois points en haut à droite de la page et cliquez sur Éditeur de code<\/strong>.<\/li>\n<\/ol>
                        \"Options<\/figure>
                          \n
                        1. Trouvez les lignes de code HTML représentant l’image que vous avez choisie. La première ligne commence généralement par <!- wp:image<\/strong>. Si une page contient plusieurs images, assurez-vous que ces morceaux de code ne représentent aucune autre image.<\/li>\n<\/ol>
                          \"Une<\/figure>
                            \n
                          1. Parmi ces lignes de code, trouvez alt= » »<\/strong>.<\/li>\n<\/ol>
                            \"Code<\/figure>
                              \n
                            1. Saisissez le texte alternatif manquant entre les guillemets.<\/li>\n<\/ol>
                              \"Code<\/figure>
                                \n
                              1. Cliquez sur le bouton Mettre à jour <\/strong>pour enregistrer les modifications.<\/li>\n<\/ol>
                                \"L'éditeur<\/figure>
                                \n
                                \"\"<\/a><\/figure><\/div>

                                Comment rédiger un bon texte alternatif pour les images<\/strong><\/h2>

                                Un bon texte alternatif d’image ne doit ni exagérer l’explication ni sous-expliquer les images. Pour ce faire, suivez les pratiques suivantes en matière de texte alternatif d’image :<\/p>