H5 — Chapitre 8 - Images

Critère SEO H5 : Dimensions spécifiées — guide + exemple

PARTIE 1 - Fondamentaux Chapitre 8 - Images Mot-clé : dimensions spécifiées

Ici on parle d’un critère qui fait souvent la différence en audit.

Le critère **H5 — Dimensions spécifiées** fait partie de notre checklist SEO (335 critères). Ici, tu as une méthode **pratique** pour le vérifier et le corriger — avec un exemple concret.

Ce que couvre exactement ce critère

Le critère SEO H5 : dimensions spécifiées concerne l'attribution explicite des attributs width et height aux images HTML. Cela permet aux navigateurs de réserver l'espace nécessaire avant le chargement complet, évitant ainsi les décalages de mise en page. Ce critère s'inscrit dans le Chapitre 8 - Images, Partie 1 - Fondamentaux, et vise à optimiser l'affichage et la stabilité visuelle dans une stratégie d'optimisation on-page.

Pourquoi c'est important (SEO + UX)

Spécifier les dimensions d'une image améliore le CLS (Cumulative Layout Shift), un facteur clé de l'expérience utilisateur et du référencement naturel. Google valorise les pages qui limitent les mouvements inattendus, offrant ainsi une meilleure note lors d'un audit SEO. De plus, cela accélère le rendu visuel, réduit les frustrations utilisateurs et améliore la performance globale du site.

Comment vérifier (pas à pas)

  1. Ouvrez la console développeur de votre navigateur (F12). 2) Inspectez une image ciblée. 3) Vérifiez la présence des attributs width et height dans la balise <img>. 4) Utilisez des outils d'audit SEO comme Lighthouse ou Screaming Frog pour générer une checklist images. 5) Analysez les rapports pour identifier les images sans dimensions spécifiées.

Comment corriger proprement

Pour corriger, calculez les dimensions réelles de l'image en pixels. Insérez ensuite directement dans votre HTML les attributs width="xxx" height="yyy" correspondant. Pour les images responsives, utilisez les attributs CSS ou l'attribut srcset tout en gardant les dimensions fixes pour éviter le CLS. Évitez les tailles dynamiques sans spécification, et privilégiez un audit SEO régulier.

Exemple concret (illustratif)

Exemple d'une image avec dimensions spécifiées : <img src="logo.png" width="200" height="100" alt="Logo entreprise">. Ici, le navigateur réserve un espace de 200x100 pixels avant le chargement. Sans ces attributs, le contenu adjacent pourrait se déplacer, impactant négativement l'expérience utilisateur et le score SEO.

Checklist à cocher

  • [ ] Toutes les images ont des attributs width et height définis
  • [ ] Les dimensions correspondent à la taille réelle de l'image
  • [ ] Audit SEO (Lighthouse, Screaming Frog) validé sur ce point
  • [ ] Images responsives optimisées sans perte de spécification
  • [ ] Intégration conforme au chapitre 8 - images, partie 1 fondamental
  • [ ] Optimisation on-page validée pour la stabilité visuelle
FAQ

Questions fréquentes — H5

Quelle est l’erreur la plus fréquente sur “Dimensions spécifiées” ?

Corriger une page isolée sans corriger le template/import : l’erreur revient à la prochaine génération.

Quel outil est le plus rapide pour contrôler à l’échelle ?

Pour ce type de critère, un crawl (ex. Screaming Frog) + une vérification ciblée dans ImageOptim est généralement le combo le plus rapide.

Comment éviter que ça se reproduise sur 10K pages générées ?

Figer une règle d’auto‑génération (title/structure/schema/URLs) + ajouter un contrôle automatique (crawl ou test) avant import en production.

Prêt à passer de la théorie à l'action ?

Validez ce critère avec un audit, puis approfondissez la méthode dans l'Academy.

Auditer avec l'outil → Apprendre dans l'Academy →