Comment ajouter des titres d'image et du texte alternatif dans WordPress - Moyens I/O

Comment ajouter des titres d’image et du texte alternatif dans WordPress

De nos jours, les gens dépendent plus que jamais des visuels. Nous sommes habitués à être bombardés d’images au point que lorsque nous rencontrons un contenu strictement textuel, nous avons l’impression que quelque chose ne va pas et nous sommes moins susceptibles de nous y engager. Les sites Web font de leur mieux pour fournir les images parfaites pour compléter leur message, qu’il s’agisse de leur propre matériel ou d’images obtenues à partir de sites Web de photos. Mais ils oublient souvent une chose, c’est de assurez-vous que les images sont équipées des bonnes métadonnées, Plus précisément – titre de l’image et texte alternatif.

Si vous pensez que cela pourrait être le cas pour vous et votre blog, lisez la suite et découvrez pourquoi les métadonnées d’image sont importantes et comment les ajouter à vos images.

Qu’est-ce que les métadonnées d’image

De manière générale, les métadonnées sont des « données sur les données ». C’est le genre d’information qui fournit aperçu supplémentaire sur une information. Il l’explique et l’élabore. Les métadonnées ont de nombreux objectifs, mais dans les sites Web, elles sont principalement utilisées pour l’optimisation des moteurs de recherche.

Lorsque nous parlons de métadonnées d’image, nous parlons principalement de deux choses : texte alternatif et titre de l’image. Comme nous l’avons dit, les métadonnées d’image sont quelque chose que de nombreux administrateurs oublient de faire, ou ne réalisent tout simplement pas à quel point c’est important. Malheureusement, cela leur coûte souvent le classement. La configuration des métadonnées d’image est très simple et peut vous emmener loin, car les moteurs de recherche examinent réellement ces données et les ajoutent au mélange d’informations sur votre site Web qu’ils utilisent pour décider de son classement.

Texte alternatif

Le texte alternatif ou le texte alternatif est un Attribut HTML que nous ajoutons à une balise d’image. Il est affiché dans le conteneur d’images dans les situations lorsque l’image elle-même ne peut pas être affichée ou est introuvable. Il fournit des informations sur ce que l’image représente.

Texte alternatif dans l'image qui n'a pas pu s'afficher

Titre de l’image

Le titre de l’image est essentiellement le nom de votre image. Comme le texte alternatif, il permet aux utilisateurs et aux moteurs de recherche de savoir ce qu’il y a dans l’image. Contrairement au texte alternatif, le titre de l’image n’est pas affiché lorsque l’image est manquante ou n’est pas chargée correctement. Au lieu, il s’affiche lorsque l’utilisateur passe sa souris sur l’image.

Titre de l'image

En plus du texte alternatif et du titre de l’image, vous pouvez également fournir plus d’informations sur vos images à l’aide de légendes et de descriptions.

Une légende représente une explication ou une description d’une image. Il est généralement affiché juste en dessous de l’image. Les légendes sont toujours un ajout bienvenu à un message en raison de leur nature descriptive et explicative.

Une description est utile si vous configurez vos images pour qu’elles aient leurs propres pages de pièces jointes auxquelles les utilisateurs peuvent accéder. La description que vous saisissez pour une image y sera affichée, avec d’autres données, offrant un aperçu supplémentaire du contenu.

En relation :  10 meilleurs plugins de gestionnaire de téléchargement pour WordPress

Pourquoi les métadonnées sont importantes

Comme nous l’avons déjà mentionné, les métadonnées d’image, en particulier le texte alternatif et le titre de l’image, sont très importantes pour le référencement et pour une meilleure visibilité de votre site Web. Voici pourquoi : ces données expliquent littéralement aux moteurs de recherche ce que représentent vos images et de quoi elles parlent. Les moteurs de recherche ne peuvent pas « voir » les images sous leur forme visuelle, nous devons donc les aider à comprendre ce que voient les utilisateurs. Et c’est précisément ce que fait le texte alternatif. De plus, les métadonnées sont importantes pour meilleure accessibilité de votre site Web pour les utilisateurs ayant des besoins particuliers ou ceux dont les connexions réseau sont médiocres, les appareils qui n’affichent pas d’images, etc.

Quant à la façon d’écrire vos métadonnées, la recommandation générale est de s’assurer que le texte est utile, pertinent et informatif. Il doit contenir des mots-clés mais ils doivent être utilisés en contexte avec le reste du contenu, et avec parcimonie. Le bourrage de mots-clés est quelque chose que les utilisateurs détestent et que Google pénalise, et cela vaut aussi pour le bourrage dans les métadonnées.

Par exemple, si vous avez une image d’une rose, le texte alternatif approprié pourrait être « Rose anglaise rouge foncé avec des gouttes de rosée » ou « Bourgeon de rose jaune sur la pelouse », selon l’image spécifique. Bien sûr, vous pouvez toujours écrire « rose » ou « rose rouge », mais essayez toujours d’être aussi descriptif que possible.

Comment ajouter des titres d’image et du texte alternatif

Si vous avez déjà beaucoup d’images sur votre site WordPress qui n’ont pas les attributs appropriés, vous devez absolument revenir en arrière maintenant et corriger cela. Vous pouvez visionner cette vidéo étape par étape qui vous guide tout au long du processus ou suivre nos instructions détaillées ci-dessous.

