SEO image : texte alt, formats et vitesse de chargement

Écrivez le texte alternatif pour une personne, pas pour un robot d’indexation

Le texte alternatif est un attribut d’accessibilité que les moteurs de recherche lisent au passage. Une personne qui utilise un lecteur d’écran l’entend à la place de l’image, donc le test est simple : cette phrase lui dit-elle ce qu’elle manque ? « Bottine Chelsea en cuir fauve, vue de profil, montrant l’empiècement élastique » passe le test. « bottines cuir bottines acheter bottines en ligne bottines femme » échoue, et les deux publics y voient du spam.

Contentez-vous d’une phrase normale. Dites ce que montre l’image et pourquoi elle figure sur cette page. Si l’image est purement décorative, une texture de fond ou un séparateur, donnez-lui un attribut alt vide plutôt qu’une description. Un alt vide est une véritable instruction qui dit au lecteur d’écran de le passer. Omettre complètement l’attribut est différent, et pire, car certains lecteurs annoncent alors le nom du fichier à la place.

Les noms de fichiers et le texte autour de l’image

Le nom de fichier est un signal faible, mais le soigner ne coûte rien. Renommer IMG_4471.jpg en bottine-chelsea-fauve-profil.jpg avant de la mettre en ligne vous prend quatre secondes. Ne le bourrez pas de mots-clés. Un nom de fichier avec neuf mots-clés séparés par des tirets ressemble exactement à ce qu’il est.

Le texte situé juste autour de l’image travaille plus que le nom de fichier. Une légende, le paragraphe à côté duquel se trouve l’image, le titre le plus proche : voilà ce qu’un moteur utilise pour deviner ce que représente la photo et si la page répond raisonnablement à une requête. Une image posée au milieu d’un texte sans rapport n’a presque rien pour s’appuyer.

Les photos de produit ont leurs propres règles

Pour une boutique, l’image est souvent ce qui décide de la vente, et les choix qui aident l’acheteur aident aussi la fiche produit. Donnez à chaque variante sa propre photo plutôt que de vous contenter de changer la couleur dans la description : un acheteur qui voit la mauvaise couleur repart, et ces départs se voient. Gardez un cadrage et un fond cohérents sur toute une gamme pour qu’une grille de résultats ressemble à un catalogue plutôt qu’à un vide-grenier. Ajoutez un élément qui donne une idée de l’échelle dès que la taille n’est pas évidente.

Côté balisage, les données structurées de produit avec un champ image sont ce qui permet à votre photo d’apparaître à côté de la fiche dans des résultats de recherche enrichis. C’est une condition nécessaire, pas une garantie, et cela n’aide que si l’URL de l’image qu’elles indiquent est réellement accessible à un robot d’indexation.

Faites-les charger correctement

• Mettez des attributs width et height sur chaque balise img. Le navigateur réserve alors la bonne place avant que le fichier n’arrive, et la page arrête de bouger pendant le chargement.
• Utilisez le chargement différé (lazy loading) pour les images sous la ligne de flottaison, et jamais pour l’image principale en haut de page. Différer le chargement de la première chose que voit un visiteur retarde justement l’élément sur lequel se mesure votre score de chargement, une erreur étonnamment fréquente.
• Ajoutez un srcset pour qu’un téléphone télécharge un fichier à sa taille. Servir la même image de bureau à tous les appareils gaspille la bande passante des visiteurs les plus susceptibles d’avoir une connexion lente.
• Redimensionnez avant de mettre en ligne plutôt que de contraindre la taille en CSS. Une image affichée à 900 pixels de large continue de télécharger les 4032 pixels de l’original. Le guide de compression explique où se trouvent les vraies économies.

Ce qui vous freine sans que vous le voyiez

Les photos de banques d’images sont le plus gros problème. Si le même cliché d’une bibliothèque apparaît sur quatre cents autres sites, rien ne justifie que ce soit la vôtre qu’on affiche, et rien dans votre texte alternatif n’y change quoi que ce soit. Vos propres photos, même imparfaites, sont les seules images de votre site qui vous appartiennent vraiment.

Viennent ensuite les blocages techniques. Les images qui ne se chargent qu’après un clic ou un script déclenché au défilement peuvent ne jamais être vues par un robot d’indexation. Un répertoire d’images interdit dans robots.txt ne peut pas être indexé, aussi bon que soit le balisage. Les images hébergées sur un sous-domaine ou un CDN que vous n’avez pas vérifié peuvent être indexées d’une manière qui les sépare de vos pages. Rien de tout cela n’est exotique, et tout mérite une vérification avant de passer un mois à écrire de meilleurs textes alternatifs.

Un point à surveiller quand vous optimisez

Tout convertisseur fonctionnant dans le navigateur, celui-ci compris, décode votre image et écrit un nouveau fichier à partir des pixels. Rien ne recopie les métadonnées, donc le résultat n’a pas de bloc EXIF : pas de données d’appareil photo, pas de date de prise de vue, pas de GPS, et pas de champs de copyright ou de crédit IPTC intégrés. Supprimer les données de localisation avant publication est souvent exactement ce que vous voulez. Perdre vos propres champs d’attribution sur une photo que vous mettez sous licence ne l’est pas : traitez donc une copie et conservez l’original.

Ce qu’il faut en attendre

Bien traiter les images rend une page plus rapide, plus accessible, et plus susceptible d’apparaître pour les requêtes qu’elle mérite déjà. Cela ne fait pas positionner une page pauvre en contenu sur un terme qui ne lui revient pas, et le trafic venu de la recherche d’images a tendance à se comporter différemment de celui venu d’un résultat texte : mesurez donc les deux séparément avant d’en tirer des conclusions. Le travail en vaut la peine. Encore faut-il le faire avec des attentes justes.

Quand vous voudrez passer à l’action, le compresseur d’images et le redimensionneur d’images d’ici traitent un lot en une seule passe, et fonctionnent tous les deux entièrement dans votre navigateur, si bien que des photos de produit pas encore publiées ne quittent jamais votre machine pendant qu’elles sont optimisées.