Texte alternatif : pourquoi c'est important et les meilleures pratiques qui peuvent améliorer votre référencement

Qu'est-ce que le texte alternatif ?

Le texte alternatif est la copie qui sert d'alternative à une image pour ceux qui ne peuvent pas la voir. Vous pouvez voir le texte alternatif d'une image si elle ne se charge pas sur une page. Pour les visiteurs malvoyants utilisant des lecteurs d'écran, le texte alternatif fournit un contexte pour les images dans le contenu en ligne.

De même, comme les moteurs de recherche ne peuvent pas littéralement « voir » les informations visuelles, le texte alternatif attaché aux images fournit des informations importantes sur ce que contient l'image et comment elle s'intègre dans le contexte du reste de la page.

Si vous regardez le code source d'une page Web, vous verrez un texte alternatif inclus dans le code HTML comme ceci :

 <img src=“image.jpg” alt=“image description”>

Pourquoi le texte alternatif est-il important ?

D'un point de vue fonctionnel, les balises alt améliorent l'accessibilité pour les personnes qui ne peuvent pas voir les images sur les pages Web. L'accessibilité est importante pour Google, car elle garantit une expérience utilisateur positive pour tous.

Du point de vue du référencement, le texte alternatif est important car Google l'utilise avec le contenu d'une page pour comprendre de quoi parle l'image. Si vous utilisez une image comme lien, le texte alternatif fonctionnera comme texte d'ancrage, un facteur important dans les classements de recherche.

Texte alternatif et référencement

Maintenant que j'ai expliqué pourquoi le texte alternatif est important pour les internautes et les moteurs de recherche, examinons plus en détail comment utiliser le texte alternatif dans le cadre de votre stratégie d'optimisation d'image SEO.

Google accorde beaucoup d'importance au texte alternatif. Non seulement il utilise le texte alternatif d'une image pour déterminer ce qu'il y a sur la page, mais aussi comment il se rapporte au texte environnant.

Dans leur article sur les meilleures pratiques en matière d'images Google, ils vont jusqu'à impliquer que l'ajout de texte alternatif à l'image peut améliorer vos taux de conversion à partir du trafic organique.

"En ajoutant plus de contexte autour des images, les résultats peuvent devenir beaucoup plus utiles, ce qui peut conduire à un trafic de meilleure qualité vers votre site."

Google Search Central – Consignes spécifiques au contenu

Meilleures pratiques en matière de texte alternatif - 5 choses à retenir

Lors de la création de texte alternatif, concentrez-vous sur la création d'un contenu utile et informatif qui utilise les mots-clés de manière appropriée et correspond au contenu de la page. Bien qu'il soit acceptable d'écrire des balises alt optimisées pour la recherche, n'oubliez pas qu'elles sont avant tout destinées à être utiles aux utilisateurs malvoyants.

Voici quelques lignes directrices pour vous aider à créer un texte alternatif optimisé pour le référencement pour les images qui sont tout aussi utiles aux utilisateurs qu'aux moteurs de recherche.

1. Être spécifique

Mon meilleur conseil pour écrire du texte alternatif d'image est d'imaginer comment vous le décririez brièvement à quelqu'un au téléphone. Quelques mots peuvent suffire, ou vous pourriez avoir besoin d'une phrase complète. La plupart des lecteurs d'écran coupent le texte alternatif à environ 125 caractères, donc rien de plus ne sera utile à l'utilisateur.

2. Évitez de commencer une balise Alt avec une introduction

Puisque vous travaillez dans une limite de caractères spécifique, vous ne voulez pas perdre d'espace précieux (et de temps utilisateur) et présenter chaque image en l'identifiant comme telle.

Par exemple, il n'est pas nécessaire de commencer votre balise alt par des phrases comme celles-ci :

• Ceci est une photo d'un
• Cette image montre
• Voici une capture d'écran de

3. Incorporez des mots-clés mais évitez le bourrage de mots-clés

Utilisez un mot-clé dans votre texte alternatif s'il est pertinent. Le bourrage de mots-clés dans vos balises alt crée une expérience utilisateur négative. Par exemple, si ma page a un graphique à secteurs qui montre les types les plus courants d'extraits de code sur un article de blog optimisé pour "comment obtenir des extraits de code". Je pourrais écrire une balise alt qui dit: "Graphique circulaire des types d' extraits de code courants".

Mais un « graphique circulaire des types d' extraits de code courants pour vous aider à savoir comment obtenir des extraits de code » serait considéré comme un bourrage de mots clés.

4. Ne répétez pas le contenu

Étant donné que le but du texte alternatif est de fournir une copie numérique des informations visuelles, vous n'avez pas besoin de répéter le contenu existant dans une balise alt.

