Si vous consacrez du temps à optimiser le contenu, les titres, les sous-titres et les méta-descriptions de votre blog ou de votre site web pour les moteurs de recherche, l'image suivante devrait vous interpeller :
Aujourd'hui, les pages de résultats de recherche (SERP) de Google affichent autant d'images que de résultats textuels. La capture d'écran ci-dessus est la première SERP générée par Google pour la requête « conception de newsletter électronique ». Remarquez qu'en plus de l'onglet « Images » en haut de la page, Google propose un ensemble d'images dès le début de la page d'accueil, sur lesquelles vous pouvez cliquer avant même que les résultats textuels ne soient visibles.
Malgré vos efforts en matière de référencement, vous pourriez passer à côté d'une autre source de trafic organique : les images de votre site web. Comment les optimiser ? Grâce au texte alternatif (attribut alt).
De plus en plus, les entreprises et les éditeurs exigent des images pour accompagner leurs textes. Si vous écrivez sur la photographie, par exemple, les exemples sont essentiels à la compréhension du lecteur. Pour expliquer l'utilisation d'un logiciel, les captures d'écran sont le meilleur moyen de faciliter la compréhension.
Si vous créez du contenu sur un sujet nécessitant un support visuel, tenez compte des préférences d'apprentissage de votre public. Bien souvent, les utilisateurs de Google ne recherchent pas le lien hypertexte classique, mais plutôt l'image explicative elle-même.
L'un des avantages les plus importants du texte alternatif des images est de transformer vos images en résultats de recherche, vous offrant ainsi une autre façon d'attirer des visiteurs organiques.
Également appelée « balise alt », l'attribut texte alternatif (ou texte alternatif) est un attribut HTML qui décrit une image. Il permet aux moteurs de recherche de mieux indexer et référencer votre site web, et aide également les logiciels de lecture d'écran à décrire les images aux utilisateurs malvoyants.
Que vous ayez déjà mis en place des stratégies de référencement pour votre entreprise ou non, l'optimisation du texte alternatif de votre site est l'occasion idéale de créer une meilleure expérience utilisateur, quelle que soit la manière dont les utilisateurs y sont arrivés.
À quoi sert l'attribut alt en HTML ?
L'attribut alt présente notamment les avantages suivants :
- Cela permet aux moteurs de recherche de comprendre facilement le contenu d'une image.
- Cela facilite le référencement naturel grâce à l'utilisation de mots-clés.
- Il fournit des informations aux logiciels de lecture utilisés par les utilisateurs malvoyants.
- Elle fournit une description de l'image lorsqu'une page ne se charge pas correctement.
Comment ajouter un texte alternatif à vos images
Dans la plupart des systèmes de gestion de contenu (CMS ou CSystème de gestion de contenu), si vous cliquez sur une image, vous pouvez l'optimiser ou un module de texte enrichi apparaîtra, dans lequel vous pourrez créer et modifier le texte alternatif.
Votre texte alternatif est automatiquement intégré au code HTML de la page web. Vous pouvez le modifier ultérieurement si votre système de gestion de contenu ne propose pas d'interface d'édition conviviale. Voici à quoi ressemblerait cette balise alt dans le code source d'un article :
Connaissez-vous la règle d'or du texte alternatif ? Soyez descriptif et précis. Toutefois, n'oubliez pas que cette règle ne suffit pas si votre texte alternatif ne contient pas le contexte de l'image. Consultez les exemples ci-dessous pour savoir ce qui est recommandé et ce qui ne l'est pas.
3 exemples de texte alternatif pour images (avec des réussites et des échecs)
1. Mots clés vs. détails
Texte alternatif incorrect
alt="Mur mural des bureaux de HubSpot Singapour, espace de travail dédié au marketing entrant, fresque orange 'Ship It'"
Quel est le problème avec ce texte alternatif ? Il contient trop de références à HubSpot. Utiliser le texte alternatif pour insérer des mots-clés dans des phrases décousues ajoute trop de superflu et manque de contexte. Ces mots-clés sont peut-être importants pour l'éditeur, mais pas pour Google.
En réalité, le texte alternatif ci-dessus empêche Google de comprendre le lien entre l'image et le reste de la page web ou l'article dans lequel elle est publiée, ce qui l'empêche de se positionner correctement pour les mots clés de longue traîne les plus pertinents.
Texte alternatif correct
Un texte alternatif plus approprié pour cette image pourrait être :
alt="Fresque orange avec l'inscription « expédiez-le » sur un mur des bureaux de HubSpot à Singapour"
2. Détail vs. Spécificité
Image de Winslow Townson
Texte alternatif incorrect
alt="Joueur de baseball frappant une balle sur un terrain de baseball"
Ce texte alternatif respecte la première règle, car il est descriptif, mais pas de la bonne manière. Bien que l'image ci-dessus montre un terrain de baseball et un joueur frappant une balle, il s'agit en réalité de David Ortiz, des Red Sox, au Fenway Park, envoyant une balle par-dessus le champ droit. Ce sont des détails importants dont Google aurait besoin pour indexer correctement l'image si elle figurait, par exemple, dans un article sur le sport à Boston.
3. Spécificité vs. contexte
Image via UCLA
Les deux images ci-dessus ont un contexte clair, utile pour créer un bon texte alternatif : l’une représente un bureau de HubSpot et l’autre le Fenway Park, mais que faire si votre image n’a pas de contexte officiel (comme un nom de lieu) pour la décrire ?
C'est ici que vous devez respecter le thème de l'article ou de la page web où vous publiez l'image. Voici quelques exemples d'approches correctes et incorrectes selon le but de la publication.
Pour un article sur les études en école de commerce
Texte alternatif incorrect
alt="Femme pointant du doigt l'écran d'ordinateur d'une personne"
Ce texte alternatif pourrait être acceptable, mais comme votre objectif est de publier cette image dans un article sur les études en école de commerce, vous omettez plusieurs mots-clés qui pourraient aider Google à associer l'image à certaines sections de l'article.
Texte alternatif approprié
Un texte alternatif plus approprié pour cette image pourrait être :
alt="Un professeur d'école de commerce désigne l'écran d'ordinateur d'un étudiant"
Pour un site web sur les logiciels éducatifs destinés aux enseignants de commerce
Texte alternatif incorrect
alt="L'enseignant désigne l'écran d'ordinateur d'un élève"
Ce texte alternatif est presque aussi descriptif et précis que l'exemple précédent ; alors pourquoi n'est-il pas optimal pour un site web consacré aux logiciels éducatifs ? Cet exemple approfondit encore davantage le sujet des écoles de commerce et précise que les enseignants constituent leur public cible. Par conséquent, le texte alternatif de l'image devrait refléter cela.
Texte alternatif correct
Un meilleur texte alternatif pour cette image est :
alt="Un professeur utilise un logiciel éducatif pour enseigner à un étudiant en école de commerce"
Meilleures pratiques pour la création d'un texte alternatif
En définitive, le texte alternatif doit être précis et représentatif du sujet de la page web qu'il accompagne visuellement.
Voici quelques points clés pour vous aider à rédiger le meilleur texte alternatif dans le cadre de votre stratégie SEO :
- Décrivez l'image et soyez précis. Utilisez le thème et le contexte de l'image comme guide.
- Limitez le texte alternatif à 125 caractères. Le logiciel de synthèse vocale tronque le texte alternatif après un certain nombre de caractères. S'il est plus long, sa lecture à voix haute pour les utilisateurs malvoyants devient difficile.
- Ne commencez pas par « Image de ». Décrivez-la directement, car Google et les logiciels de lecture d'images savent déjà qu'il s'agit d'une image grâce au code HTML.
- Utilisez vos mots-clés, mais avec modération. N'intégrez le mot-clé principal de votre article dans le texte alternatif que s'il s'intègre naturellement au texte. Sinon, utilisez des mots-clés sémantiques ou les termes les plus pertinents d'une expression 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 le texte alternatif.
- N'insérez pas de force votre mot-clé dans le texte alternatif de chaque image. Si vous avez ajouté plusieurs images au corps du texte, intégrez votre mot-clé dans au moins l'une d'entre elles, de préférence celle que vous jugez la plus représentative. Rédigez des descriptions claires et attrayantes pour les images secondaires.
Plus vous optimiserez d'images, plus vous constaterez de progrès dans votre stratégie SEO !
Cet article a été initialement publié dans «blog.hubspot.esVous pouvez lire l'article original. ici.
