Qu'est-ce qu'un texte alternatif pour les images de site Web ?

Introduction

Concevoir d'excellentes images dans le contenu de votre site Web est essentiel pour une présence en ligne réussie. Cependant, avoir des images de qualité ne suffit pas pour garantir que votre page générera le trafic, les ventes et les prospects attendus. Avec la refonte de l'interface utilisateur de recherche d'images par Google, vous devez optimiser vos photos pour obtenir les meilleurs résultats de référencement. Par conséquent, les moteurs de recherche les comprendront facilement, ce qui augmente la visibilité de votre site auprès de votre public cible. Il serait utile que vous utilisiez du texte alternatif sur vos images pour obtenir de meilleurs résultats sur les SERP.

Cet article vise à vous donner une explication détaillée de ce qu'est le texte alternatif et du processus pour l'ajouter à votre stratégie de référencement. Si vous vous demandez également quand une image doit avoir un texte alternatif nul, continuez à lire pour obtenir toutes les informations essentielles.

FAIT : Les images sont renvoyées pour 22,6 % des requêtes de recherche sur Google. De plus, 62 % des consommateurs de la génération Z et de la génération Y veulent la recherche visuelle plus que toute autre nouvelle technologie.

Qu'est-ce que le texte Alt pour les images ?

Le texte alternatif, également connu sous le nom d'attributs alternatifs ou de descriptions alternatives, est un élément HTML court d'environ 100 caractères attribué pour décrire les images de votre page Web. Il n'est pas toujours visible pour les visiteurs fréquents, mais il aide les robots des moteurs de recherche à comprendre la fonction et l'apparence de vos photos. De plus, vos images bénéficient d'une meilleure indexation qui améliore la visibilité de votre site.

De plus, le texte HTML de l'image alternative aide également à fournir un meilleur accès Web à vos utilisateurs malvoyants. Si un fichier image ne se charge pas sur votre page, la description alternative s'affiche à la place pour donner aux visiteurs une image complète de votre contenu. Voici à quoi cela ressemblerait en pratique :

Meilleures pratiques en matière de texte alternatif

Lorsque vous rédigez du texte alternatif pour vos images, vous devez respecter certaines bonnes pratiques, comme indiqué ci-dessous.

Utilisez des mots-clés dans vos descriptions alternatives

Chaque fois que vous utilisez des descriptions alternatives sur vos images, profitez-en pour indiquer des mots-clés dans votre contenu. Il facilite la communication avec les moteurs de recherche sur la pertinence de votre page pour une requête de recherche spécifique.

Si vous avez du mal à déterminer les mots-clés hautement pertinents et rentables à utiliser, le générateur de texte alternatif peut être d'une grande aide. Cela vous aide à connaître les bons termes à utiliser pour optimiser vos descriptions alternatives pour vos images. Cependant, notez que vous devez éviter de bourrer vos attributs alt avec tous les mots-clés générés. Cela se traduira par un texte alternatif mal conçu qui peut être pénalisé par Google. Par exemple, dans l'image ci-dessous, vous remarquerez que le bon exemple de texte alternatif explique facilement l'image. Cependant, l'exemple du bas ne va pas très loin dans l'explication de ce qu'est la photo. :

Gardez votre texte alternatif court

Il est recommandé d'utiliser un texte alternatif descriptif, mais vous devez éviter d'écrire un paragraphe entier pour décrire une image. Notez que la plupart des lecteurs d'écran capturent jusqu'à 125 caractères de l'attribut alt, garantissant ainsi que vous vous en tenez à un texte bref et concis.

Il serait préférable d'aller droit au but et de faire ressortir les caractéristiques les plus importantes de l'image lorsque les éléments sont trop nombreux. Les aspects essentiels doivent donner de nombreux détails aux moteurs de recherche, et les utilisateurs associeront la photo au contexte de votre page.

Par exemple, le texte alternatif ci-dessous est trop long lorsqu'il décrit deux chiens ;

• Alt = chien gris à gauche et chien noir aux longues oreilles à droite allongé sur le canapé avec couverture jaune

Une excellente description alternative serait la suivante ;

• Alt = chien gris et noir allongé sur le canapé

Aussi, évitez certaines descriptions qui seraient trop courtes de sorte qu'elles ne font pas ressortir un sens concis tel que;

