Qu'est-ce que c'est, comment l'écrire et pourquoi c'est important pour le référencement

Aujourd'hui, près de 19 % des SERP de Google affichent des images. Cela signifie que, malgré tous vos efforts de référencement, vous pourriez encore manquer une autre source de trafic organique : les images de votre site Web.

Comment accéder à cette source de trafic ? Texte alternatif de l'image. Dans cet article, nous expliquerons comment rédiger le texte alternatif d'une image afin que vos images soient bien classées dans les moteurs de recherche et génèrent du trafic.

Table des matières

Que vous effectuiez ou non le référencement pour votre entreprise, l'optimisation du texte alternatif de l'image de votre site Web est votre ticket pour créer une meilleure expérience utilisateur pour vos visiteurs, quelle que soit la façon dont ils vous ont trouvé pour la première fois.

Pourquoi le texte alternatif de l'image est-il important ?

Le texte alternatif de l'image est important pour trois raisons : l'accessibilité, l'expérience utilisateur et le trafic d'images. Comprendre ces raisons vous aidera à rédiger un texte alternatif efficace pour toutes vos images. Plongeons dedans.

Accessibilité

En 1999, le W3C a publié ses Web Content Accessibility Guidelines 1.0 pour expliquer comment rendre le contenu plus accessible aux utilisateurs handicapés. L'une de ces lignes directrices était de «fournir des alternatives équivalentes au contenu auditif et visuel». Cela signifiait que toute page Web contenant des images (ou des films, des sons, des applets, etc.) devrait inclure des informations équivalentes à son contenu visuel ou auditif.

Avant tout, les alternatives textuelles descriptives au contenu auditif et visuel garantissent que tout le monde peut bénéficier du contenu que vous partagez, en particulier les personnes malvoyantes qui peuvent utiliser des lecteurs d'écran pour absorber le contenu d'une page Web. Une image sans description n'est pas utile pour quelqu'un qui utilise cette technologie et crée une mauvaise expérience utilisateur et, dans certains cas, une mauvaise perception de la marque.

Par exemple, disons qu'une page Web contient une image d'une flèche vers le haut qui renvoie à une table des matières. Un équivalent textuel pourrait être "Aller à la table des matières". Cela permettrait à un utilisateur disposant d'un lecteur d'écran ou d'une autre technologie d'assistance de comprendre le but de l'image sans la voir.

En d'autres termes, le texte alternatif permet de garantir que votre contenu visuel est accessible à tous les utilisateurs, quelle que soit leur capacité visuelle.

Expérience utilisateur

Le texte alternatif favorise l'accessibilité et offre une meilleure expérience utilisateur à tous les utilisateurs. Par exemple, supposons qu'un visiteur dispose d'une connexion à faible bande passante, de sorte que vos images ne se chargent pas. Au lieu de simplement voir une icône de lien rompu, ils verront également un texte alternatif pour glaner ce que l'image véhicule.

Par exemple, un utilisateur de votre site peut voir l'image de gauche. S'ils ne le peuvent pas, pour une raison quelconque, ils entendront ou verront le texte alternatif à droite. Cela aidera à fournir une meilleure expérience utilisateur que s'il n'y avait pas de texte alternatif.

Source des images

Trafic d'images

Une autre chose importante que le texte alternatif fait pour vous est de faire apparaître vos images dans les résultats de recherche, que ce soit dans Google Images ou sous forme de packs d'images. Les packs d'images sont des résultats spéciaux affichés sous la forme d'une rangée horizontale de liens d'images qui peuvent apparaître dans n'importe quelle position organique (y compris la première place sur un SERP, comme le montre l'exemple de l'intro).

Et, les images qui apparaissent dans les deux types de résultats de recherche sont encore une autre façon de recevoir des visiteurs organiques. Cela peut entraîner des milliers de visiteurs supplémentaires, du moins dans le cas de HubSpot.

