WordPress
time_read24mn de lecture

Comment ajouter des balises Alt aux images dans WordPress ?

27 octobre 2022

Comment ajouter des balises Alt aux images dans WordPress ?

Les images peuvent vous aider à augmenter le taux d’engagement. Cependant, la manière de les utiliser peut fortement influencer vos résultats dans les moteurs de recherche. Les bonnes pratiques exigent, par exemple, d’utiliser des images optimisées, mais aussi d’ajouter les balises Alt. En ligne, les balises Alt permettent de décrire le contenu de l’image pour vos visiteurs.🤔 Ces balises permettent aussi aux moteurs de recherche de comprendre le but de votre image afin de l’indexer et de la référencer facilement dans les résultats organiques. Sur WordPress, la façon d’ajouter des balises Alt aux images est extrêmement simple.😊

Objectif

Dans cet article, nous allons vous expliquer comment ajouter les balises Alt aux images dans WordPress. Nous allons également détailler les bonnes pratiques d’utilisation des balises Alt. En lisant cet article jusqu’à la fin, vous serez capable de faire l’ajout de balises alt à vos images sans qu’il soit nécessaire de faire appel à un développeur.😇

Prérequis

Pour mettre en pratique les détails de cet article, vous devez accéder à l’espace d’administration de votre site WordPress en tant qu’administrateur. En plus, avoir des notions sur la manière d’installer un plugin WordPress peut vous aider à agir efficacement.

Comment ajouter des balises Alt aux images dans WordPress ?

ajouter des balises Alt aux images dans WordPress

Les balises alt, attributs alt ou encore les textes alternatifs peuvent être explorées par les moteurs de recherche pour indexer vos images et les référencer dans les résultats organiques. En plus, elles sont affichées comme une alternative lorsque les images de votre publication ne se sont pas chargées.

La manière de les ajouter sur votre site web est très simple. Vous pouvez pour cela utiliser trois méthodes :

  • Utiliser l’éditeur par défaut de WordPress (Gutenberg) ;
  • Utiliser la bibliothèque multimédia de WordPress ;
  • Modifier le code de source de votre publication.

Voyons maintenant en détail, comment vous pouvez utiliser chaque méthode :

1. Utiliser l’éditeur par défaut de WordPress (Gutenberg)

Une des méthodes que vous pouvez utiliser consiste à modifier votre publication en utilisant l’éditeur Gutenberg. Il s’agit actuellement de l’éditeur de contenus par défaut de WordPress.

Pour ajouter les balises alternatives aux images d’une publication, connectez-vous à l’espace d’administration de votre site. Ensuite, accédez à la section « Articles › tous les articles ». accéder aux articles WordPressVous serez redirigé vers l’interface listant tous les articles que vous avez présentement publiés sur votre site. Choisissez la publication que vous souhaitez personnaliser et cliquez sur le bouton « Modifier ».modifier une publication dans WordPress Ensuite, votre publication sera ouverte aux modifications dans l’interface d’édition de votre éditeur de contenus. Trouvez l’image à laquelle vous souhaitez ajouter la balise alt. Faites un clic sur cette dernière et accédez à la section « Texte alternatif » lorsque l’interface est développée à droite de votre écran.

Il vous suffit d’ajouter votre texte dans la zone prévue et de cliquer sur le bouton « Mettre à jour » une fois que vous avez terminé.ajouter des balises alt dans l'éditeur GutenbergEn outre, si vous ne pouvez pas accéder aux options du bloc, faites un clic droit sur votre image, cliquez sur les trois boutons supérieurs, puis sélectionnez l’option « Afficher plus de réglages ».afficher les réglages supplémentaires dans Gutenberg Par la suite, le champ de configuration de la balise alt sera affiché dans votre écran. Une fois que vous avez terminé, vous devez mettre à jour votre publication afin de publier les modifications effectuées.

2. Utiliser la bibliothèque multimédia WordPress

Ensuite, vous pouvez également utiliser la fonctionnalité « Médias » de WordPress. Pour ce faire, rendez-vous dans la section « Médias › médiathèque ».accéder à la médiathèque dans WordPress Dans la nouvelle interface, vous pouvez télécharger une nouvelle image ou choisir une image parmi celles qui sont téléchargées.modifier une image dans la médiathèque WordPressEnsuite, cliquez sur l’image que vous souhaitez modifier et cette dernière sera ouverte dans l’interface de détails. Recherchez le champ « Texte alternatif » et ajoutez votre balise alt.texte alternatif d'une image WordPressVous avez ensuite d’autres champs que vous pouvez configurer comme bon vous semble. Vous pouvez par exemple ajouter le titre de l’image, la légende ou encore la description.