• Alt = deux chiens

Testez votre SEO en 60 secondes !

Diib est l'un des meilleurs outils de référencement au monde. Diib utilise la puissance du Big Data pour vous aider à augmenter rapidement et facilement votre trafic et vos classements. Nous vous ferons même savoir si vous méritez déjà d'être mieux classé pour certains mots-clés.

• Outil de référencement automatisé facile à utiliser
• Surveillance des mots-clés et des backlinks + idées
• Vitesse, sécurité, + suivi Core Vitals

• Suggère intelligemment des idées pour améliorer le référencement
• Plus de 250 000 000 membres dans le monde
• Analyse comparative et analyse des concurrents intégrée

Par exemple « www.diib.com »

Inscription gratuite

Utilisé par plus de 250 000 entreprises et organisations :

• 
• 
• 
• 

Se synchronise avec

Être spécifique

Chaque fois que vous créez un texte alternatif, gardez à l'esprit que vous devez décrire l'image de votre page Web. Par conséquent, vous devez vous assurer qu'il est aussi spécifique que possible à l'image. L'objectif est de s'assurer que chaque chercheur comprendra immédiatement l'image même sans la voir. Lors de la conception de votre image alt text HTML, demandez-vous si vous comprendriez la pertinence de la description sans nécessairement voir l'image.

Par exemple, si vous avez l'intention de faire ressortir une photo de chiens jouant dans un parc, vous pouvez le faire comme suit ;

• Alt = chiens de berger allemands noirs mâles et femelles jouant dans le parc

La description donne une représentation claire et précise de ce que représente l'image.

En revanche, vous auriez tort de l'écrire ainsi ;

• Alt = chiens jouant sur l'herbe

Évitez d'écrire votre texte alternatif uniquement pour le référencement

Il est compréhensible de viser à améliorer la visibilité lors de la rédaction de vos descriptions alternatives. Cependant, ne vous concentrez pas uniquement sur l'amélioration du référencement, mais gardez également à l'esprit vos chercheurs. N'oubliez pas que votre attribut alt doit rester pertinent pour une image et un contenu de page spécifiques. Le texte alternatif est utilisé spécifiquement pour les malvoyants.

Encadré de citation : "Il y a 2 140 000 nombre total estimé de personnes vivant avec une perte de vision (2021) au Royaume-Uni" (Site Loss Data Tool, RNIB 2021)

Par conséquent, remplir votre texte alternatif de mots-clés finira par nuire au classement des moteurs de recherche au lieu d'améliorer vos efforts de référencement. Évitez également d'utiliser des mots-clés et des attributs alt similaires pour de nombreuses images, car les deux scénarios peuvent générer du spam.

Ne laissez pas de côté les boutons de formulaire

Si vous avez un formulaire sur votre site qui utilise une image comme bouton "soumettre", il serait préférable de lui donner un texte alternatif. Le bouton d'image est censé avoir une description alternative qui décrit sa fonction, telle que "postuler maintenant", "rechercher", "s'inscrire", parmi tant d'autres.

Ne pas inclure de spécifications supplémentaires

N'oubliez pas que les utilisateurs et les moteurs de recherche supposent que le texte alternatif fait référence à une image de votre site. Par conséquent, il n'est pas nécessaire d'ajouter d'autres spécifications dans vos attributs alt, telles que "image de", "image de", etc.

N'oubliez pas d'utiliser longdesc

Vous pouvez avoir des images plus complexes sur votre site Web, de sorte que vous avez besoin de descriptions plus longues. Dans un tel cas, n'oubliez pas d'utiliser longdesc = 'explore using the longdesc.' Voici un bon exemple de ce à quoi cela ressemblerait techniquement :

Évitez d'utiliser des images comme texte

Pour un développement Web optimisé pour le référencement, évitez d'utiliser des photos à la place des mots, car les moteurs de recherche ne liront pas le texte dans les images. Cependant, si vous devez, assurez-vous d'exposer ce que dit votre image dans votre attribut alt.

Comment fonctionne le texte alternatif

