Comment ajouter facilement un attribut de titre aux images dans WordPress (2 méthodes)

Après avoir publié des milliers d'articles sur WPBeginner, nous avons appris que les petits détails peuvent avoir un impact énorme. L'ajout d'un attribut de titre à vos images est l'une de ces petites choses qui font une grande différence.

C'est une étape facile à manquer, mais l'oublier signifie que vous perdez une chance d'améliorer à la fois l'accessibilité du site Web et le référencement des images. Cet attribut simple donne un contexte supplémentaire à vos visiteurs et aux moteurs de recherche.

Heureusement, WordPress facilite l'ajout de titres d'images, et vous n'avez besoin d'aucune compétence particulière. Nous vous guiderons à travers deux méthodes simples pour y parvenir.

Qu'est-ce que l'attribut de titre dans les images ?

Les robots d'exploration Web, les bots et les appareils de lecture d'écran ne peuvent pas réellement voir vos images. Au lieu de cela, ils voient du HTML comme ceci :

<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 de quoi parle l'image.

C'est pourquoi nous recommandons d'ajouter une balise de titre à vos images. Par 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, puis à les montrer aux personnes qui recherchent du contenu similaire au vôtre. Cela peut améliorer le référencement de vos images et augmenter le trafic de votre blog.

Les outils d'accessibilité tels que les lecteurs d'écran liront également le titre à voix haute, ce qui est utile pour les visiteurs qui ont des problèmes de vision.

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

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

• Méthode 1 : Ajouter des attributs de titre aux images à l'aide de l'éditeur de blocs
• Méthode 2 : Ajouter des attributs de titre aux images à l'aide de l'éditeur classique de WordPress
• Conseils bonus pour améliorer le référencement des images
• Foire aux questions (FAQ)
• Ressources supplémentaires pour l'optimisation des images

Méthode 1 : Ajouter des attributs de titre aux images à l'aide de l'éditeur de blocs

Vous pouvez facilement ajouter du texte alternatif et des attributs de titre à n'importe quelle image dans l'éditeur de contenu WordPress. Allez simplement dans Articles » Ajouter et créez un article.

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

Vous pouvez maintenant choisir une image dans la médiathèque ou télécharger une image depuis votre ordinateur. Quelle que soit l'option que vous choisissez, assurez-vous de cliquer pour sélectionner l'image dans la médiathèque.

Vous pouvez maintenant ajouter du texte alternatif en tapant dans le champ 'Titre'.

Il existe également un champ 'Titre', mais c'est le titre que WordPress utilise en interne pour identifier les fichiers multimédias dans la médiathèque. Pour en savoir plus sur ce sujet, veuillez consulter notre guide sur le texte alternatif des images par rapport au titre des images dans WordPress – quelle est la différence ?

Pour ajouter un attribut de titre d'image HTML, vous devrez ajouter l'image à votre page ou article, comme d'habitude. Ensuite, cliquez pour développer la section 'Avancé' dans le menu de droite.

Ceci a un champ « Titre », qui est le véritable attribut title HTML de l'image.

Tapez simplement les informations que vous souhaitez utiliser dans le champ.

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

Maintenant, survolez simplement l'image avec votre souris, et vous verrez une fenêtre contextuelle contenant votre balise titre.

Méthode 2 : Ajouter des attributs de titre aux images à l'aide de l'éditeur classique de WordPress

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

Maintenant, téléchargez une nouvelle image ou choisissez une image dans la médiathèque. Vous pouvez ensuite ajouter le texte alternatif et un titre en utilisant les champs situés sur la droite de la médiathèque.

Encore une fois, gardez à l'esprit que « Titre » est utilisé en interne par WordPress et n'est pas le véritable attribut title de l'image qui peut améliorer le SEO et l'accessibilité.

Lorsque vous êtes prêt, cliquez sur le bouton « Insérer dans l'article ».

De là, cliquez pour sélectionner votre image, puis sélectionnez la petite icône en forme de crayon. Cela ouvrira la fenêtre contextuelle « Détails de l'image ».

