Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment ajouter facilement l’attribut Title aux images dans WordPress (2 méthodes)

Ajouter des attributs de titre aux images dans WordPress est un moyen simple mais efficace de stimuler l’accessibilité et de fournir un contexte supplémentaire à vos visuels.

Les attributs de titre fournissent des informations supplémentaires lorsque les utilisateurs/utilisatrices survolent une image. Cela aide les lecteurs d’écran et les moteurs de recherche à comprendre le contenu de l’image, ce qui est très utile pour le SEO.

Nous tenons un blog depuis plus de 16 ans et avons appris l’importance de rendre les publications visuellement attrayantes. Pour faire ressortir notre contenu, nous ajoutons systématiquement des images afin de casser le texte et d’attirer l’attention des lecteurs.

En outre, nous incluons toujours des attributs de titre pour chaque image. Au fil du temps, nous avons constaté que ces petits détails peuvent créer une apparence soignée et améliorer l’interaction des utilisateurs/utilisatrices avec notre contenu.

Dans cet article, nous allons vous afficher comment ajouter facilement des attributs de titre aux images dans WordPress.

Adding the title attribute to images in WordPress

Qu’est-ce que l’attribut Title dans les images ?

Les robots d’indexation, les bots et les appareils de lecture d’écran ne peuvent pas voir vos images. Au lieu de cela, ils voient du HTML comme :

<img src="/path/to/image/fruits.jpg" width="100" height="100" />

La plupart du temps, ce code n’aide pas les outils d’accessibilité et les moteurs de recherche à comprendre le contenu de l’image.

C’est pourquoi nous vous recommandons d’ajouter un identifiant de titre à vos images. En voici un exemple :

<img src="/path/to/image/fruits.jpg" width="100" height="100" alt="A fruit basket" title="Fruit Basket" />

Une balise de titre utile et pertinente aidera les moteurs de recherche comme Google à indexer correctement vos images et à les afficher aux personnes qui recherchent un contenu similaire au vôtre. Cela peut améliorer le SEO de vos images et augmenter le trafic de votre blog.

Les outils d’accessibilité tels que les lecteurs d’écran lisent également le titre à voix haute, ce qui est utile pour les internautes ayant des problèmes de vue.

Vous pouvez également ajouter un attribut d’identification alternatif, que votre site WordPress affichera s’il ne peut pas afficher l’image réelle, par exemple en raison d’une erreur de WordPress.

Broken image path

Ceci étant dit, voyons comment vous pouvez ajouter des attributs de titre aux images dans votre blog ou site WordPress. Utilisez simplement les liens rapides ci-dessous pour passer à la méthode que vous souhaitez utiliser :

Méthode 1 : Ajout d’un attribut de titre aux publicités à l’aide de l’éditeur de blocs

Vous pouvez facilement ajouter des attributs alt text et title à n’importe quelle image dans l’éditeur de texte de WordPress. Il suffit d’aller dans Posts  » Add New et de créer une publication.

Cliquez ensuite sur l’icône « + » et sélectionnez le bloc Image pour ajouter une image à la publication ou à la page.

Add image block

Vous pouvez maintenant choisir une image dans la médiathèque ou téléverser une image de votre ordinateur. Quelle que soit l’option choisie, veillez à cliquer pour sélectionner l’image dans la médiathèque.

Vous pouvez maintenant ajouter un texte alternatif en le tapant dans le champ « Titre ».

Adding a title to an image in WordPress

Il y a également un champ « Titre », mais il s’agit du titre que WordPress utilise en interne pour identifier les fichiers multimédias dans la Bibliothèque des médias. Pour en savoir plus sur ce Sujet, Veuillez consulter notre guide sur le texte alt de l’image vs. le titre de l’image dans WordPress – quelle est la différence?

Pour ajouter un attribut HTML de titre d’image, vous devez ajouter l’image à votre page ou publication, comme d’habitude. Cliquez ensuite pour déplier la section « Avancé » dans le menu de droite.

The 'Advanced' image settings in the WordPress page and post editor

Il comporte un champ « Attribut du titre », qui est le véritable attribut du titre de l’image HTML.

Il suffit de taper dans le champ les informations que vous souhaitez utiliser.

Adding a title attribute to images in WordPress

Vous pouvez maintenant cliquer sur « Mettre à jour » ou « Publier » pour rendre vos modifications directes.

Il vous suffit maintenant de survoler l’image avec votre souris pour voir apparaître une fenêtre surgissante contenant votre identifié.

An example of an image with a title attribute in WordPress

Méthode 2 : Ajouter l’attribut Title aux images en utilisant l’éditeur classique de WordPress

