De nombreux contenus sur le Web incluent des images. Cependant, peu de propriétaires de sites Web optimisent leurs images pour la vitesse ou un meilleur classement de recherche.

Même si WordPress offre la possibilité d'ajouter du texte alternatif et un titre d'image, souvent les débutants ne comprennent pas la différence et comment les utiliser.

Dans cet article, nous partagerons la différence entre le texte alternatif de l'image et le titre de l'image dans WordPress, afin que vous puissiez améliorer le référencement de votre image.

Utilisation du texte alternatif et du titre de l'image dans WordPress

Qu'est-ce que le texte alternatif et le titre de l'image ?

Le texte alternatif est l'abréviation de texte alternatif. C'est un attribut ajouté à une balise d'image en HTML. Cela aide les visiteurs qui ne peuvent pas voir l'image et les robots des moteurs de recherche à comprendre de quoi parle une image.

Le texte alternatif est également affiché si l'image sur votre page est introuvable ou ne peut pas être affichée pour une raison quelconque.

Le texte alternatif "Bouquet de fleurs" s'affiche à côté d'une icône d'image cassée

Le texte alternatif est différent du titre de l'image. Le titre est un texte qui s'affiche dans une petite boîte contextuelle lorsque vous placez le curseur de votre souris sur l'image.

Une image avec le texte du titre "Fleurs de mon jardin"

Les balises Alt et les titres d'image sont également utilisés pour améliorer l'accessibilité de votre site Web pour les personnes malvoyantes ou les lecteurs d'écran.

Le lecteur d'écran lira le texte de votre article et lorsqu'il s'agit d'une image, il lira le texte alternatif. Selon les paramètres de l'utilisateur, il peut également lire le texte du titre.

Pour l'accessibilité et l'optimisation des moteurs de recherche (SEO), le texte alternatif est plus important que le texte du titre. C'est pourquoi nous vous recommandons fortement d'inclure du texte alternatif pour toutes vos images.

Conseil de pro : Nous recommandons d'utiliser Plugin SEO tout-en-un pour WordPress pour ajouter un plan de site d'image approprié et d'autres fonctionnalités de référencement pour améliorer votre classement SEO.

Comment ajouter du texte alternatif à une image dans WordPress

WordPress vous permet d'ajouter facilement du texte alternatif à vos images. Créez simplement un nouvel article ou une nouvelle page, ou modifiez-en un existant et ajoutez un bloc Image.

Si vous ne savez pas comment ajouter un bloc ou si vous avez besoin d'aide supplémentaire avec l'éditeur de blocs, consultez simplement notre tutoriel sur l'utilisation de l'éditeur de blocs WordPress.

Tout d'abord, téléchargez votre image ou faites-la glisser et déposez-la dans le bloc Image. Vous pouvez ensuite définir le texte alternatif sur le côté droit de la page.

Ajouter du texte alternatif à une image dans l'éditeur de blocs WordPress

Vous pouvez également ajouter du texte alternatif à une image en accédant à Médiathèque et en cliquant sur l'image pour l'éditer.

N'oubliez pas que cela ne modifiera pas le texte alternatif des instances de cette image que vous avez déjà insérées dans des publications ou des pages. Cependant, si vous ajoutez l'image à un article ou à une page après avoir ajouté le texte alternatif ici, le texte alternatif sera inclus avec celui-ci.

Affichage ou modification du texte alternatif de votre image dans la médiathèque WordPress

Si vous utilisez toujours l'éditeur WordPress classique, vous pouvez ajouter du texte alternatif à l'image lors de l'ajout de l'image.

Tout d'abord, cliquez sur « Ajouter un média » au-dessus de la boîte de publication.

Cliquez sur

Téléchargez l'image depuis votre ordinateur ou cliquez sur l'onglet « Médiathèque » pour afficher les images que vous avez déjà téléchargées.

Ensuite, cliquez sur l'image que vous voulez afin de la sélectionner, puis tapez le texte alternatif que vous voulez dans les “Détails de la pièce jointe” de votre image :

Ajouter du texte alternatif à une image dans l'éditeur classique

Comment ajouter un titre d'image dans WordPress

Il existe deux types d'attributs de titre que vous pouvez ajouter à vos images.

L'attribut de titre WordPress par défaut n'est pas ajouté au code HTML de l'image. Il est utilisé en interne par WordPress pour identifier les fichiers multimédias.

Si vous souhaitez ajouter des titres à vos images, vous devez le faire en utilisant la médiathèque. Vous ne pouvez actuellement pas ajouter de titre à une image lorsque vous la modifiez dans l'éditeur visuel.

Le titre n'est pas nécessaire pour le référencement d'images ou pour les utilisateurs disposant de lecteurs d'écran. Cela peut cependant être utile dans certains cas, car cela vous permet de fournir des informations lorsqu'un utilisateur place sa souris sur l'image.

