11
Images sans dimensions déclarées (CLS élevé)
Les images n'ont pas d'attributs width et height dans le HTML. Le navigateur ne réserve pas d'espace avant chargement : le contenu saute (CLS).
Ce que ça veut dire
Les images n'ont pas d'attributs width et height dans le HTML. Le navigateur ne réserve pas d'espace avant chargement : le contenu saute (CLS).
Pourquoi ça arrive sur Shopify
Oubli fréquent dans les templates Liquid : lazy loading sans dimensions explicites.
Comment vérifier si vous avez ce problème
Recharger une fiche avec le cache désactivé et observer les déplacements de mise en page dans DevTools. Vérifier si chaque média dispose de dimensions ou d’un ratio réservé avant son téléchargement. Tester aussi le changement de variante.
Comment corriger : étapes précises
Renseigner des dimensions correspondant au ratio réel ou réserver l’espace avec CSS. Dans Liquid, privilégier image_tag avec des tailles responsives. Retester le même parcours : de fausses dimensions peuvent déplacer le problème au lieu de le résoudre.
Comment vérifier que c'est corrigé
Refaites le même contrôle qu'à l'étape « vérifier » après déploiement. Les effets SEO peuvent prendre plusieurs jours à plusieurs semaines selon la crawl budget.
Impact sur le SEO et la conversion
Un impact élevé touche souvent la performance perçue ou la cohérence SEO : le correctif améliore progressivement classement et taux de conversion.
Erreurs connexes
Sources et contexte éditorial
Teo Comyn · Mis à jour le
Références techniques consultées pour cette mise à jour. Les exemples illustratifs ne sont pas des résultats clients mesurés. Vérifie la documentation actuelle et ta boutique avant d’appliquer une modification.
Politique éditoriale