Par exemple, si vous avez une infographie qui illustre les étapes pour changer un pneu et que le contenu de votre message répertorie ces étapes et les explique, il n'est pas nécessaire de répéter les mêmes informations dans votre balise alt.

S'il y a du texte dans votre image, devriez-vous l'inclure dans la balise alt ?

Ça dépend. Étant donné que ni Google ni un lecteur d'écran ne peuvent décoder le texte d'une image, l'inclusion ou non dans votre balise alt dépendra de l'importance de ce texte pour les informations de la page.

Voici quelques exemples :

• le titre d'une couverture de livre.
• le titre sur une infographie.
• noms de marque pertinents

5. N'utilisez pas de descriptions alternatives pour les graphiques décoratifs

Selon les directives pour l'accessibilité des contenus Web (WCAG), une image est « décorative » si elle n'a aucune fonction au-delà de son apparence.

N'incluez pas de texte alternatif si une image est purement décorative, comme un séparateur graphique ou une image d'arrière-plan. Étant donné que l'image ne fournit aucune information précieuse, inclure sa description dans le texte alternatif "encombrerait" l'expérience de lecture d'écran.

Exemples de bon et de mauvais texte alternatif

N'oubliez pas que votre texte alternatif n'a pas besoin d'être long. Rendez-le simplement aussi détaillé et descriptif que nécessaire pour le bénéfice des utilisateurs. Sur la base des meilleures pratiques de texte alternatif que j'ai décrites ci-dessus, voici quelques bons et moins bons exemples de texte alternatif pour les images.

Mauvais : C'est une photo d'une fille.

Bon : Jeune fille assise sur un lit à la maison à l'aide d'une tablette numérique.

Mauvais : tailleur

Bon : Tailleur professionnel utilisant un ruban à mesurer tout en modifiant une veste dans son atelier.

Mauvais : diagramme circulaire.

Bon : graphique à secteurs des extraits de code les plus courants. 70 % de paragraphes, 19,1 % de listes, 6,3 % de tableaux et 4,6 % de vidéos.

Avec les graphiques et les diagrammes, incluez toujours un lien vers la source de données dans le corps du texte. Si vous ajoutez uniquement une citation à l'image, les utilisateurs malvoyants ne peuvent pas accéder à plus de données.

Les diagrammes et les graphiques peuvent parfois nécessiter une longue description.

Bien qu'il soit important d'écrire un excellent texte alternatif, ce n'est qu'une partie d'une stratégie d'optimisation d'image SEO plus large. Plongeons-nous dans quelques-unes des autres façons dont vous pouvez vous assurer que les images de votre contenu aident et ne nuisent pas à vos performances globales de référencement.

5 façons de booster l'optimisation de votre image SEO  

1. Utilisez des mots-clés dans les noms d'images

Peu importe le nom que vous donnez à vos fichiers image ! En ce qui concerne la façon de nommer les images pour le référencement, vous souhaitez suivre une partie de la même logique que vous suivez pour les balises alt. Les noms de vos fichiers image doivent être pertinents, descriptifs et inclure un mot-clé.

Lorsque vous nommez des images pour le référencement, incluez votre mot-clé au début du nom de votre fichier image et séparez les mots par des tirets (-). Par exemple, pour l'exemple de graphique à secteurs que j'ai inclus ci-dessus, certains noms de fichiers possibles pourraient être :

• camembert.png
  Ce nom de fichier n'est pas assez descriptif et ne contient pas de mot-clé.
• extraits-en-vedette-types-pie-chart.png
  Ce nom de fichier est précédé d'un mot-clé et est descriptif. Google peut différencier les mots dans le nom du fichier car des traits d'union les séparent.

2. Utilisez le "bon" format

Il n'existe pas de format universellement correct pour les images que vous utilisez sur votre site Web. Le format que vous choisissez dépend du type d'image et de la manière dont vous souhaitez l'utiliser.

Voici quelques lignes directrices :

• Les JPEG sont les meilleurs pour les images plus grandes afin de maintenir la clarté. Dans ce cas, "plus grand" signifie par dimension, pas par taille de fichier, ce qui est une considération différente dont je parlerai ci-dessous.
• Les PNG vous permettront de conserver la transparence de l'arrière-plan.
• Scalable Vector Graphics (SVG) est un format d'image relativement nouveau introduit en 2001 qui reste net et clair à n'importe quelle résolution ou dimension. Les SVG peuvent être animés et, comme les PNG, préservent la transparence de l'arrière-plan.

3. Redimensionnez correctement vos images

