Image mise en avant WordPress ne s’affiche pas : symptôme, cause et solution
Quand l’image mise en avant WordPress ne s’affiche pas, il y a en général l’une de quatre raisons : elle n’est pas définie sur l’article, le thème ne l’affiche pas à cet endroit, l’image a de mauvaises tailles après un changement de thème, ou l’extension SEO choisit une autre image pour les partages. Partez du symptôme, c’est-à-dire de l’endroit exact où elle manque.
Auteur: L’équipe TellMyShop. Un guide pour les propriétaires de sites WordPress et de boutiques WooCommerce : la cause, la correction manuelle et le même travail dans une conversation avec le chat.
Dernière mise à jour: · 7 min de lecture
Symptôme, cause et solution dans un seul tableau
| Symptôme | Cause la plus fréquente | Solution |
|---|---|---|
| Certains articles de la page du blog affichent un carré gris ou rien | ces articles n’ont pas d’image mise en avant (anciens, importés, écrits à la hâte) | définir l’image sur l’article |
| L’image est définie, mais elle manque sur la page du blog | le thème ou le modèle d’archive n’affiche pas les images | réglages du thème ou modèle dans l’éditeur du site |
| Il n’y a pas de panneau Image mise en avant dans l’éditeur | panneau masqué dans les préférences ou pas de prise en charge dans le thème | préférences de l’éditeur, la personne qui s’occupe du site |
| Image floue ou tête coupée | anciennes tailles de miniatures après un changement de thème | régénérer les miniatures |
| Un partage Facebook sans image ou avec une autre | l’extension SEO a une autre image définie, ou le réseau garde l’ancienne version | image dans les réglages de l’extension SEO, actualiser l’aperçu sur le réseau social |
| Un produit de la boutique affiche une image de remplacement | pas d’image produit, qui est l’image mise en avant du produit | définir l’image produit |
| Un cadre vide qui ne se charge jamais à la place de l’image | une extension de chargement différé, d’optimisation ou un CDN | la personne qui s’occupe du site |
Ci-dessous, chaque symptôme à son tour. Choisissez le vôtre et passez les autres.
Des articles sans image sur la page du blog
C’est le cas le plus fréquent et le plus simple. L’article n’a pas d’image définie, le thème n’a donc rien à afficher. Une image placée dans le contenu de l’article ne compte pas. L’image mise en avant est un champ séparé.
Ces trous apparaissent en général après un import depuis une autre plateforme, ou dans d’anciens articles écrits avant que le thème n’affiche les miniatures. Avec quelques articles, vous les corrigez à la main. Avec 150 articles, rien que trouver les trous demande beaucoup de clics.
À la main, vous procédez ainsi :
- Ouvrez Articles → Tous les articles et ouvrez un article sans image.
- Dans le panneau des réglages de l’article à droite, trouvez la section Image mise en avant.
- Choisissez une image dans la Médiathèque. Idéalement une image déjà présente dans le contenu de l’article.
- Vérifiez si l’image a un texte alternatif et ajoutez-le s’il manque. Notre guide de la balise alt dans WordPress explique comment l’écrire.
- Enregistrez l’article et vérifiez la page du blog dans une fenêtre privée.
L’image est définie, mais vous ne la voyez pas sur la page
Dans ce cas, c’est le thème qui décide. Dans les thèmes à blocs, la liste des articles est construite par un modèle dans Apparence → Éditeur. Si le modèle d’archive ou de page du blog n’a pas de bloc Image mise en avant, il n’y aura pas d’images, même si elles sont définies. Dans les thèmes classiques, ce sont les options du thème qui le règlent, le plus souvent dans Apparence → Personnaliser.
Parfois, le thème ne prend pas du tout en charge les images pour un type de contenu. La documentation WordPress sur les images mises en avant le décrit : le thème doit déclarer la prise en charge, sinon le champ n’apparaîtra pas dans l’éditeur. L’ajouter demande de modifier les fichiers du thème, laissez donc cela à l’auteur du thème ou à la personne qui s’occupe du site.
Avant de demander à quelqu’un, vérifiez les préférences de l’éditeur. Le menu à trois points en haut à droite de l’éditeur a une fenêtre Préférences avec une liste de panneaux. Le panneau de l’image a peut-être simplement été désactivé.
Des miniatures floues ou mal recadrées
Au téléversement d’une image, WordPress crée plusieurs versions recadrées aux tailles définies dans vos réglages et par le thème. Après un changement de thème, les anciennes images gardent les anciennes tailles, et le nouveau thème les étire ou les recadre autrement. La solution est de régénérer les miniatures, par exemple avec l’extension Regenerate Thumbnails. Sur une grande médiathèque, cela charge le serveur, il vaut donc mieux que la personne qui s’occupe du site s’en charge.
À l’avenir, téléversez des images en format paysage avec l’essentiel au centre. Ainsi, tout recadrage en garde quelque chose.
Un partage sans image ou avec la mauvaise
Facebook et LinkedIn prennent l’image dans une balise cachée de la page. L’extension SEO l’écrit, en général dans cet ordre : une image définie à la main dans ses champs, puis l’image mise en avant, puis une image du contenu. Yoast décrit l’ordre et les tailles recommandées.
Si l’article a une image mais que le partage en montre une autre, vérifiez les champs réseaux sociaux de l’extension SEO sur cet article. Si vous avez changé l’image après le premier partage, le réseau social garde peut-être l’ancienne version. Utilisez alors l’outil d’actualisation de l’aperçu des liens du réseau.
Comment le chat trouve les trous et définit les images par lots
L’extension TellMyShop pour WordPress et WooCommerce vérifie les images dès la version gratuite TellMyShop Free. Votre chat (Claude ou ChatGPT) trouve les articles, pages et produits sans image mise en avant. Le bilan du site les ajoute au plan de corrections, à côté des autres manques que nous décrivons dans notre article sur l’audit SEO WordPress. Pour une page précise, le chat vérifie aussi si un partage aura une image.
Dans TellMyShop Pro, le chat définit, change ou retire les images de 50 articles, pages ou produits au maximum à la fois. Il prend l’image dans la Médiathèque ou la téléverse depuis une adresse publique, jusqu’à 15 Mo, avec texte alternatif et nom de fichier dès le départ. Il ne crée pas de visuels. Il associe les images que vous avez déjà d’après le nom du fichier, le titre et l’article dans lequel l’image a été téléversée.
Vous: Trouve les articles du blog sans image mise en avant et propose des images.
Votre chat: 23 articles n’ont pas d’image. 17 d’entre eux ont déjà une photo dans le contenu, je propose donc de l’utiliser comme image mise en avant. Exemple :
Deux de ces photos n’ont pas de texte alternatif. Je propose de l’ajouter dans une modification séparée, juste après celle-ci. 6 articles n’ont aucune photo, je vous les laisse donc.
Vous: Fais ces 17.
Votre chat: Aperçu : 17 articles, images de la Médiathèque, rien de téléversé. Votre thème prend en charge les images sur les articles. J’enregistre après votre « oui ».
Statut de la carte : attend votre « oui »Tailler les rosiers en automne
ancienne version : image mise en avant : aucune
nouvelle version : image mise en avant : rosiers-taille-secateur.jpg de la Médiathèque
Avant l’enregistrement, l’aperçu vous avertit quand le thème ne prend pas en charge les images pour un type de contenu, quand une image n’a pas de texte alternatif et quand un produit resterait sans image principale. Vous pouvez annuler un changement d’image depuis l’historique des modifications, et l’annulation retire aussi les images téléversées depuis une adresse. Ce que le chat ne fera pas : il ne modifiera pas le modèle d’archive, ne régénérera pas les miniatures et ne corrigera pas le chargement différé. Cela reste l’affaire de la personne qui s’occupe du site.
Vous pouvez en lire plus sur le texte alternatif dans les consignes de Google sur les images. L’extension est décrite sur la page TellMyShop pour WordPress et WooCommerce, les prix sont dans les tarifs, et d’autres guides sont sur le blog.
Questions et réponses
Où définir l’image mise en avant d’un article WordPress ?
Dans l’éditeur d’article, dans le panneau des réglages de l’article à droite, sous Image mise en avant. Vous cliquez dessus, choisissez une image dans la Médiathèque ou en téléversez une nouvelle, et enregistrez l’article. Dans un produit WooCommerce, le même champ s’appelle Image produit.
Pourquoi n’y a-t-il pas de panneau Image mise en avant dans l’éditeur ?
Soit le panneau est masqué dans les préférences de l’éditeur, soit le thème ne prend pas en charge les images mises en avant pour ce type de contenu. Vérifiez d’abord les préférences de l’éditeur et activez le panneau. S’il n’y figure pas, la prise en charge doit être ajoutée par l’auteur du thème ou la personne qui s’occupe du site.
L’image mise en avant a-t-elle un effet sur Google ?
Indirectement. Les extensions SEO l’utilisent en général comme image pour les partages sur les réseaux sociaux, et Google tient compte des images de la page pour les résultats d’images. L’image seule ne fera pas monter vos positions, mais un article sans image fait moins bonne impression sur la page du blog et dans les partages.
Quelle taille pour une image mise en avant ?
Cela dépend du thème, car chacun recadre les images à sa façon. Pour les partages, Yoast recommande des images d’environ 1200 pixels de large. Un choix sûr est une image en format paysage avec l’essentiel au centre.
J’ai changé de thème et les miniatures sont mal recadrées. Que faire ?
WordPress crée des versions recadrées d’une image au téléversement, avec les tailles de l’ancien thème. Le nouveau thème a besoin d’autres tailles, il faut donc les régénérer. L’extension Regenerate Thumbnails le fait, ou la personne qui s’occupe de votre site.
WordPress est une marque de la WordPress Foundation. WooCommerce est une marque d’Automattic Inc. Claude est une marque d’Anthropic PBC. ChatGPT et OpenAI sont des marques d’OpenAI. TellMyShop n’est pas affilié à ces entreprises.