Gardez à l'esprit que les moteurs de recherche ne peuvent pas voir les images de la même manière que nous. Par conséquent, il serait utile que vous offriez de l'aide à Google pour vous assurer qu'il comprend de quoi parlent les photos. C'est l'une des raisons pour lesquelles il est crucial que vous nommiez vos images pour avoir une accessibilité au texte alternatif et des noms de fichiers pour aider les crawlers à "voir" les images sur votre page.

Comment ajouter du texte alternatif aux images

La majorité des CMS que vous pouvez utiliser pour concevoir et apporter vos modifications de texte alternatif sont simples. D'un simple clic sur une photo dans le corps du message, vous obtenez un module de texte enrichi ou une optimisation d'image pour concevoir l'attribut alt.

Cela varie également en fonction de la conception Web de votre page. Dans la plupart des cas, la plupart des sites vous fourniront une section dans laquelle vous entrez votre description alternative lorsqu'une photo est téléchargée. De plus, vous avez également la possibilité d'apporter des modifications supplémentaires à l'image téléchargée. Il est ensuite encodé sur votre page dans un format HTML de texte d'image.

Si vous utilisez la "fonction d'inspection" d'un navigateur, vous verrez le code HTML. Par exemple, lorsque vous utilisez Chrome, cliquez sur une photo sur la page Web et appuyez sur les fonctionnalités d'inspection du menu déroulant. Vous verrez alors apparaître une fenêtre avec la balise HTML du site indiquant 'alt = suivi de la description alt.'

Voici une illustration de la façon d'ajouter du texte alternatif sur différentes plates-formes ;

· Wordpress

Lorsque vous utilisez WordPress, le processus est simple. Accédez à la fenêtre de l'éditeur et appuyez sur une image. Vous verrez un champ sur les paramètres d'image pour votre "texte alternatif (texte alternatif)" pour créer ou apporter des modifications à votre description alternative.

Alternativement, vous pouvez aller dans la médiathèque et cliquer sur une image préférée. Vous verrez les options où vous pouvez modifier ou concevoir votre texte alternatif.

(Crédit image : wpbeginner)

· Wix

Wix a également intensifié ses efforts pour rendre la plateforme plus conviviale pour le référencement. Vous pouvez désormais ajouter des descriptions alternatives aux photos sur leur boutique et effectuer les modifications nécessaires.

Accédez à la fenêtre d'édition et appuyez sur l'image à laquelle vous souhaitez ajouter le texte alternatif. Dans les paramètres, vous verrez une option pour "qu'y a-t-il dans l'image ?" Dans cette zone, ajoutez votre description alternative. Voici cette page :

(Crédit image : wix.com)

· Magento

Magento est une autre plate-forme qui propose une procédure simple pour ajouter l'attribut alt.

Appuyez sur la section du catalogue pour choisir le produit préféré auquel vous souhaitez ajouter le texte alternatif. Ensuite, faites défiler jusqu'à la catégorie vidéos et images et cliquez sur une photo spécifique pour ajouter ou modifier la description alternative. Voici l'écran de texte alternatif de Magento :

(Crédit image : Magento)

· Shopify

L'utilisation de Shopify vous permet d'ajouter l'attribut alt aux images du produit et du thème.

Si vous souhaitez optimiser la description alternative sur les photos de produits, accédez à la section "produits", puis appuyez sur la liste d'articles que vous souhaitez modifier. Sur la page des détails de l'élément, appuyez sur l'élément multimédia et recherchez la page d'aperçu du média. Ensuite, ajoutez votre texte alternatif. Par exemple:

(Crédit image : de plus en plus)

Lorsque vous ajoutez l'attribut alt à vos images de thème, accédez à la section "boutique en ligne", recherchez "thèmes", puis appuyez sur pour personnaliser le thème de votre boutique. Vous verrez la section de menu sur le côté gauche où vous cliquez sur des blocs d'images et des photos individuelles. Vous verrez alors une zone de texte dans laquelle vous pourrez modifier ou ajouter votre description alternative.

Pourquoi le texte alternatif est-il essentiel pour un bon référencement ?

Maintenant que vous avez appris à ajouter du texte alternatif aux images, vous vous demandez peut-être pourquoi vous devez les utiliser sur votre site Web et à qui elles profitent. Les trois principaux groupes qui sont les premiers bénéficiaires des attributs alt sont ;