Si vous utilisez l’ancien éditeur classique, le processus d’ajout d’un attribut de titre est légèrement différent. Dans l’éditeur classique, cliquez sur le bouton « Ajouter un média » et sélectionnez votre image.

Add image classic editor

Maintenant, vous pouvez soit téléverser une nouvelle image, soit choisir une image dans la médiathèque. Vous pouvez ensuite ajouter le texte alt et un titre en utilisant les champs situés à droite de la médiathèque.

Une fois de plus, gardez à l’esprit que « Title » est utilisé en interne par WordPress et n’est pas le véritable attribut du titre de l’image qui peut améliorer le SEO et l’accessibilité.

Select image classic editor

Lorsque vous êtes prêt, cliquez sur le bouton « Insérer dans la publication ».

Cliquez ensuite sur l’image pour la sélectionner, puis sélectionnez l’icône représentant un crayon. La fenêtre surgissante « Détails de l’image » apparaît.

Il suffit de cliquer pour déplier la section « Options avancées », puis de saisir l’identifié du titre dans le champ « Attribut du titre de l’image ».

Image title attribute field

N’oubliez pas de cliquer sur le bouton « Modifié » pour enregistrer vos modifications.

Vous pouvez maintenant aller de l’avant et publier la page ou la publication pour rendre le texte alt de l’image et la balise de titre directs.

Image title attribute popup

Astuces pour améliorer le SEO des images

Une fois que vous avez téléversé vos images dans la médiathèque, il est temps de les optimiser pour les moteurs de recherche. Google pourra ainsi plus facilement indexer vos images et les classer plus haut.

Pour ce faire, vous devez garder à l’esprit d’ajouter des mots-clés pertinents dans les légendes, le titre et les attributs du texte alt.

Add relevant keywords in the caption, title, and alt text

Vous pouvez également utiliser All in One SEO pour WordPress, qui est la meilleure extension SEO du marché.

Il est livré avec un module SEO d’image étonnant qui définit automatiquement votre texte alt, les titres d’image, les légendes, et plus encore. Il ajoutera également un plan de site d’image approprié pour améliorer votre classement SEO.

All in One SEO

De plus, l’extension vous permet de désactiver les pages de fichiers joints. Ces pages affichent uniquement une version plus grande de l’image réelle, ce qui affecte négativement votre SEO.

Pour désactiver les pages de pièces jointes, rendez-vous sur la page  » Apparence de la recherche  » de All in One SEO et passez à l’onglet  » SEO image « . Confirmez ensuite que l’option « Redirect Attachment URLs » (Rediriger les URLs des pièces jointes) est définie sur « Attachment » (Pièce jointe).

Disable attachment pages

Désormais, les pages de fichiers joints seront redirigées vers les images elles-mêmes.

À part cela, vous pouvez également utiliser un texte descriptif pour les fichiers images, compresser les images et ajouter des backlinks pour booster le classement. Pour plus d’astuces, vous pouvez consulter notre guide du débutant sur le SEO image.

Nous espérons que cet article vous a aidé à ajouter facilement l’attribut title aux images dans WordPress. Vous pouvez également consulter notre guide ultime sur la façon d’utiliser l’IA pour générer des images dans WordPress et notre choix d’experts des meilleures extensions de compression d’images.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

15 commentairesLaisser une réponse

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Costas Draco

    How can you change attribute title for the hero image?

    Thanks
    BR

    • WPBeginner Support

      If you mean the featured image then that would read the title set for the image from your media library.

      Administrateur

  3. Dave

    How do I change the html title for existing images on the website?

    • WPBeginner Support

      You would be able to go back and edit the title by editing the post.

      Administrateur

  4. Rubb

    « Restore Image Title » is not available anymore

    • WPBeginner Support

      Thank you for letting us know, we’ll be sure to look into updating this article as we are able

      Administrateur

      • Rubb

        Thanks, hope someone will create plugin or share the code

  5. Roshni

    Thank you for the explanation.

    Message on wordpress site for this plugin « This plugin was closed on December 24, 2018 and is no longer available for download. Reason: Guideline Violation. »

    Is there a substitute available?

    • WPBeginner Support

      While we don’t have a recommendation at the moment, we will be sure to take a look for alternatives.

      Administrateur

  6. Ehsan

    thanks for this great article !

  7. Diana Auerhammer

    Like it!! Now, I have to decide if I will go back and fix old images.

  8. Miha

    Is there a way to add tite tags to all old pics?

  9. Daniel

    This method does not appear to work images in WP galleries.

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.