À partir de 2018, l'équipe du blog HubSpot a mis en place une nouvelle stratégie de référencement qui, en partie, se concentrait davantage sur l'optimisation du texte alternatif des images. Cela a permis d'augmenter le trafic d'images du blog de 779 % en moins d'un an, ce qui a entraîné 160 000 vues organiques supplémentaires. Vous pouvez en savoir plus sur le succès de l'équipe dans cet article de blog.

Comment ajouter du texte alternatif à vos images

Dans la plupart des systèmes de gestion de contenu (CMS), cliquer sur une image dans le corps d'un article de blog produit une optimisation d'image ou un module de texte enrichi, où vous pouvez créer et modifier le texte alternatif de l'image.

Passons en revue les prochaines étapes pour CMS Hub et WordPress ci-dessous.

Comment ajouter du texte alternatif dans le CMS HubSpot

Dans HubSpot, une fois que vous avez cliqué sur une image et cliqué sur l'icône de modification (qui ressemble à un crayon), une fenêtre contextuelle d'optimisation d'image apparaît.

Voici à quoi ressemble cette fenêtre d'optimisation d'image dans le CMS de votre portail HubSpot :

Votre texte alternatif est ensuite automatiquement écrit dans le code source HTML de la page Web, où vous pouvez modifier davantage le texte alternatif de l'image si votre CMS ne dispose pas d'une fenêtre de texte alternatif facilement modifiable. Voici à quoi cette balise alt pourrait ressembler dans le code source d'un article :

Comment ajouter du texte alternatif dans le CMS WordPress

Dans WordPress, cliquer sur une image ouvrira automatiquement l'onglet Bloquer dans la barre latérale. Sous la section intitulée "Paramètres d'image", ajoutez le texte alternatif dans le champ vide.

Lorsque vous êtes prêt, cliquez sur Mettre à jour dans la barre d'outils en haut de votre écran.

La règle la plus importante du texte alternatif ? Soyez descriptif et précis. Gardez à l'esprit, cependant, que cette règle de texte alternatif peut perdre de sa valeur si votre texte alternatif ne tient pas également compte du contexte de l'image. Le texte alternatif peut manquer la cible de trois manières différentes. Considérez les exemples ci-dessous.

3 exemples de texte alternatif d'image (le bon et le mauvais)

1. Mot-clé vs détail

Mauvais texte alternatif

alt="HubSpot office wall Singapore inbound marketing workplace murals orange walls ship it"

Quel est le problème avec la ligne de texte alternatif ci-dessus ? Trop de références à HubSpot. L'utilisation de texte alternatif pour insérer des mots-clés dans des phrases fragmentées ajoute trop de peluches à l'image et pas assez de contexte. Ces mots-clés peuvent être importants pour l'éditeur, mais pas pour les robots d'indexation.

En fait, le texte alternatif ci-dessus rend difficile pour Google de comprendre comment l'image se rapporte au reste de la page Web ou de l'article sur lequel elle est publiée, empêchant l'image de se classer pour les mots-clés de longue traîne associés qui ont des niveaux d'intérêt plus élevés derrière eux.

Pire encore, Google inflige des pénalités pour le bourrage de mots clés.

Bon texte alternatif

Avec le mauvais texte alternatif (ci-dessus) à l'esprit, un meilleur texte alternatif pour cette image pourrait être :

alt="Orange mural that says 'ship it' on a wall at HubSpot's Singapore office"

2. Détail vs spécificité

Source des images

Mauvais texte alternatif

alt="Baseball player hitting a ball at a baseball field"

La ligne de texte alternatif ci-dessus suit techniquement la première règle du texte alternatif - soyez descriptif - mais ce n'est pas descriptif de la bonne manière. Oui, l'image ci-dessus montre un terrain de baseball et un joueur frappant une balle de baseball. Mais c'est aussi une photo de Fenway Park – et du n ° 34 des Red Sox, David Ortiz, en pointant un sur le champ droit. Ce sont des détails importants dont Google aurait besoin pour indexer correctement l'image si elle figure, par exemple, sur un article de blog sur les sports de Boston.