• Moteurs de recherche – Lorsque vous utilisez la description alternative, cela aide les moteurs de recherche à interpréter le sujet dans une image spécifique. Par conséquent, Google peut déterminer rapidement quand inclure votre photo dans les résultats de recherche pertinents, ce qui donne aux images de texte alternatif une plus grande probabilité d'être trouvées.
• Visiteurs malvoyants - L'utilisation de descriptions alternatives offre aux visiteurs malvoyants un substitut aux images. Par conséquent, il permet aux utilisateurs d'utiliser des programmes qui lisent le texte à haute voix pour comprendre ce que les photos ajoutent à votre contenu.

Par exemple, si ces personnes naviguent sur un site Web qui utilise des images de navigation, il sera difficile de comprendre les différentes catégories. Cependant, si les photos contiennent des attributs alternatifs, elles peuvent se déplacer sur l'ensemble du site.

• Marketeurs - lorsque vous utilisez des descriptions alternatives sur vos images, votre page a de meilleures chances d'obtenir un meilleur classement dans les résultats de recherche. En conséquence, votre site obtient plus de trafic sur Google, grâce à l'optimisation.

Il vous aide à améliorer la notoriété de votre marque, en particulier lorsque vos images contiennent le nom de votre entreprise. De plus, plus votre page est élevée dans les résultats de recherche, plus les gens cliqueront sur les résultats de l'image pour visiter votre site Web.

FAITS :

• Dan Morgan de WebSpection a obtenu qu'une de ses photos se classe n°1 dans Google Images pour la « meilleure personne de Cardiff » en moins de quatre jours en optimisant son image.
• Et Robbie Richards a généré 150 732 visites en ajoutant des balises alt d'image, en compressant des images et quelques autres astuces SEO.

—Journal des moteurs de recherche

Principales raisons pour lesquelles le texte alternatif est vital pour votre site Web

• Pour améliorer l'accessibilité : notez que la plupart des chercheurs sont généralement malvoyants ; ainsi, ils utilisent des lecteurs d'écran tout en consommant du contenu en ligne. Les descriptions alternatives sont censées décrire différentes images de votre page aux visiteurs qui ne peuvent pas les voir. Si vous n'utilisez pas les attributs de texte alternatif sur vos images, les utilisateurs ne peuvent pas comprendre le contenu de votre page. Les lecteurs d'écran finissent par ignorer ces photos ou même par lire des noms de fichiers longs et inutiles.
• Pour améliorer la pertinence thématique : pour que Google comprenne le contenu de votre page, il examine les différents termes utilisés. D'autre part, lorsque vous incluez des images dans votre site, les moteurs de recherche ne peuvent pas comprendre son objectif. Par conséquent, vous devez avoir un attribut alt car le contexte peut être "verrouillé" dans les images.
• Pour vous aider à vous classer dans Google Images : l'utilisation du texte alternatif aide également votre page à se classer plus haut dans le moteur de recherche d'images Google. En outre, les gens la placent de plus en plus avant d'autres plates-formes telles que Bing et YouTube lorsqu'ils recherchent des photos.
• Pour servir de textes d'ancrage pour les liens d'image : dans de nombreux sites, les textes d'ancrage relient une page à une autre. Les moteurs de recherche les utilisent pour mieux comprendre votre site Web et ce qu'il implique. Vous pouvez également utiliser les attributs alt pour atteindre le même objectif.
• Quand une image doit-elle avoir un texte alternatif nul : Il est recommandé de s'assurer que vous incluez toujours l'attribut alt sur vos images pour un meilleur classement sur les moteurs de recherche. En même temps, vous vous demandez peut-être quand une image doit avoir un texte alternatif nul.

Vous n'êtes pas obligé d'utiliser du texte alternatif dans certains cas, en particulier lorsque l'image ne contient pas de détails vitaux ou est utilisée à des fins décoratives.

Par exemple, si votre site Web utilise des icônes pour séparer différentes sections de contenu, les images sont destinées à rendre votre page plus jolie. Par conséquent, il n'est pas nécessaire d'ajouter du texte alternatif car cela peut finir par ennuyer les utilisateurs avec des lecteurs d'écran, et cela n'ajoutera pas de valeur SEO à votre page.

