Accessibilité des medias
Verifie les textes alternatifs sur les images et les sous-titres sur les videos. Les medias accessibles aident les moteurs d'IA a comprendre et a citer votre contenu visuel.
Pourquoi c'est important pour la visibilité IA
Comment nous le mesurons
Comment s'améliorer
- 1
Ajoutez un texte alternatif descriptif à chaque image de contenu
Décrivez ce que montre réellement l'image, pas "image1.jpg" ni le nom d'un fichier. Pour les images produit, incluez le nom du produit, la couleur et les détails visuels clés. Pour les diagrammes, décrivez la structure et les relations. Visez une couverture de texte alternatif de 95 % ou plus sur toutes les images non décoratives pour obtenir le maximum de points sur les images.
- 2
Marquez correctement les images décoratives
Pour les espaces, les icônes et les éléments purement décoratifs, ajoutez `role="presentation"` ou `aria-hidden="true"` afin que l'analyseur les exclue de l'audit. Vous pouvez aussi utiliser `alt=""` (alt vide, et non un attribut alt manquant) pour les images décoratives. Cela évite que les images décoratives fassent baisser votre pourcentage de couverture.
- 3
Ajoutez un figcaption à chaque élément figure
Si vous enveloppez des images dans des balises `<figure>`, incluez toujours un `<figcaption>` avec un contexte utile. Une légende comme "Architecture CDN montrant des serveurs de bordure sur 5 continents" donne aux analyseurs d'IA une riche information contextuelle qui complète le texte alternatif.
- 4
Fournissez des transcriptions ou des sous-titres pour les vidéos
Ajoutez des éléments `<track>` aux balises `<video>` pour les sous-titres. Pour les vidéos YouTube ou Vimeo intégrées, incluez une section de transcription textuelle sous l'intégration. Cela rend votre contenu vidéo indexable par les moteurs d'IA, qui l'ignoreraient sinon complètement.
- 5
Ajoutez le schéma VideoObject pour le contenu vidéo
Lorsque votre page contient des vidéos (natives ou intégrées), ajoutez un schéma JSON-LD VideoObject avec `name`, `description`, `uploadDate` et `thumbnailUrl`. Cela aide les moteurs d'IA à comprendre le sujet et le contexte de la vidéo sans avoir à la traiter elle-même.
Exemples de code
Image avec figure et légende
<figure>
<img src="architecture.png" alt="Diagramme d'architecture microservices montrant la passerelle API, 3 services et une base de données partagee">
<figcaption>Figure 1 : Architecture microservices typique avec le modele de passerelle API</figcaption>
</figure>Vidéo avec piste de sous-titres
<video controls>
<source src="tutorial.mp4" type="video/mp4">
<track kind="captions" src="tutorial-captions.vtt" srclang="en" label="English">
</video>Questions fréquentes
Que se passe-t-il si ma page ne contient ni images ni vidéos ?
L'analyseur attribue un score neutre de 5. Vous ne serez pas pénalisé, mais vous manquerez aussi l'occasion d'améliorer votre score avec des médias bien décrits. Pensez à ajouter des diagrammes, des captures d'écran ou des infographies pour enrichir votre contenu et créer des points de citation supplémentaires pour les moteurs d'IA.
L'analyseur vérifie-t-il la qualité du texte alternatif ou seulement sa présence ?
Il vérifie seulement la présence - c'est à dire si l'attribut alt existe et contient du texte. Rédiger un texte alternatif descriptif et pertinent reste votre responsabilité et influence directement la façon dont les moteurs d'IA comprennent vos images. Un texte alternatif générique comme "photo" passe techniquement, mais apporte une valeur minimale.
Dois-je utiliser le schéma VideoObject si j'utilise des intégrations YouTube ?
Oui. Le schéma de YouTube n'apparait que sur youtube.com, pas sur votre page. Ajouter un schéma VideoObject à votre page indique aux moteurs d'IA le contenu vidéo dans votre contexte spécifique, ce qui est essentiel pour faire citer votre page plutôt que la page YouTube.
Vérifiez votre score GEO
Lancez une analyse gratuite de votre site et découvrez votre score sur les 52 facteurs.
Analyser mon site