Images cassées et soft 404 : causes et solutions

Une page manquante se voit tout de suite : le visiteur tombe sur une erreur et comprend que quelque chose ne va pas. Une image manquante est beaucoup plus discrète. La page se charge, le texte est là, la mise en page tient à peu près, et le problème peut rester des mois sans que personne ne le signale. Pendant ce temps, chaque visiteur voit un cadre vide à la place de votre photo.

Les soft 404 sont encore plus discrètes, parce que le serveur affirme que tout va bien. Cette page traite des deux, car elles ont un point commun : en regardant la page seule, aucun code d'erreur ne vous dira qu'elles existent.

Pourquoi les images se cassent

Le fichier a été renommé, déplacé ou supprimé

C'est la cause la plus fréquente et la moins surprenante. Quelqu'un a réorganisé le dossier des images, ou un nettoyage a supprimé des fichiers qui semblaient inutilisés, alors que la page pointe toujours vers l'ancien chemin. La réparation consiste à corriger le chemin dans la page ou à remettre le fichier en place.

Majuscules et minuscules ne correspondent pas

Ce piège touche énormément de sites, parce qu'il n'apparaît qu'au moment d'un changement de serveur. Windows considère Photo.JPG et photo.jpg comme le même fichier. Linux, qui fait tourner la plupart des serveurs web, y voit deux fichiers différents. Un site préparé sur un ordinateur Windows puis envoyé chez un hébergeur Linux peut perdre des dizaines d'images d'un coup : elles sont toutes présentes sur le serveur, mais aucune n'est trouvée à l'adresse écrite dans la page. Si un lot d'images s'est cassé le jour d'un changement d'hébergement, vérifiez les majuscules avant tout le reste.

L'image est chargée depuis un autre site

Afficher une image hébergée sur un site que vous ne contrôlez pas (le « hotlinking ») est fragile. L'autre site peut supprimer le fichier, changer son organisation ou bloquer volontairement les demandes venant de vos pages, une protection courante contre le vol de bande passante. Dans tous les cas, votre image disparaît et vous l'apprenez par un visiteur. Hébergez vos images vous-même : si vous avez le droit d'utiliser une image, vous avez le droit d'en garder une copie sur votre serveur.

Une migration vers un CDN a laissé les anciennes adresses

Déplacer ses images vers un réseau de diffusion (CDN) ou un stockage externe change le domaine de toutes les adresses d'images. Si toutes les pages n'ont pas été mises à jour en même temps, une partie du site pointe toujours vers l'ancien emplacement. La panne est souvent partielle, ce qui la rend plus difficile à remarquer qu'une coupure complète.

Le chemin est relatif et la page a changé de place

Une adresse écrite ../images/logo.png ne mène pas au même endroit selon la profondeur de la page qui la contient. Le même modèle de page, utilisé à la racine et dans un sous-dossier, trouvera l'image dans un cas et la manquera dans l'autre. Le même problème apparaît quand une page de dossier est ouverte sans la barre oblique finale (/rubrique au lieu de /rubrique/). Les chemins absolus commençant par une barre oblique, comme /images/logo.png, évitent toute cette famille de problèmes.

Contenu mixte sur une page HTTPS

Si votre site est servi en HTTPS et qu'une image est demandée en HTTP simple, les navigateurs tentent de la passer en HTTPS ou la bloquent pour des raisons de sécurité. Le fichier existe et l'adresse est juste, mais l'image ne s'affiche jamais. La console du navigateur affiche un avertissement de contenu mixte, et la correction consiste simplement à passer l'adresse en https.

Ce que coûte une image cassée

Plus qu'il n'y paraît. Une page avec des images cassées donne une impression d'abandon, ce qui réduit le temps passé par les visiteurs et la confiance qu'ils accordent au contenu. Sur un site marchand, une photo de produit manquante fait directement baisser les ventes. Les moteurs ne peuvent pas indexer une image qu'ils n'arrivent pas à charger, donc vous perdez le trafic venant de la recherche d'images. Enfin, pour un visiteur qui utilise un lecteur d'écran, une image cassée sans texte alternatif est un trou dans la page.