3. Modifier le code de source de votre publication

La troisième méthode consiste à modifier le code source de votre publication. Vous pouvez utiliser cette méthode sur n’importe quel éditeur de contenus que vous utilisez sur votre site. Pour commencer, accédez à la section « Articles › tous les articles » et ouvrez la publication à modifier dans l’éditeur de contenus.

Dans notre exemple, nous utilisons l’éditeur par défaut de WordPress (Gutenberg). Rendez-vous dans les paramètres de la page en cliquant sur le bouton à trois points situé sur le coin supérieur droit de votre interface. Ensuite, sélectionnez l’option « Éditeur de code ».

éditeur de code WordPress

Une fois que vous avez sélectionné l’option indiquée, le code source de votre page sera affiché dans la même interface d’édition. Recherchez l’image que vous souhaitez modifier. En HTML, le code source des images commence par le bout de code <!– wp:image et se termine par cette dernière.

Si vous avez ajouté beaucoup d’images dans votre publication, il est plus facile de les confondre. Assurez-vous, donc, que vous modifiez l’image cible. Tout ce que vous avez à faire est de rechercher la ligne de codes intitulée alt="" balise AltVous devez ensuite saisir le texte de votre balise alternative entre les deux guillemets comme vous pouvez le voir sur l’image ci-dessous.👇saisir le texte alternatif de l'image

Une fois que vous avez terminé, cliquez sur le bouton « Mettre à jour » afin de publier vos changements.mettre à jour une publicationSi vous utilisez plutôt l’éditeur classique sur votre site, le processus pour ajouter les balises alt avec cette méthode est également simple. Vous devez ouvrir la publication ou la page web à modifier dans votre éditeur de contenus. Ensuite, basculez vers le mode d’édition « Texte » et recherchez la ligne alt="" comme précédemment.

Il ne vous restera qu’à ajouter le texte de votre balise entre les guillemets comme nous l’avons fait avec l’éditeur Gutenberg et publier vos mises à jour.

Comment vérifier si le texte alternatif a été ajouté à vos images ?

Le processus d’ajout de balises alt est facile comme vous avez pu le voir dans les sections précédentes. Une fois que vous avez suivi toutes les étapes nécessaires en fonction de votre méthode, vos balises alt devraient être ajoutées avec succès.

Si vous souhaitez vérifier cela, ouvrez votre publication en direct. Ensuite, faites un clic droit sur votre page et sélectionnez l’option « Afficher le code source de la page ».afficher le code source de la page Une fois que vous avez cliqué sur le bouton indiqué, le code source de votre page sera affiché dans une nouvelle interface. Cependant, comme vous le voyez sur l’image ci-dessous, ⁣👇 la recherche de balises alt en parcourant chaque ligne de codes peut vite devenir chronophage.rechercher la balise alt dans le code source de la page

Pour faire une recherche efficace, utilisez le raccourci Ctrl + F et saisissez « alt= » dans la zone de recherche de la page. Toutes les balises alt insérées seront mises en surbrillance. Il ne vous reste qu’à les inspecter visuellement.

Les bonnes pratiques de balises alternatives des images dans WordPress

Voici quelques recommandations pour écrire des bonnes balises :

  • Utiliser un texte concis : une bonne balise alt doit être courte, mais précise pour expliquer aux lecteurs et aider les moteurs de recherche à comprendre le but de votre image.
  • Insérer des mots-clés dans vos balises alternatives.
  • Ajouter un texte décrivant correctement le contenu de votre image : vous devez demeurer dans le contexte du contenu de votre image.
  • Ne pas dépasser 125 caractères : assurez-vous que votre balise alt contienne moins de 125 caractères afin d’éviter que vos lecteurs ne se lassent de vous lire à cause de la longueur du texte.
  • N’utiliser des balises que pour des images non décoratives : si votre image est facile à comprendre, vous n’êtes pas obligé d’ajouter une balise alt.

Conclusion

🥳Bravo ! Comme vous pouvez le voir, ajouter des balises Alt aux images dans WordPress est si simple. Nous avons détaillé dans cet article trois méthodes que vous pouvez utiliser. Choisissez celle qui vous semble aisée et lancez-vous dès maintenant.

Parmi les trois méthodes décrites dans cet article pour ajouter des balises alt aux images dans WordPress, quelle est la méthode que vous utilisez le plus sur votre site ? Répondez-nous dans la section Commentaires.

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.