De plus, les images de stock et génériques n'ont pas besoin d'accessibilité au texte alternatif. De plus, en insérer un ne serait pas utile pour les lecteurs malvoyants.

Nous espérons que vous avez trouvé cet article utile.

Si vous souhaitez en savoir plus sur la santé de votre site, obtenir des recommandations et des alertes personnalisées, analysez votre site Web par Diib. Cela ne prend que 60 secondes.

Entrez votre site Web

Par exemple « www.diib.com »

Inscription gratuite

J'ai trouvé Diib très utile pour démystifier les données de Google Analytics, ce qui peut être accablant. Le service parcourt vos données et trouve les domaines où vous pouvez vous améliorer - même si vous étiez un expert, cela vous ferait gagner du temps. Pour moi, cela signifie que les données collectées par Google Analytics deviennent exploitables pour que je puisse m'améliorer, plutôt que simplement intéressantes.

Nick Colebatch
Fourniture de couverture de VR

Comment vous pouvez trouver et résoudre les problèmes avec le texte alternatif

Si vous souhaitez obtenir de meilleurs résultats avec le texte alternatif, il vous sera utile d'effectuer un audit sur les pages avec du trafic pour apporter les améliorations nécessaires. Voici la procédure que vous pouvez utiliser pour faire le dépouillement;

Trouver les pages les plus visitées

Tout d'abord, commencez par faire une vérification approfondie pour connaître vos pages les plus visitées de manière organique par votre public. Vous pouvez passer par différentes plateformes telles que Google Search Console, Google Analytics, ou le rapport dans les 'top pages' sur l'explorateur de site Ahrefs.

Auditez vos descriptions alternatives

Lorsque vous effectuez un audit sur vos descriptions alternatives, vous pouvez utiliser l'extension Alt Text Tester Chrome. Commencez par installer l'outil gratuit, puis chargez la page avec le plus de trafic et activez l'extension. Voici à quoi cela ressemble :

Chaque fois que vous survolez une photo, vous verrez la description alternative affichée sur la plateforme. Si l'attribut alt est manquant, il doit afficher un avertissement sous la forme "texte alt manquant".

Pour tous les textes alternatifs de votre contenu, parcourez-en plusieurs dans vos images. Après quelques vérifications, l'outil vous aide à déterminer si vos photos sont mal ou bien optimisées ou pas du tout.

Répétez pour plus de pages

Le dernier processus devrait consister à répéter la même procédure pour les pages qui ont généré le plus de trafic. Le processus devrait vous donner une idée de si l'optimisation de votre description alt est excellente ou nécessite quelques améliorations.

Diib : fournir des statistiques et une surveillance du texte alternatif !

En tant que propriétaire de site Web, l'ajout de descriptions alternatives est simple, quelle que soit la plate-forme Web que vous utilisez. Gardez également à l'esprit que toutes les images de votre page ne nécessitent pas de texte alternatif, car elles n'auraient aucun sens pour les moteurs de recherche ou les personnes malvoyantes. Le tableau de bord utilisateur Diib analyse tous les textes alternatifs de votre site Web et de votre profil Facebook, vous donnant des informations exploitables pour l'amélioration. Voici quelques-unes des fonctionnalités que nous savons que vous allez adorer :

• Alertes personnalisées, qui vous tiennent informé de la santé de votre site Web et de toute modification des algorithmes de Google pouvant affecter vos modèles de trafic.
• Objectifs avec des suggestions personnalisées sur les moyens d'améliorer la santé de votre site Web et le trafic organique.
• Un aperçu non seulement de la santé de votre propre texte alternatif, mais aussi de celle de vos principaux concurrents.
• Synchronisez votre profil Facebook pour vous donner un aperçu des spécificités de votre campagne sur les réseaux sociaux. Des éléments tels que les performances des publications individuelles, les données démographiques des utilisateurs, le meilleur moment de la journée pour publier et les conversions.
• Fournissez une session collaborative mensuelle avec un expert en croissance Diib qui peut vous aider à affiner vos efforts de référencement et vous guider vers la croissance et le succès de Shopify.

Appelez aujourd'hui au 800-303-3510 ou cliquez ici pour obtenir votre analyse gratuite de 60 sites Web et en savoir plus sur vos forces et vos faiblesses en matière de référencement.