Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment corriger les images corrompues de la carte Twitter dans WordPress

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Vous cherchez un moyen de corriger les images cassées de la carte Twitter dans WordPress ?

Twitter essaie automatiquement d’afficher une miniature lorsque quelqu’un partage un lien depuis votre site WordPress. Cependant, il arrive qu’il affiche une miniature incorrecte, ce qui donne à votre site un aspect non professionnel.

Dans cet article, nous allons vous afficher comment corriger facilement les images cassées de la carte Twitter dans WordPress.

Fixing broken or missing Twitter card images in WordPress

Pourquoi les images de la carte Twitter ne fonctionnent-elles pas sur certains sites ?

Twitter utilise les métadonnées Open Graph pour rechercher des images lorsqu’un lien est partagé. Cela s’apparente à la manière dont Facebook affiche des miniatures lorsque vous partagez un lien sur une page ou un groupe.

Cependant, WordPress ne supporte pas les Meta Tags Open Graph par défaut. C’est pourquoi, lorsque vous partagez un lien sur Twitter, l’image de la carte Twitter ne s’affiche pas toujours.

A link without Twitter card image

Les images de la carte Twitter vous aident à attirer l’attention de vos utilisateurs/utilisatrices et à les inciter à cliquer sur un lien.

Cela signifie plus de trafic pour votre site WordPress à partir de Twitter.

A link with a large Twitter card image

Ceci étant dit, voyons comment corriger facilement les images cassées de Twitter Card dans WordPress.

Voici un aperçu rapide des sujets que nous allons aborder dans cet article. Vous pouvez passer à la section qui vous intéresse ou suivre les instructions étape par étape :

Corrigez les images cassées de Twitter Card en utilisant All in One SEO

Tout d’abord, vous devez installer et activer l’extension All in One SEO pour WordPress. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

All in One SEO est la meilleure extension WordPress pour le référencement sur le marché. Il vous permet d’optimiser facilement votre site WordPress pour les moteurs de recherche et les plateformes de réseaux sociaux, y compris Twitter.

Note : Il existe également une version gratuite de All in One SEO que vous pouvez utiliser pour corriger les images de la carte Twitter. Cependant, la version Pro est livrée avec des fonctionnalités de référencement plus puissantes.

Pour les besoins de ce tutoriel, nous présenterons la version Pro car c’est celle que nous utilisons, mais les instructions sont similaires pour la version gratuite.

Lors de l’activation, vous devez vous rendre sur la page All in One SEO  » Réglages généraux pour saisir votre clé de licence. Vous trouverez cette information dans votre compte sur le site de l’AIOSEO.

All in One SEO license

All in One SEO vous permet de contrôler totalement les images qui seront utilisées avec les cartes Twitter sur votre site. Nous vous guidons à travers toutes les étapes.

Tout d’abord, vous devez ajouter les URL de vos profils de réseaux sociaux. Celles-ci associeront votre site à votre profil Twitter et à d’autres plateformes de réseaux sociaux.

Il vous suffit de vous rendre sur la page All in One SEO  » Réseaux sociaux et de saisir les URL de vos profils de réseaux sociaux, y compris Twitter.

Add your social media profile URLs

Réglages de l’image par défaut de la carte Twitter

Ensuite, vous devez passer à l’onglet « Twitter » et cliquer sur le permuter à côté de l’option « Activer la carte Twitter ».

Turn on Twitter Card settings in AIOSEO

En dessous, vous verrez les réglages par défaut pour les cartes Twitter, qui fonctionneront pour la plupart des sites, mais vous pouvez les définir selon vos besoins.

En particulier, vous voudrez modifier la « Source d’image par défaut de la publication ». All in One SEO vous offre un grand nombre d’options.

Par exemple, vous pouvez choisir l’image en vedette, l’image jointe, la première image dans le contenu, l’image provenant d’un champ personnalisé, l’image de l’auteur/autrice de la publication ou la première image disponible.