Dirigez-vous vers Média > Bibliothèque. Vous trouverez ici toutes les images que vous avez déjà ajoutées à votre site Web.

Médiathèque

Cliquez sur l’image à laquelle vous souhaitez ajouter des métadonnées. Les champs de métadonnées appropriés seront affichés à droite du champ d’image. En plus du texte alternatif et du titre, vous pouvez également ajouter une légende et une description ici.

Vous pouvez revenir en arrière et le faire pour toutes les images de votre médiathèque.

Ajouter des métadonnées

Vous pouvez également le faire lorsque vous ajoutez une image à une publication, en la sélectionnant dans la bibliothèque multimédia.

Les champs de saisie des métadonnées sont situés dans le panneau Détails de la pièce jointe qui s’ouvre lorsque vous téléchargez et choisissez une image dans la bibliothèque.

Détails de la pièce jointe

Si vous utilisez l’éditeur classique et vous souhaitez ajouter des métadonnées à une image, vous pouvez également le faire directement de l’éditeur.

Cliquez simplement sur l’image dans l’éditeur pour ouvrir les options. Le petit crayon représente l’option Modifier, alors cliquez dessus.

Modifier l'option

Ici, vous pouvez ajouter ou modifier du texte alternatif :

Ajouter ou modifier du texte alternatif

Et le titre de votre image aussi :

Et le titre de l'image

Si vous utilisez Gutenberg et que vous souhaitez ajouter des métadonnées à vos anciennes images, vous pouvez le faire à l’aide de la médiathèque ou dans le bloc lui-même. Notez, cependant, que le bloc n’a que l’option de texte alternatif, et non le titre de l’image.

En relation :  Comment installer Android sur un Raspberry Pi
Ajoutez des métadonnées à vos anciennes images

Pour modifier le titre de l’image directement à partir de la page, cliquez sur Bloc d’image, puis recherchez Remplacer et accédez à la bibliothèque multimédia où vous pouvez ajouter le titre comme décrit ci-dessus.

Changer le titre de l'image directement depuis la page

Ajouter des métadonnées à l’aide d’un plugin

Parfois, ajouter du texte alternatif et un titre aux images précédemment téléchargées est tout simplement trop de travail. Si tel est le cas de votre blog, vous pouvez essayer un plugin pratique appelé Attributs de l’image.

Plugin d'attributs d'image

Le plugin fonctionne par utiliser le nom de votre fichier image pour générer des métadonnées (tout, du texte alternatif et du titre à la légende et à la description), de manière entièrement automatique. Il peut être utilisé pour mettre à jour les attributs d’image à la fois pour les nouvelles images et pour celles précédemment téléchargées.

Jusqu’à la version 4.7, WordPress générait par défaut du texte alternatif à partir du nom du fichier image. Cette fonctionnalité a maintenant disparu, mais ce plugin la restaure, ainsi que plusieurs autres actions utiles, notamment la mise à jour d’images en masse. Il supprime également les tirets, traits de soulignement et autres symboles du nom du fichier image et insère les données directement dans le code HTML de vos articles.

Après avoir installé le plugin, rendez-vous sur Paramètres > Attributs d’image pour vérifier les options du plugin.

Options d'attributs d'image

Ici, vous avez un commutateur global pour activer ou désactiver le plugin et ses effets. Vous disposez également de paramètres généraux pour les nouveaux téléchargements, ainsi que de certains paramètres de filtrage, où vous pouvez choisir de supprimer certains caractères des noms de fichiers image.

Assurez-vous de cocher la case indiquant Insérer le titre de l’image dans le post HTML.

Noter que ces paramètres ne s’appliquent qu’aux nouveaux téléchargements, pas d’images existantes. Les Mise à jour en masse segment du plugin vous permet de mettre à jour toutes les images de votre médiathèque, en leur ajoutant leurs métadonnées respectives.

Segment de mise à jour en bloc

Lorsque vous définissez tout comme dans l’exemple ci-dessus, l’ajout d’une nouvelle image viendra avec ces paramètres :

Nouveaux paramètres d'image

Bien entendu, ici vous pouvez tout modifier ou tout supprimer directement, si les métadonnées proposées ne fonctionnent pas pour vous.

Dernières pensées

Le texte alternatif et le titre de l’image représentent la partie la plus importante de l’optimisation de l’image pour les moteurs de recherche. Non seulement ils améliorent l’expérience utilisateur, mais ils contribuent également grandement aux efforts de référencement globaux que vous investissez dans votre site Web. Maintenant que vous comprenez l’importance des métadonnées d’image et savez exactement comment les ajouter à vos images, anciennes et nouvelles, vous devez vous assurer qu’elles font partie de votre routine.

En parlant d’images, ce serait le bon moment pour vous rappeler que toutes les images que vous avez l’intention d’utiliser sur votre site Web ou votre blog doivent être des images de haute qualité en haute résolution. En outre, il est important que vos images correspondent au style de vos pages, ce qui inclut des tailles d’image appropriées et des fichiers pas trop lourds, car la dernière chose que vous voulez est un site Web à chargement lent.

Moyens Staff
Moyens I/O Staff vous a motivé, donner des conseils sur la technologie, le développement personnel, le style de vie et des stratégies qui vous aider.