Bon texte alternatif

Avec le mauvais texte alternatif (ci-dessus) à l'esprit, un meilleur texte alternatif pour cette image pourrait être :

alt="David Ortiz of the Boston Red Sox batting from home plate at Fenway Park"

3. Spécificité vs contexte

Source des images

Les deux images ci-dessus ont un contexte clair qui peut nous aider à écrire un bon texte alternatif - l'une provient d'un bureau HubSpot et l'autre est Fenway Park. Mais que se passe-t-il si votre image n'a pas de contexte officiel (comme un nom de lieu) pour la décrire ?

C'est là que vous devrez utiliser le sujet de l'article ou de la page Web sur laquelle vous publiez l'image. Voici quelques mauvais et bons exemples de texte alternatif en fonction de la raison pour laquelle vous le publiez :

Pour un article sur la fréquentation d'une école de commerce

Mauvais texte alternatif

alt="Woman pointing to a person's computer screen"

La ligne de texte alternatif ci-dessus passerait normalement pour un texte alternatif décent, mais étant donné que notre objectif est de publier cette image avec un article sur la fréquentation d'une école de commerce, nous manquons de choix de mots clés qui pourraient aider Google à associer l'image avec certaines sections de l'article.

Bon texte alternatif

Avec le mauvais texte alternatif (ci-dessus) à l'esprit, un meilleur texte alternatif pour cette image pourrait être :

alt="Business school professor pointing to a student's computer screen"

Pour une page Web sur les logiciels éducatifs pour les enseignants des écoles de commerce

Mauvais texte alternatif

alt="Teacher pointing to a student's computer screen"

La ligne de texte alternatif ci-dessus est presque aussi descriptive et spécifique que le bon texte alternatif de l'exemple précédent, alors pourquoi ne suffit-il pas pour une page Web sur les logiciels éducatifs ? Cet exemple plonge encore plus profondément dans le sujet de l'école de commerce et précise que le public idéal pour cette page Web est les enseignants. Par conséquent, le texte alternatif de l'image doit refléter cela.

Bon texte alternatif

Avec le mauvais texte alternatif (ci-dessus) à l'esprit, un meilleur texte alternatif pour cette image pourrait être :

alt="Professor using education software to instruct a business school student"

Meilleures pratiques pour le texte alternatif d'image

En fin de compte, le texte alternatif de l'image doit être spécifique mais également représentatif du sujet de la page Web qu'il prend en charge. Vous avez l'idée jusqu'à présent? Voici quelques clés importantes pour écrire un texte alternatif d'image efficace :

