le texte Alt (texte alternatif), également appelé « attributs alt », « descriptions alt » ou techniquement incorrectement « balises alt”, est utilisé dans un code HTML pour décrire l’apparence et la fonction d’une image sur une page.
le texte alternatif utilise:
1. Ajouter du texte alternatif aux photos est avant tout un principe d’accessibilité web. Les utilisateurs malvoyants utilisant des lecteurs d’écran recevront un attribut alt pour mieux comprendre une image sur la page.
2., Le texte alternatif sera affiché à la place d’une image si un fichier image ne peut pas être chargé.
3. Le texte alternatif fournit un meilleur contexte/descriptions d’image aux robots des moteurs de recherche, les aidant à indexer correctement une image.
Le texte en surbrillance indique le texte alternatif (attribut alt) de l’image à gauche.
le meilleur format pour le texte alt est suffisamment descriptif mais ne contient aucune tentative de spam de remplissage de mots clés., Si vous pouvez fermer les yeux, demander à quelqu’un de vous lire le texte alternatif et imaginer une version raisonnablement précise de l’image, vous êtes sur la bonne voie.
regardons quelques exemples de texte alt pour cette image d’un délicieux prospectifs pile de crêpes aux bleuets:
Ce texte n’est qu’un « bon » parce qu’il n’est pas très descriptif. Oui, c’est une image d’une pile de crêpes. Mais, il y a plus à dire sur cette image.,
Bon:
<img src="https://moz.com/learn/seo/pancakes.png" alt="Stack of blueberry pancakes with powdered sugar">
Ce texte est une meilleure alternative, car il est beaucoup plus descriptif de ce qui est dans l’image. Ce n’est pas seulement une pile de « crêpes » (comme le premier exemple de texte alt démontré); c’est une pile de crêpes aux myrtilles avec un saupoudrage de sucre en poudre!
<img src="https://moz.com/learn/seo/pancakes.png" alt="pancake pancakes pan cake hotcakes hotcake breakfast food best breakfast top breakfasts breakfast recipes pancake recipe">
aucun de ces exemples sont recommandés., La première ligne de code ne contient en fait aucun texte alternatif (notez que les guillemets sont vides), tandis que le deuxième exemple montre le remplissage de mots clés dans le texte alternatif.
pourquoi le texte alternatif est-il Important?
accessibilité
le texte alternatif est un principe de conception web accessible. Son but original (et toujours primaire) est de décrire des images aux visiteurs qui ne peuvent pas les voir. Cela inclut les lecteurs d’écran et les navigateurs qui bloquent les images, mais cela inclut également les utilisateurs malvoyants ou incapables d’identifier visuellement une image., L’inclusion de texte alternatif avec vos images garantit que tous les utilisateurs, quelle que soit leur capacité visuelle, peuvent apprécier le contenu de votre site.
Image SEO
L’utilisation de texte alternatif sur vos images peut améliorer l’expérience utilisateur, mais cela peut également vous aider à gagner des avantages SEO explicites et implicites. En plus de mettre en œuvre les meilleures pratiques de nommage des titres d’image et des fichiers, y compris le texte alternatif peut également contribuer au référencement des images.,
alors que la technologie de reconnaissance d’image des moteurs de recherche s’est considérablement améliorée au fil des ans, les robots de recherche ne peuvent toujours pas « voir » les images sur une page de site Web comme nous le pouvons, Il n’est donc pas sage de laisser l’interprétation uniquement entre leurs mains. S’ils ne comprennent pas ou ne se trompent pas, il est possible que vous puissiez vous classer pour des mots clés involontaires ou manquer complètement le classement.
Voici un exemple: Google pourrait voir L’image suivante et être capable de déchiffrer qu’il s’agit d’un homme portant une cravate et des lunettes, assis à un bureau.,
Jim Halpert du Bureau (version américaine)
Si vous essayez de classer pour « L’usurpation D’identité de Dwight Schrute par Jim Halpert, » cependant, vous devrez prêter au moteur de recherche un coup de main.
en ce sens, alt text vous offre une autre possibilité d’inclure votre mot-clé cible., Étant donné que l’utilisation des mots clés sur la page continue de peser en tant que facteur de classement des moteurs de recherche, il est dans votre intérêt de créer un texte alternatif qui décrit à la fois l’image et, si possible, inclut un mot-clé ou une phrase-clé que vous ciblez.
Comment écrire un bon texte alternatif?
Décrivez l’image aussi précisément que possible. Alt text est avant tout conçu pour fournir des explications textuelles d’images aux utilisateurs qui ne peuvent pas les voir. si une image ne transmet vraiment aucun sens / valeur et est juste là à des fins de conception, elle devrait vivre dans le CSS, pas HTML.,
le Garder (relativement) courte. Les lecteurs d’écran les plus populaires coupent le texte alternatif à environ 125 caractères, il est donc conseillé de le garder à ce nombre de caractères ou moins.
utilisez vos mots-clés Alt text vous offre une autre opportunité d’inclure votre mot-clé cible sur une page, et donc une autre opportunité de signaler aux moteurs de recherche que votre page est très pertinente pour une requête de recherche particulière., Bien que votre première priorité devrait être de décrire et de fournir un contexte à l’image, s’il est logique de le faire, incluez votre mot-clé dans le texte alternatif d’au moins une image sur la page.
Éviter le bourrage de mots clés. Google ne vous ancrera pas de points pour le texte alt mal écrit, mais vous aurez des problèmes si vous utilisez votre texte alt comme une occasion de farcir autant de mots clés pertinents que vous pouvez y penser. Concentrez-vous sur l’écriture d’un texte alternatif descriptif qui fournit un contexte à l’image et, si possible, inclut votre mot clé cible, et laissez-le là.
N’utilisez pas les images comme texte., Il s’agit moins d’une meilleure pratique spécifique au texte alternatif que d’un principe général de développement web SEO-friendly. Parce que les moteurs de recherche ne peuvent pas lire le texte dans vos images, vous devriez éviter d’utiliser des images à la place des mots. Si vous devez le faire, expliquez votre photo dit dans votre texte.
N’incluez pas « image DE », « image de », etc. dans votre texte. Il est déjà supposé que votre texte alternatif fait référence à une image, il n’est donc pas nécessaire de le spécifier.
N’oubliez pas longdesc= » ». Explorez l’utilisation de la balise longdesc= « » pour les images plus complexes nécessitant une description plus longue.,
Ne négligez pas les boutons de formulaire. Si un formulaire sur votre site web utilise une image comme bouton « Soumettre », donnez-lui un attribut alt. Boutons Image doit avoir un attribut alt qui décrit la fonction du bouton « recherche », « appliquer maintenant », « signer”, etc.
à quoi ressemble un bon texte alternatif?,3″>
OK texte alternatif: <img src="https://moz.com/learn/seo/kwe.png" alt="kw explorer">
meilleur texte alternatif: <img src="https://moz.com/learn/seo/kwe.png" alt="keyword research in Keyword Explorer">
meilleur texte alternatif: <img src="https://moz.com/learn/seo/kwe.png" alt="Moz Keyword Explorer tool for SEO keyword research">
continuez à apprendre
les directives de publication d’images de Google
facteurs de classement sur la page
méta description
mettez vos compétences à L’œuvre
l’optimisation de la page la section de MOZ Pro met en évidence les pages qui ne sont pas à la hauteur du potentiel de visibilité de la recherche complète (et inclut des choses comme si une page manque de texte alternatif)., Essayer >>