Le texte alternatif n'est pas facultatif

L'attribut alt contient le texte affiché quand l'image ne se charge pas, et celui que lit un lecteur d'écran. C'est votre seul filet de sécurité quand une image casse :

<img src="/images/velo-rouge.jpg" alt="Vélo de randonnée rouge avec selle en cuir">

Décrivez ce que montre l'image en une phrase courte, sans accumuler de mots-clés et sans commencer par « image de ». Une image purement décorative doit avoir un alt vide (alt="") pour que les lecteurs d'écran l'ignorent au lieu d'annoncer un nom de fichier. Le W3C détaille les différents cas dans son tutoriel sur les images de la Web Accessibility Initiative.

Les soft 404

Une soft 404 est une page qui dit au visiteur que le contenu n'existe pas, tout en disant au serveur que tout va bien. Le texte affiche « désolé, cette page n'existe pas » et le code de réponse dit 200 OK. Les deux ne peuvent pas être vrais en même temps, et la machine croit le code.

Pourquoi c'est un vrai problème

Les moteurs indexent la page puisque le serveur l'a déclarée valide. L'index se remplit de copies du même message d'erreur, qui se font concurrence entre elles et avec vos vraies pages. Le temps que les robots consacrent à votre site part dans des adresses qui ne mènent nulle part. Et comme aucun code ne signale d'erreur, aucun outil de surveillance classique ne la remarque.

Les causes habituelles

Un CMS qui affiche un modèle « page introuvable » sans changer le code de réponse.
Une règle générale dans le .htaccess qui envoie toutes les adresses inconnues vers une page, qui répond ensuite 200.
Une redirection de toutes les pages supprimées vers la page d'accueil : l'accueil répond 200, et le contenu manquant devient invisible pour tout contrôle automatique.
Des pages de catégorie ou de résultats de recherche qui existent bien, mais n'affichent aucun résultat.

Comment la détecter

Demandez une adresse qui n'existe certainement pas sur votre site, par exemple /cette-page-n-existe-pas-12345, et regardez le code plutôt que la page :

curl -I https://www.exemple.fr/cette-page-n-existe-pas-12345

Si la première ligne contient 200 OK, vous avez une soft 404 et toutes les adresses mal tapées de votre site risquent d'être indexées. La correction se fait dans le code qui produit la page d'erreur, en envoyant l'en-tête avant tout affichage :

<?php http_response_code(404); ?>

La Google Search Console signale aussi les soft 404 dans son rapport d'indexation des pages. C'est le moyen le plus rapide de trouver celles qui viennent de pages de catégorie vides plutôt que d'un modèle d'erreur.

Vérifier les images de tout un site

Ouvrir chaque page pour chercher les cadres vides ne fonctionne plus au-delà de quelques dizaines de pages, et ne détecte pas les images qui ne s'affichent plus que grâce au cache de votre navigateur. La méthode fiable consiste à explorer le site et à demander chaque fichier cité par les pages, en notant ceux qui ne répondent pas.

C'est ce que fait le vérificateur d'images d'Adieu404 : il parcourt vos pages, relève les images, les icônes et les fichiers liés (PDF, documents), et signale ceux qui ne répondent pas, avec la page qui les cite. Il contrôle les fichiers hébergés sur votre propre domaine ; une image chargée depuis un autre site ou un CDN se vérifie en ouvrant son adresse directement. Pour un site dont les pages sont générées avec des paramètres d'URL, utilisez la version pour sites dynamiques.

Une fois le rapport en main, les décisions suivent la même logique que pour les pages, décrite dans notre guide pour corriger une erreur 404. La signification de chaque code est expliquée dans la page codes HTTP expliqués.