Cliquez simplement pour développer la section « Options avancées », puis tapez la balise de titre dans le champ « Titre de l'image ».

N'oubliez pas de cliquer sur le bouton « Mettre à jour » pour enregistrer vos modifications.

Vous pouvez maintenant publier la page ou l'article pour que le texte alternatif de l'image et la balise de titre soient en ligne.

Conseils bonus pour améliorer le référencement des images

Une fois que vous avez téléchargé vos images dans la médiathèque, il est temps de les optimiser pour les moteurs de recherche. Cela permettra à Google d'indexer plus facilement vos images et de les classer plus haut.

Pour ce faire, vous devez vous rappeler d'ajouter des mots-clés pertinents dans les légendes, le titre et les attributs de texte alternatif.

Pour une solution puissante et automatisée, nous recommandons d'utiliser All in One SEO (AIOSEO). C'est le meilleur plugin SEO du marché et celui que nous utilisons ici chez WPBeginner pour gérer notre optimisation sur la page.

Son module Image SEO est un énorme gain de temps. Nous l'utilisons pour générer automatiquement des balises de titre et du texte alternatif appropriés pour nos images, garantissant que tout est optimisé sans travail manuel fastidieux.

Le plugin ajoute également vos images à un sitemap XML pour aider les moteurs de recherche à les trouver et à les classer plus rapidement. Pour une analyse complète de ses fonctionnalités, veuillez consulter notre examen complet de All in One SEO.

De plus, le plugin vous permet de désactiver les pages de pièces jointes. 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, visitez la page All in One SEO » Apparence de la recherche et basculez vers l'onglet « SEO des images ». À partir de là, assurez-vous que l'option « Rediriger les URL des pièces jointes » est définie sur « Pièce jointe ».

Désormais, les pages de pièces jointes seront redirigées vers les images elles-mêmes.

En dehors de cela, vous pouvez également utiliser du texte descriptif pour les fichiers image, compresser les images et ajouter des backlinks pour améliorer votre classement. Pour plus de conseils et d'astuces, consultez notre guide pour débutants sur le SEO d'images.

Foire aux questions (FAQ)

Voici les réponses à certaines des questions les plus fréquentes que nous recevons concernant l'ajout d'attributs de titre d'image dans WordPress.

Quelle est la différence entre le texte alternatif d'une image et un attribut de titre d'image ?

Le texte alternatif s'affiche lorsqu'une image ne peut pas être chargée et est essentiel pour les lecteurs d'écran et le SEO. L'attribut de titre fournit des informations supplémentaires sous forme d'infobulle lorsque l'utilisateur survole l'image.

Bien que les deux soient utiles, le texte alternatif est plus critique pour l'accessibilité et le classement dans les moteurs de recherche.

Le « Titre » dans la médiathèque est-il le même que l'« Attribut de Titre » ?

Non, ils servent des objectifs différents. Le champ « Titre » dans la médiathèque est destiné à votre usage interne pour vous aider à organiser vos fichiers.

L'« Attribut de Titre » est l'attribut HTML que les moteurs de recherche lisent et qui crée l'infobulle au survol pour les visiteurs.

Puis-je ajouter automatiquement des titres d'image dans WordPress ?

Oui, vous pouvez utiliser un plugin comme All in One SEO (AIOSEO). Son module SEO d'images peut générer automatiquement des titres et du texte alternatif à partir des noms de vos fichiers image, ce qui peut vous faire gagner beaucoup de temps.

Ressources supplémentaires pour l'optimisation des images

Nous espérons que ce guide vous a aidé à ajouter des attributs de titre à vos images. Pour plus de conseils sur l'amélioration des visuels et du SEO de votre site, consultez ces articles connexes :

• Notre sélection d'experts des meilleurs plugins de compression d'images
• Comment utiliser l'IA pour générer des images dans WordPress
• Guide pour débutants sur le SEO d'images

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.