• Décrivez l'image et soyez précis.
• Utilisez à la fois le sujet et le contexte de l'image pour vous guider.
• Ajoutez un contexte lié au sujet de la page.
• Si l'image ne présente pas de lieu ou de personne reconnaissable, ajoutez un contexte en fonction du contenu de la page.
• Par exemple, le texte alternatif d'une image d'une personne tapant sur un ordinateur pourrait être "Femme optimisant le site Web WordPress pour le référencement" ou "Femme recherchant des plateformes de blogs gratuites", selon le sujet de la page Web.
• Gardez votre texte alternatif inférieur à 125 caractères .
• Les outils de lecture d'écran arrêtent généralement de lire le texte alternatif à ce stade, coupant le texte alternatif interminable à des moments difficiles lors de la verbalisation de cette description pour les malvoyants.
• Ne commencez pas le texte alternatif par « photo de… » ou « Image de… ». Passez directement à la description de l'image.
• Les outils de lecture d'écran (et Google, d'ailleurs) l'identifieront comme une image du code source HTML de l'article.
• Utilisez vos mots-clés, mais avec parcimonie. N'incluez le mot-clé cible de votre article que s'il est facilement inclus dans votre texte alternatif. Si ce n'est pas le cas, envisagez des mots-clés sémantiques ou simplement les termes les plus importants d'un mot-clé de longue traîne. Par exemple, si le mot clé principal de votre article est "comment générer des prospects", vous pouvez utiliser "génération de prospects" dans votre texte alternatif, car "comment faire" peut être difficile à inclure naturellement dans le texte alternatif de l'image.
• N'entassez pas votre mot-clé dans le texte alternatif de chaque image. Si votre article de blog contient une série d'images corporelles, incluez votre mot-clé dans au moins une de ces images. Identifiez l'image qui vous semble la plus représentative de votre sujet et attribuez-lui votre mot-clé. Tenez-vous-en à des descriptions plus esthétiques dans les médias environnants.
• Vérifiez les fautes d'orthographe. Les mots mal orthographiés dans le texte alternatif de l'image peuvent nuire à l'expérience utilisateur ou perturber les moteurs de recherche qui explorent votre site. Vous devez réviser le texte alternatif comme vous le feriez pour tout autre contenu de la page.
• N'ajoutez pas de texte alternatif à chaque image. Vous devez ajouter du texte alternatif à la plupart des images d'une page Web pour des raisons de référencement, d'expérience utilisateur et d'accessibilité, mais il existe des exceptions. Les images purement décoratives ou décrites dans du texte à proximité, par exemple, doivent avoir un attribut alt vide. Pour une ventilation plus détaillée du moment où ajouter du texte alternatif et quand ne pas le faire, consultez cet arbre de décision.

Comment le texte alternatif affecte le référencement

Selon Google, le texte alternatif est utilisé - en combinaison avec des algorithmes de vision par ordinateur et le contenu de la page - pour comprendre le sujet des images.

Le texte alternatif aide donc Google à mieux comprendre non seulement de quoi parlent les images, mais aussi de quoi parle la page Web dans son ensemble. Cela peut aider à augmenter les chances que vos images apparaissent dans les résultats de recherche d'images.

Avec le déploiement par Google de Search Generative Experience (SGE), un texte alternatif de haute qualité et contextuel garantit que votre contenu est dans le mélange du nouvel instantané d'informations clés alimenté par l'IA.

Par exemple, Google note que son SGE peut offrir aux gens une expérience d'achat complète avec des options remarquables, des descriptions de produits, des prix et des images en un seul instantané. Si les images de vos produits ont un texte alternatif descriptif et spécifique, vous donnez aux moteurs de recherche le contexte pour savoir quand présenter votre produit comme un choix de haute qualité dans les résultats de quelqu'un.

Lorsque vous créez du contenu sur un sujet, réfléchissez à la façon dont votre public pourrait préférer trouver des réponses à ses questions sur ce sujet. Dans de nombreux cas, les chercheurs de Google ne veulent pas du résultat de recherche bleu classique avec un lien hypertexte - ils veulent que l'image elle-même soit intégrée à votre page Web.

Par exemple, un visiteur qui cherche comment supprimer les doublons dans Excel peut préférer une capture d'écran afin qu'il puisse comprendre comment effectuer la tâche en un coup d'œil.

Source des images

Étant donné que cette image a un texte alternatif optimisé, elle apparaît dans les résultats de recherche d'images pour le mot-clé long "comment supprimer les doublons dans Excel". Étant donné que l'article apparaît également dans les résultats de recherche Web pour le même mot clé, les visiteurs peuvent atterrir sur l'article de blog via ces deux canaux différents.

Ajouter du texte alternatif d'image à votre site Web

Alors, par où commencer lorsque vous développez du texte alternatif pour vos articles de blog et vos pages Web ? Envisagez d'effectuer un audit de base de votre contenu existant pour voir où vous pouvez incorporer du texte alternatif dans des images précédemment non balisées. Regardez comment votre trafic organique change parmi les pages auxquelles vous attribuez de nouvelles balises alt.

Plus vous optimisez d'images, meilleure sera votre stratégie de référencement.

Note de l'éditeur : cet article a été initialement publié en septembre 2018 et a été mis à jour pour plus d'exhaustivité.