Une chose qui prête souvent à confusion pour les utilisateurs de WordPress, y compris certains utilisateurs expérimentés, est que WordPress vous permet de donner un titre aux images. Ceci est complètement séparé de l'attribut de titre de l'image.

Par exemple, vous verrez un champ “Titre” lorsque vous modifiez des images dans la médiathèque :

Afficher ou modifier le titre de l'image dans la médiathèque

Le ‘Titre' ici est utilisé par WordPress pour identifier l'image. Lorsque vous cliquez sur le lien “Afficher la page des pièces jointes” en bas de l'écran, vous voyez que le titre est utilisé comme titre sur cette page :

Affichage de la page de pièce jointe de l'image, avec le titre de l'image affiché

Bien que cela puisse être utile dans certains cas, ce n'est pas la même chose que l'attribut title de l'image. Alors, comment créez-vous cela?

Dans l'ancien éditeur classique, vous pouvez ajouter l'attribut title en cliquant sur une image puis en cliquant sur l'icône en forme de crayon :

Modifier une image dans l'éditeur classique de WordPress

Vous verrez alors l'écran “Détails de l'image”. Pour définir l'attribut de titre de l'image, cliquez sur la petite flèche vers le bas à côté de “Options avancées” en bas :

Cliquez sur la flèche vers le bas pour afficher les détails avancés de votre image

Vous pouvez ensuite définir l'attribut de titre de l'image.

Définition de l'attribut de titre de l'image dans l'éditeur classique

Malheureusement, dans l'éditeur de blocs, il n'est pas si facile de modifier l'attribut title de l'image. C'est quand même possible. Vous pouvez ajouter votre image normalement, puis modifier le bloc en tant que code HTML.

Pour passer à la vue HTML du bloc, cliquez sur ‘Plus d'options' (les 3 points verticaux) puis cliquez sur ‘Modifier en HTML'.

Modification de votre image en HTML

Cela peut sembler un peu déroutant, mais tout ce que vous devez savoir, c'est que la balise est ce qui crée votre image. Vous y verrez le nom de fichier de votre image.

Le code HTML de l'image

Pour ajouter l'attribut title à votre image, il vous suffit d'ajouter title="Your image title here" à la balise d'image comme ceci :


<img src="http://www.yourwebsitename.com/wp-content/uploads/2020/03/daffodils-bunch-vase.jpg" title="Bunch of daffodils" alt="A lovely bunch of daffodils" class="wp-image-257"/>

Peu importe où vous placez l'attribut title dans la balise d'image.

Après avoir saisi le titre, vous verrez un message vous avertissant que « Ce bloc contient du contenu inattendu ou non valide ».

Message d'avertissement indiquant que le bloc contient un contenu inattendu

Cliquez simplement sur le bouton “Convertir en HTML” et votre bloc d'image sera converti en code HTML. Elle s'affichera toujours sur votre site exactement comme avant, mais vous ne pourrez pas modifier l'image à l'aide de l'éditeur de blocs.

Pourquoi et comment utiliser le texte alternatif et le titre de l'image

Nous vous recommandons fortement d'utiliser le texte alternatif pour toutes les images. Ici, sur WPBeginner, nous ajoutons également un titre à toutes les images. Cependant, cela est moins important que le texte alternatif.

Le texte alternatif est important car Google se concentre sur lui en tant que facteur de classement des images. Il est également utilisé par les lecteurs d'écran pour aider les visiteurs malvoyants à interagir pleinement avec votre contenu.

Il est important de ne pas insérer de mots-clés dans les balises alt et title. Rendez-les descriptifs et utiles, afin qu'ils soient utiles aux visiteurs qui en ont besoin. Vous pouvez utiliser vos mots clés lorsque cela est pertinent, mais n'en faites pas trop.

Par exemple, si vous écrivez un article sur le meilleur hébergement WordPress, votre mot-clé cible pourrait être « meilleur hébergement WordPress ».

Vous pouvez avoir une capture d'écran dans votre article montrant aux utilisateurs comment créer un compte avec un hébergeur populaire comme Bluehost.

Voici quelques options possibles pour votre texte alternatif pour cette image :

  • “Configuration du compte” – ce n'est pas très descriptif et n'inclut pas non plus tout ce qui concerne votre mot clé
  • “Meilleur hébergement WordPress, hébergement WordPress, meilleur hébergement Web pour WordPress” – cela ne décrit pas l'image et est bourré de mots-clés
  • “Configurer un compte d'hébergement WordPress” – c'est bien mieux car c'est descriptif et utilise une partie du mot-clé de manière naturelle et appropriée

Nous espérons que cet article vous a aidé à comprendre la différence entre le texte alternatif de l'image et le titre de l'image dans WordPress. Vous pouvez également consulter notre guide convivial pour les débutants sur la façon d'optimiser les images pour le Web afin d'accélérer votre site, et notre comparaison des meilleurs plugins et outils de référencement WordPress pour améliorer votre classement.

Si cet article vous a plu, abonnez-vous à notre Chaîne Youtube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.

Laisser un commentaire