Nous vous recommandons d’utiliser l’image mise en avant, car la plupart des thèmes WordPress supportent des images mises en avant qui conviennent aux images de la carte Twitter.

En dessous, vous trouverez l’option permettant de sélectionner une source d’image de terme par défaut. Cette image est utilisée lorsque quelqu’un partage l’URL d’une page d’archive de catégorie, d’identifiant ou d’un autre terme de taxonomie.

Setting a default term image

Vous pouvez téléverser une image par défaut ici, ou vous pouvez téléverser une image personnalisée pour chaque catégorie ou chaque identifié. Nous vous afficherons la marche à suivre ultérieurement.

Après avoir sélectionné la source d’image par défaut de la carte Twitter, n’oubliez pas de cliquer sur le bouton « Enregistrer les modifications » pour stocker vos Réglages.

Réglages de l’image par défaut de la carte Twitter sur la page d’accueil de WordPress

Voyons maintenant comment définir une image par défaut de la carte Twitter pour la page d’accueil de votre site.

Si vous n’utilisez pas de page d’accueil statique, vous pouvez définir une image de carte Twitter par défaut directement à partir de la page All in One SEO  » Réseaux sociaux sous l’onglet Twitter.

Add a custom image for your homepage

Toutefois, le résultat sera différent si vous utilisez une page d’accueil personnalisée.

Dans ce cas, vous verrez le lien pour modifier directement les Réglages de votre page d’accueil.

Edit your homepage to add custom Twitter card image

Sur l’écran de modification de la page, il suffit de défiler jusqu’à la case « Réglages AIOSEO » située sous l’éditeur/éditrices de contenu.

À partir de là, vous devez passer à l’onglet  » Social « , puis sélectionner Twitter.

Fixing Twitter card image for your WordPress homepage

Sous Réglages Twitter, vous pouvez surcharger les options par défaut.

Ici, vous pouvez fournir une image personnalisée de la carte Twitter à utiliser spécifiquement pour votre page d’accueil.

Custom Twitter card image for your WordPress homepage

Cliquez simplement sur le menu déroulant à côté de « Source d’image », et vous verrez une série d’options parmi lesquelles vous pourrez choisir. Vous pouvez choisir l’une de ces options ou téléverser une nouvelle image que vous souhaitez utiliser.

Une fois que vous avez terminé, n’oubliez pas de mettre à jour et d’enregistrer vos modifications.

Outil de personnalisation de l’image de la carte Twitter pour chaque publication ou page WordPress

Beaucoup de blogueurs aiment créer des images de médias sociaux personnalisées pour différentes plateformes comme Facebook, Twitter, Pinterest, et plus encore.

All in One SEO permet de surcharger les Réglages de l’image de votre carte Twitter par défaut et de fournir une image personnalisée pour n’importe quelle publication ou page.

Il vous suffit de modifier la publication ou la page et de défiler jusqu’à la case  » Réglages AIOSEO  » située sous l’éditeur de contenu. À partir de là, vous devez passer à l’onglet  » Social « , puis sélectionner  » Twitter « .

Twitter settings for individual posts and pages in WordPress using AIOSEO

Ensuite, vous pouvez définir des données Twitter Open Graph personnalisées, notamment une image personnalisée utilisée spécifiquement pour cet article.

Il suffit de défiler jusqu’à la section « Source de l’image » et de cliquer sur le menu déroulant.

Setting custom Twitter image for post or pages

Vous pouvez choisir l’une des images proposées ou sélectionner « Sélectionné » pour téléverser une nouvelle image.

Ensuite, il vous suffit de cliquer sur le bouton  » Téléverser ou sélectionner une image  » pour téléverser une image depuis votre ordinateur ou en utiliser une depuis votre médiathèque WordPress.

Une fois que vous avez terminé, n’oubliez pas de mettre à jour ou de publier votre publication ou votre page pour enregistrer vos modifications.

Réglages des images personnalisées de Twitter Card pour les catégories et les identifiés

