L'une des frustrations les plus courantes chez les utilisateurs de WordPress est l'affichage incorrect d'une image lors du partage d'une publication sur les réseaux sociaux. Ce problème peut affecter l'affichage et la perception de votre contenu par votre audience, réduisant ainsi potentiellement l'engagement. Heureusement, il existe plusieurs solutions pour résoudre ce problème. Dans cet article, nous vous expliquerons comment garantir l'affichage correct de vos images lors du partage d'articles sur WordPress.
Causes courantes d'images manquantes
Avant de plonger dans les solutions, il est important de comprendre les raisons courantes pour lesquelles une image peut ne pas apparaître lors du partage d'une publication :
- Balises de graphique ouvert manquantes ou incorrectesLes plateformes de réseaux sociaux s'appuient sur des balises Open Graph (OG) pour déterminer l'image, le titre et la description à afficher. Si ces balises sont manquantes ou incorrectes, l'image risque de ne pas s'afficher.
- Aucune image sélectionnée:Si votre publication ne contient pas d'image sélectionnée, les plateformes comme Facebook peuvent ne pas savoir quelle image utiliser.
- Problèmes de taille d'imageCertaines plateformes de réseaux sociaux ont des exigences spécifiques concernant les dimensions des images. Si l'image est trop petite ou ne respecte pas les exigences de taille minimale, elle risque de ne pas s'afficher.
- Problèmes de mise en cache:Si votre site utilise la mise en cache et que vous avez récemment mis à jour l'image sélectionnée ou le contenu de la publication, l'ancienne version peut toujours être mise en cache, ce qui entraîne l'apparition d'une image incorrecte.
- Conflits avec des plugins ou des thèmes:Parfois, d'autres plugins ou le thème lui-même peuvent interférer avec la façon dont les images sont affichées ou la façon dont les balises Open Graph sont générées.
Solutions étape par étape
Voici comment vous pouvez dépanner et résoudre le problème des images qui n'apparaissent pas lors du partage d'une publication dans WordPress :
1. Assurez-vous que les balises Open Graph sont présentes
Les balises Open Graph sont essentielles pour contrôler l'affichage de votre contenu sur les réseaux sociaux. Sans elles, les plateformes pourraient avoir du mal à identifier la bonne image.
- Utiliser un plugin SEO: Des plugins comme Yoast SEO ou SEO tout-en-un Ajoutez automatiquement des balises Open Graph à vos publications. Assurez-vous que ces plugins sont correctement configurés pour inclure l'image sélectionnée dans les balises OG.
2. Définissez une image en vedette pour chaque publication
Une image à la une est souvent l'image par défaut utilisée par les plateformes de réseaux sociaux pour partager votre contenu. Voici comment la définir :
- Définir l'image sélectionnée:Lors de la création ou de la modification d'une publication, assurez-vous qu'une image sélectionnée est définie dans la barre latérale sous la section « Image sélectionnée ».
- Image de secours: Si vous oubliez fréquemment de définir une image sélectionnée, pensez à utiliser un plugin qui attribue automatiquement une image de secours si aucune n'est définie.
3. Ajout du code à votre thème
Maintenant que vous comprenez l'importance des balises Open Graph, ajoutons le code nécessaire à votre thème fonctions.php fichier. Si vous utilisez un thème enfant, ajoutez le code au fichier fonctions.php fichier pour garantir que vos modifications ne seront pas écrasées lors des futures mises à jour du thème parent.
- Accéder au tableau de bord WordPress et aller à Apparence > Éditeur de thèmes.
- Sélectionnez le
fonctions.phpdéposer de votre thème ou thème enfant. - Ajoutez le code PHP suivant à la fin du fichier :
- fonction add_opengraph_tags() {
si (is_single() || is_page()) {
poste mondial $;
si (has_post_thumbnail($post->ID)) {
$img_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'complet');
} autre {
// URL de l'image par défaut si la publication n'a pas d'image sélectionnée
$img_src = array('https://www.example.com/default-image.jpg');
}// Titre de l'article
$title = obtenir_le_titre();
// Description du message
$description = get_the_excerpt();echo ' ';
écho ' ';
écho ' ';
écho ' ';
écho ' ';
}
}
add_action('wp_head', 'add_opengraph_tags');
Explication du code :
add_opengraph_tags(): Cette fonction vérifie si la page actuelle est un article ou une page et, si tel est le cas, génère les balises Open Graph appropriées.- Image en vedette:
has_post_thumbnail($post->ID): Vérifie si la publication comporte un ensemble d'images en vedette.wp_get_attachment_image_src()Récupère l'URL complète de l'image sélectionnée. Si la publication ne comporte pas d'image sélectionnée, une image par défaut est utilisée.
- Titre et description:
obtenir_le_titre()etobtenir_l'extrait(): Récupérer le titre et la description du message, qui sont utilisés pour leog:titreetog:descriptionbalises, respectivement.
- URL canonique et type de contenu:
obtenir_permalink(): Récupère l'URL de la publication actuelle pour leog:urlétiqueter.og:type: Définissez sur « article » pour indiquer que le contenu est un article.
4. Vider les caches
Si vous avez apporté des modifications à votre publication ou à votre image, mais que l'ancienne image apparaît toujours, cela peut être dû à la mise en cache.
- Videz le cache de votre site: Si vous utilisez un plugin de mise en cache, effacez le cache après avoir apporté des modifications pour garantir que la version mise à jour est fournie aux utilisateurs.
- Utiliser le débogueur de partage de Facebook: Facebook met en cache les balises OG d'une URL. Utilisez le Débogueur de partage Facebook pour rafraîchir le cache de Facebook pour votre publication.
5. Vérifiez les conflits de plugins ou de thèmes
Parfois, d'autres plugins ou votre thème peuvent interférer avec la gestion des images. Voici comment résoudre le problème :
- Désactiver les plugins en conflit: Désactivez temporairement tous les plugins susceptibles d'interférer avec la gestion des images ou le référencement, tels que plusieurs plugins SEO, et vérifiez si le problème persiste.
- Passer à un thème par défaut: Passez temporairement à un thème WordPress par défaut (comme Twenty Twenty-One) pour voir si le problème est lié au thème. Si l'image s'affiche correctement avec le thème par défaut, le problème pourrait provenir de votre thème actuel.
S'assurer que l'image correcte s'affiche lors du partage d'une publication sur les réseaux sociaux est essentiel pour maximiser l'engagement et donner à votre contenu une apparence professionnelle. En suivant les étapes décrites dans cet article (vérification des balises Open Graph, définition d'une image à la une, vérification des tailles d'image correctes, vidage des caches et résolution des conflits potentiels), vous pouvez résoudre ce problème WordPress courant.
Si vous continuez à rencontrer des problèmes, envisagez de consulter un Développeur WordPress qui peut vous aider à diagnostiquer et à résoudre des problèmes plus complexes. Avec une configuration adéquate, vos publications auront toujours un bel aspect sur les réseaux sociaux !
Photo de Lucas
