Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukpromoteurDéveloppement d'outils d'IA pour les entreprises. Haute qualité. Prix abordables.Écrire sur Telegram

Outil de vérification SEO d'images en ligne: Alt, chargement différé, WebP et srcset – Que corriger?

Vérification SEO des images en ligne: attribut alt, chargement différé, WebP et srcset, note de 0 à 100 pour chaque image

Ce que vous obtiendrez

  • Note de 0 à 100 et commentaires pour chaque image de la page: alt, chargement différé, largeur/hauteur, WebP/AVIF, srcset — gratuit
  • Comprendre comment votre score est calculé et quelles modifications permettront de l'améliorer le plus rapidement
  • Exemples de code prêts à l'emploi pour l'image principale, les images réactives et les balises alt
Appliquer: en 15 minutesSauvegardes: Trafic et temps de chargement Google Images sur votre téléphone

En bref: pour vérifier l’optimisation SEO des images d’une page, collez son URL dans l’outil gratuit d’analyse SEO d’images de PromoPilot. Cet outil analysera jusqu’à 100 balises <img>: présence d’un attribut alt, de l’attribut loading="lazy", de la largeur et de la hauteur, du format (WebP, AVIF ou SVG) et de l’attribut srcset. Le résultat est un score de 0 à 100 accompagné de commentaires pour chaque image. Vous trouverez ci-dessous des informations sur le calcul du score, les points à corriger en priorité et les éléments que l’outil ne détecte pas.

Je crée des sites web et des boutiques en ligne depuis 12 ans, et les images constituent le principal goulot d'étranglement dans presque tous les cas. Une fiche produit typique: cinq photos de 3 Mo directement issues de l'appareil photo, un texte alternatif vide, et le nom du fichier est IMG_4512.jpg.

Que vérifie l'outil Image SEO Check?

L'outil analyse chaque image de la page selon cinq critères et les additionne pour obtenir un score global.

Que vérifie-t-il? Que regarde-t-il? Pourquoi est-ce important pour le référencement et les affaires?
Alt Existe-t-il une description textuelle pour chaque <img> Classement des images Google par texte alternatif; accessibilité pour les aveugles
Chargement différé L'attribut loading="lazy" est appliqué aux images situées sous le premier écran. La page ne charge rien que le visiteur n'ait pas encore vu en faisant défiler.
Largeur et hauteur Les dimensions sont-elles spécifiées dans les attributs de la balise? Les blocs ne « sautent» pas lors du chargement; il s'agit d'une métrique CLS
Format WebP, AVIF ou SVG par extension de fichier Les formats modernes sont sensiblement plus petits que les formats JPG et PNG.
Srcset Existe-t-il des options d'image pour différents écrans? Le téléphone reçoit le fichier réduit, et non la version pour écran.

Chaque image fait l'objet d'une liste de commentaires, et la page reçoit une note finale. C'est pratique: vous pouvez voir non seulement ce qui ne va pas, mais aussi quelle image est en cause.

Comment vérifier les images d'un site web en ligne?

Vérifiez les images en 4 étapes: collez l’URL, attendez que jusqu’à 100 images soient analysées, consultez la note et corrigez les commentaires éventuels.

  1. Ouvrir l'outil de vérification SEO des images.
  2. Insérez l'adresse de la page, de préférence une page contenant de nombreuses photos: fiche produit, catégorie, article de blog, portfolio.
  3. Cliquez sur « Vérifier» et attendez que toutes les images soient numérisées.
  4. Consultez la note et la liste des commentaires pour chaque image.
  5. Veuillez corriger les problèmes et vérifier à nouveau la page.

Voici à quoi ressemble la page de l'outil: champ adresse, liste des contrôles et FAQ.

Page gratuite de vérification SEO des images de PromoPilot: champ URL, vérification alt, chargement différé, WebP/AVIF et srcset

Comment la note est-elle calculée et que faut-il corriger en premier?

La notation initiale est de 100 points, et des pénalités sont déduites pour chaque problème, en fonction du pourcentage d'images non conformes sur la page. Connaître les règles permet de déterminer facilement la stratégie la plus efficace pour améliorer sa note.