Tout d'abord, je tiens à clarifier la différence entre la taille de l'image et la taille du fichier. La taille d'une image fait référence à ses dimensions - par exemple, 1024 x 680 pixels. La taille d'un fichier fait référence à la quantité d'espace nécessaire pour le stocker sur un serveur - par exemple, 5000 kilo-octets. Le premier concerne l'espace occupé par une image sur une page, et le second concerne le temps de chargement.

Les images avec une résolution élevée et de grandes dimensions contiennent beaucoup d'informations visuelles, ce qui signifie qu'elles ont une taille de fichier importante et peuvent ralentir les temps de chargement de votre page.

Rappelles toi:

Assurez-vous de redimensionner vos images avant de les télécharger. La mise à l'échelle de l'image avec l'option de taille d'affichage dans un CMS (comme WordPress) n'améliorera pas le temps de chargement de la page car l'image en taille réelle doit encore être chargée avant que la taille d'affichage ne soit rendue sur la page.

4. Utilisez des légendes

Théoriquement, les légendes d'images pourraient avoir un impact sur le référencement si elles contiennent des mots-clés, mais je déconseille de les optimiser spécifiquement pour la recherche organique. Bien que l'utilisation d'un mot-clé dans le nom de fichier et le texte alternatif d'une image ait un impact direct sur sa facilité de recherche dans la recherche, les légendes d'image n'ont pas la même fonction. L'ajout de mots-clés aux légendes des images peut entraîner une sur-optimisation et nuire à votre classement plus qu'il ne l'aide.

Au lieu de cela, affichez les légendes des images à travers l'objectif de créer une expérience utilisateur positive. Comme les en-têtes, les listes à puces, le texte en surbrillance et le gras, les légendes d'image améliorent la numérisation sur une page. Nous savons tous que les gens ont tendance à parcourir le contenu qu'ils lisent en ligne, donc offrir des panneaux de signalisation en cours de route les aide à absorber les informations que vous partagez.

La légende raconte que l'icône de la publicité David Ogilvy a commandé des recherches sur l'inclusion d'images dans la copie. L'un des truismes* qu'il a partagé et qui résonne encore aujourd'hui chez les spécialistes du marketing est :

Si vous n'utilisez pas de légendes avec vos images, vous risquez de manquer une occasion d'engager les lecteurs.

* J'appelle cela un "truisme" parce que je ne pouvais pas retracer le chemin vers la source de données d'origine, donc je ne peux pas le citer comme un fait.

5. Ajouter du texte alternatif

L'ajout de texte alternatif à vos images est important pour l'accessibilité et le référencement. Pas convaincu? Vous voudrez peut-être revoir "Pourquoi le texte alternatif est-il important".

Qu'en est-il des balises de titre d'image ?

Un titre d'image est un attribut supplémentaire qui peut fournir des informations sur une image.

L'attribut de titre d'une image peut générer une info-bulle pour les utilisateurs voyants, mais les lecteurs d'écran ignoreront ce texte. En tant que tel, n'isolez pas d'informations importantes dans les titres des images. Les visiteurs malvoyants n'y auront pas accès.

Outils gratuits pour l'optimisation des images SEO

Voici quelques outils gratuits pour vous aider à optimiser vos images pour le référencement.

Outils d'optimisation d'image

Une recherche rapide sur Google révélera une multitude d'outils gratuits d'optimisation d'image. Voici quelques un de mes préférés:

• Optimiseur JPEG
• Photo d'affinité
• Pixlr
• Kraken (compression en masse)
• Optimizilla

Plug-ins WordPress pour l'optimisation des images

• Yoast SEO
• CourtPixel
• Optimiseur d'image EWWW
• WP Smush
• TinyPNG

Test de vitesse de charge

Il n'y a qu'un seul outil que je recommande pour tester la vitesse de chargement de vos pages après avoir optimisé vos images. Google PageSpeed ​​Insights analysera la vitesse de chargement des appareils mobiles et de bureau, vous donnera un score de performance et identifiera les opportunités d'amélioration. (Vous ne savez pas pourquoi la vitesse de la page est importante ? Renseignez-vous sur Google Ranking Factors et découvrez les éléments les plus importants pour atteindre le sommet des résultats de recherche.)

Obtenez de l'aide pour l'optimisation des images SEO

L'utilisation de texte alternatif et l'optimisation de vos images pour la recherche représentent une opportunité de référencement que beaucoup de vos concurrents manquent. Bien qu'il y ait de nombreuses variables à prendre en compte lorsque vous envisagez d'exploiter la puissance de la recherche d'images, vous n'avez pas à faire cavalier seul. Lorsque vous planifiez une consultation SEO gratuite, renseignez-vous sur les opportunités d'optimisation d'image pour votre site Web.