Tout comme les publications et les pages, All in One SEO facilite également le téléversement d’une image personnalisée pour les catégories individuelles, les identifiants, les catégories de produits WooCommerce et d’autres taxonomies.

Il vous suffit de vous rendre sur la page  » Publications  » Catégories et de cliquer sur le lien  » Modifier  » en dessous de la catégorie dans laquelle vous souhaitez téléverser une image de carte Twitter personnalisée.

Edit category

Vous accédez alors à l’écran « Modifier la catégorie », où vous devez défiler jusqu’à la case « Réglages AIOSEO ».

À partir de là, passez à l’onglet « Social » et sélectionnez « Twitter ».

Setting Twitter card image for a WordPress category

Vous devez maintenant défiler jusqu’à la section  » Source de l’image  » et cliquer sur le menu déroulant.

Vous pouvez choisir l’une des options d’image sélectionnées ou sélectionner « Image personnalisée » pour téléverser une nouvelle image Twitter.

Adding your custom image to be used as Twitter card for category

Ensuite, il vous suffit de cliquer sur le bouton  » Téléverser ou sélectionner une image  » pour téléverser une image depuis votre ordinateur ou en utiliser une depuis votre médiathèque WordPress.

Une fois que vous avez terminé, n’oubliez pas de cliquer sur le bouton « Mettre à jour » pour enregistrer vos modifications.

Test de validité de l’image de la carte Twitter d’une publication

Une fois que vous avez configuré les images de la carte Twitter, vous voudrez les tester pour vous assurer qu’elles apparaissent correctement lorsque quelqu’un partage un lien depuis votre blog WordPress.

Il vous suffit de copier l’URL de la page ou de la publication que vous souhaitez tester, puis de vous rendre sur le site Twitter Card Validator. Collez l’URL dans le champ « URL de la carte » et cliquez sur le bouton « Prévisualisation de la carte ».

Twitter Card Validator

L’outil de validation de carte récupère alors le lien et affiche un journal indiquant que la carte a bien été récupérée. Auparavant, l’outil de validation de carte affichait également une prévisualisation de la carte lorsque quelqu’un la partageait sur Twitter, mais cette fonctionnalité a été mise en avant dans Tweet Composer.

Dépannage des images cassées de la carte Twitter sur WordPress

Si vous avez suivi les étapes précédentes et que vous n’arrivez toujours pas à voir l’image correcte de la carte Twitter, vous pouvez essayer ces astuces de dépannage.

Vider le cache de WordPress

La cause la plus probable des images Twitter cassées est les extensions de mise en cache de WordPress. Même si vous avez défini l’image de la carte Twitter dans All in One SEO, il se peut que votre plugin de mise en cache affiche une version obsolète.

Pour corriger ce problème, vous devez effacer la mise en cache de WordPress, puis tester à nouveau à l’aide de l’outil Twitter Card Validator.

Choisissez la bonne taille d’image

Confirmez que l’image que vous définissez pour la carte Twitter n’est ni trop petite ni trop grande. Twitter recommande des images d’une résolution minimale de 144×144 pixels et d’une taille inférieure à 5 Mo.

Astuce : Vous pouvez tout apprendre sur les tailles d’image des réseaux sociaux dans notre ultime cheat sheet sur les réseaux sociaux pour les débutants WordPress.

Nous espérons que cet article vous a aidé à corriger les images cassées de la carte Twitter sur WordPress. Vous voudrez peut-être aussi voir notre guide ultime sur la façon d’augmenter le trafic de votre blog ou nos choix d’experts pour les meilleures extensions de réseaux sociaux pour WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

4 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    I had the same problem with Yoast seo. Each article was set up the same. For some, the image was loaded and for some not at all. Settings the same. I never got to the source of the problem. The social card was filled out in the advice. the problem was completely eliminated only by replacing Yoast seo with AIO SEO.

    • WPBeginner Support says

      Please ensure you’ve cleared all caching for your site before using the card validator as that is the most common reasons that it does not update.

      Administrateur

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.