Examen Bien Commentaire
Alt Moins de 50 % des images avec un attribut alt — -30; moins de 80 % — -15; moins de 100 % — -5 Le point le plus important
Chargement différé moins de 50 % - −15; moins de 80 % - −8 Les trois premières images ne sont pas prises en compte.
Largeur et hauteur moins de 50 % - −15; moins de 80 % - −8 Les dimensions CSS uniquement ne sont pas prises en compte.
WebP, AVIF ou SVG moins de 30 % - -10 Le format est déterminé par l'extension
Srcset pour les images raster moins de 30 % - -10 SVG n'a pas besoin de srcset

Voici mon ordre de travail:

  1. L'article le plus cher et le plus facile à réparer. Indiquez ce qui est affiché: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", et non alt="рюкзак купить дёшево рюкзак". Pour les éléments décoratifs, utilisez un alt=""
  2. Largeur et hauteur. Spécifiez les dimensions réelles dans les attributs et ajoutez img { max-width: 100%; height: auto; } au CSS: l’image restera adaptative et la mise en page ne sautera plus.
  3. Le chargement différé s'applique à tout ce qui se trouve sous la ligne de flottaison. Cependant, il est préjudiciable à l'image principale: celle-ci doit être chargée immédiatement et en priorité.
  4. WebP ou AVIF. WordPress prend en charge les chargements WebP depuis la version 5.8 et AVIF depuis la version 6.5.
  5. Utilisez l'attribut srcset pour les photos volumineuses afin que le téléphone ne télécharge pas la version pour écran.

Exemple d'image principale et de photo adaptative appropriées dans le texte:

<img src="/img/hero.webp" alt="Мастерская кожаных изделий Nord" width="1200" height="600" fetchpriority="high"> <img src="/img/bag-700.webp" srcset="/img/bag-700.webp 700w, /img/bag-1400.webp 1400w" sizes="(max-width: 700px) 100vw, 700px" alt="Рюкзак Nord 20 л, вид сбоку" width="700" height="700" loading="lazy">

Comment rédiger une bonne balise alt pour une image?

La balise alt est l'élément d'évaluation le plus important, et c'est là que les erreurs sont les plus fréquentes: soit la laisser vide, soit la surcharger de mots-clés. Une règle simple: décrivez l'image en une phrase à une personne qui ne peut pas la voir.

Image Mauvaise alternative Bonne alternative
Photo du produit рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Photo d'équipe photo1 Мастера мастерской Nord за работой над сумкой
Diagramme ou graphique график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
icône de décoration иконка alt="" — inutile de le lire

Pour un catalogue, il est pratique de créer des balises alt à partir d'un modèle: nom du produit + couleur ou variante + angle. Ainsi, cinq photos sur une même fiche auront cinq descriptions différentes et pertinentes, au lieu de cinq descriptions identiques.

Le nom du fichier est également important: kozhanyj-ryukzak-nord-korichnevyj.webp est préférable à IMG_4512.jpg. Il est inutile de renommer d'anciens fichiers pour cela, mais téléchargez les nouveaux avec des noms descriptifs.

Comparaison: Outil de vérification SEO des images et alternatives

Outil Qu'est-ce qui est gratuit? Restrictions À qui convient-il?
PromoPilot — Outil de vérification SEO des images alt, chargement différé, largeur/hauteur, formats, srcset; note de 0 à 100 et commentaires pour chaque image Jusqu'à 100 images, la taille du fichier n'est pas estimée. Analysez rapidement les images de n'importe quelle page
Google PageSpeed Insights Analyse des images dans le cadre du test de vitesse: format, taille, chargement différé Mélangé à des dizaines d'autres vérifications, alt comprend à peine Évaluation de l'impact des images sur la vitesse
Écrasement Compresser et convertir une seule image dans un navigateur Ne vérifie pas la page, fonctionne avec les fichiers Préparation des images individuelles
Screaming Frog SEO Spider Liste des images sans texte alternatif présentes sur l'ensemble du site L'installation est requise, la version gratuite a une limite d'adresses Audit alternatif sur des centaines de pages

Conclusion: Un outil de vérification en ligne indique les problèmes rencontrés avec les images d’une page spécifique, PageSpeed indique le coût en termes de vitesse, et Squoosh ou un convertisseur permet de corriger les fichiers eux-mêmes.

PromoPilot propose 87 outils SEO gratuits, dont un outil de compression d'images et un convertisseur WebP fonctionnant directement dans le navigateur, sans téléchargement sur le serveur. Pour connaître la taille globale de la page, consultez notre article de la série sur l'analyse de la vitesse de chargement.

Que ne voit pas la vérification d'images?

