Lignes directrices pour le référencement des images
L'application correcte de l'optimisation des images est cruciale pour l'accessibilité, la repérabilité et la vitesse de chargement.
Lignes directrices pour les images (référencement et accessibilité)
L'optimisation correcte de vos images améliore la facilité de recherche dans Google Images et rend votre contenu accessible à tous.
| Champ d'application | Objectif | Lignes directrices | Considération principale |
|---|---|---|---|
| Nom de fichier | Utilisé par les serveurs et les moteurs de recherche pour identifier le contenu. | Il doit être court, riche en mots-clés et n'utiliser que des traits d'union (-) au lieu d'espaces. Toujours en minuscules. | Crucial pour le référencement. Amélioration de la vitesse de chargement grâce à des noms courts. |
| Titre du fichier (attribut title) | Affiché sous forme d'info-bulle lorsque l'utilisateur passe la souris sur l'image (en fonction du navigateur/du système de gestion de contenu). | Court et descriptif. Peut contenir des mots-clés, mais se concentre sur l'expérience de l'utilisateur. | Non essentiel pour le référencement, mais améliore l'expérience de l'utilisateur. |
| Description du fichier | Souvent pour la gestion interne ou comme base pour la légende. | Explication détaillée de l'image et du contexte, particulièrement utile pour l'archivage. | Principalement pour la gestion interne. N'est généralement pas montrée au visiteur. |
| Texte alt (attribut alt) | Décrit l'image pour les moteurs de recherche et les lecteurs d'écran (accessibilité). S'affiche si l'image ne se charge pas. | Court et informatif :150 caractères maximum (environ 15 à 20 mots). Contient les mots-clés les plus importants. Décrit la signification de l'image dans son contexte, et pas seulement ce que vous voyez. | Essentiel pour le référencement et l'accessibilité WCAG (Web Content Accessibility Guidelines). |
Lignes directrices supplémentaires pour les pages web
1. La légende
- Objectif : texte situé juste en dessous ou à côté de l'image.
- Ligne directrice : l'utiliser pour fournir des informations supplémentaires. Les moteurs de recherche apprécient les légendes car elles sont directement liées au contenu visuel.
- Considération : Utilisez-la pour renforcer le texte de la page. Par exemple, "Figure 1 : L'illustration montre comment vous pouvez contribuer à l'objectif de neutralité énergétique d'Almere en installant des panneaux solaires".
2. Étiquettes ARIA
Les étiquettes ARIA sont nécessaires pour donner un contexte supplémentaire aux technologies d'assistance, mais sont rarement nécessaires pour les images si le texte alt est correctement complété.
| Étiquette ARIA | Quand utiliser | Raison |
|---|---|---|
| role="presentation" | Pour les images purement décoratives (par exemple, les petites icônes ou les textures d'arrière-plan). | Indique au lecteur d'écran d'ignorer l'image. Important : dans ce cas, le texte alt doit être vide (alt=""). |
| aria-labelledby / aria-describedby | Pour les diagrammes ou graphiques complexes dont la description complète est très longue. | Lie l'image à une longue description ailleurs sur la page (par exemple, une légende). |
Conclusion pour les images standard :
Pour les illustrations standard d'un site web (comme la ville verte avec des panneaux solaires), vous n'avez pas besoin d'étiquettes ARIA supplémentaires. La combinaison d'un bon texte alt et d'une légende est suffisante.
login
Identification de l'utilisateur
Entrez votre nom d'utilisateur et votre mot de passe ici pour vous connecter sur le site web
Mot de passe oublié ?