Soyons honnêtes quant aux limites de cet outil: il est important de les connaître pour interpréter correctement la note:

  • La taille du fichier n'est pas prise en compte — les images ne sont pas téléchargées; le format est déterminé par l'extension.
  • <picture> n'est pas analysée: JPG dans <img> sera balisé même s'il y a AVIF ou WebP dans <source> à côté.
  • Les images d'arrière-plan issues du CSS et les images ajoutées par JavaScript ne sont pas incluses dans le rapport.
  • Les dimensions spécifiées uniquement en CSS ne sont pas prises en compte.
  • Une page sans une seule balise <img> obtient 50 points - ce n'est pas « la moitié des erreurs», mais « rien à noter».

Quand un outil gratuit ne suffit-il pas?

Images avant et après optimisation: alt vide et JPG lourds comparés aux descriptions, WebP, dimensions spécifiées et srcset

Corriger le texte alternatif d'une seule page prend dix minutes. Mais si la boutique propose cinq mille produits, c'est impossible à faire manuellement. Vous avez besoin d'un spécialiste si:

  • L'attribut alt devrait être généré automatiquement à partir du nom, de la couleur et de l'angle pour l'ensemble du catalogue;
  • Les images sont chargées depuis la caméra sans compression, et un pipeline automatique est nécessaire: compression, WebP, tailles multiples;
  • Le thème du site web affiche les photos sans largeur, hauteur ni srcset, et le modèle doit être corrigé;
  • Vous souhaitez générer du trafic depuis Google Images pour les requêtes produits?

Que puis-je faire pour votre site web?

Je suis Valeriy Danyuk, développeur et spécialiste SEO avec 12 ans d'expérience et plus de 200 clients, dont de nombreuses boutiques en ligne avec des milliers de photos.

Référencement et audit

Magasins et catalogues

Comptabilité et automatisation

Envoyez-moi un lien vers la fiche produit sur Telegram – je vous dirai combien vous pouvez gagner en fonction des photos.

Résultat

  1. L'outil de vérification SEO d'images en ligne analyse jusqu'à 100 images par page et attribue une note de 0 à 100, accompagnée de commentaires pour chacune d'elles.
  2. Les attributs alt et largeur/hauteur obtiennent les meilleurs résultats, suivis par le chargement différé, WebP/AVIF et srcset.
  3. L'image principale n'a pas besoin de chargement différé - elle a besoin fetchpriority="high".
  4. Pour les catalogues volumineux, le traitement des photos est automatisé, ou bien une plateforme est choisie où cela est déjà fait, par exemple 1001site.

Vérifiez la page la plus lourde de votre site avec l'outil gratuit d'analyse SEO d'images — commencez par le texte alternatif.

Sources

  • Page d'analyse SEO des images de PromoPilot: vérifications, règles d'évaluation, limitations et FAQ.
  • Google Search Central - Recommandations d'images pour la recherche.
  • Google PageSpeed Insights et Squoosh - Descriptions des fonctionnalités.

Références et sources

Questions et réponses

Pourquoi les balises alt sont-elles importantes pour le référencement naturel?

Le texte alternatif (alt) décrit l'image pour les moteurs de recherche et les lecteurs d'écran destinés aux personnes aveugles. Google Images utilise ce texte alternatif pour le référencement, et sur la page, il contribue à expliquer le contenu de la photo. Les éléments décoratifs peuvent être laissés sans texte alternatif (« alt="»).

Comment la taille des images affecte-t-elle les Core Web Vitals?

Les images volumineuses ralentissent le LCP (temps de rendu du plus grand élément affiché au premier écran, souvent une photo). Les formats WebP et AVIF modernes, la compression, des dimensions correctes et l'attribut srcset contribuent à améliorer ce temps de rendu, tout comme le fait d'éviter le chargement différé et de définir une priorité de chargement élevée pour l'image principale.

L'outil vérifie-t-il le poids du fichier?

Non. Cet outil ne télécharge pas les images et n'estime donc pas leur taille; il détermine le format à partir de leur extension. Pour connaître la taille des images et de la page entière, utilisez PageSpeed Insights ou PageSpeed Insights.

Nous avons consulté le site web, mais il n'y a personne pour le réparer?

Cet outil gratuit détecte les problèmes. J'analyserai le rapport, établirai les priorités et corrigerai les points suivants: audit SEO, optimisation de la vitesse, balisage et migration vers un nouveau site sans perte de positionnement.