Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Social

Résoudre les problèmes d'aperçu de liens dans les posts sur les réseaux sociaux

Dernière mise à jour: août 16, 2021

Disponible avec :

Marketing Hub Pro, Entreprise
Ancienne version Marketing Hub Basique

Lorsque vous ajouterez des liens à des posts sur les réseaux sociaux dans HubSpot, vous verrez un aperçu qui comprend une image en vignette, un titre de page et une description de page. Si l'image, le titre ou la description ne s'affichent pas ou que vous rencontrez des problèmes avec l'image en vignette, utilisez les étapes ci-dessous pour les résoudre.

Les aperçus sur les réseaux sociaux se fondent sur les méta-balises dans la section <head> de votre page HTML. Elles indiquent aux sites de médias sociaux comme Facebook, LinkedIn et Twitter sur quoi se concentrer pour créer un aperçu du lien partagé. Les méta-balises basiques sont les suivantes :

  • og:title : le titre de votre contenu.
  • og:type : le type de contenu, tel qu'une vidéo ou une page web.
  • og:image : l'URL de l'image représentant votre contenu.
  • og:url : l'URL unique de votre contenu qui sera utilisée comme ID permanent.
  • og:description : la description qui résume votre image.

Le titre, la méta-description et l'image en vignette sont automatiquement définis pour les articles de blog. Pour les pages de destination et les pages de site web, si le titre et la méta description sont également automatiquement définis, l'image en vignette doit être définie manuellement

Remarque : LinkedIn affichera l'image en vignette, le titre de page et l'URL dans l'aperçu, mais n'inclura pas la méta-description.

L'image en vignette, le titre ou la description de la page ne s'affiche pas dans l'aperçu du post

Si votre aperçu sur les réseaux sociaux n'affiche pas l'image en vignette prévue, le titre de la page ou la description de la page, vous pouvez résoudre le problème dans HubSpot ou utiliser des outils externes de débogage.

Résolution des problèmes dans HubSpot 

Si vous ajoutez un lien vers un article de blog, une page de destination ou une page web hébergé(e) sur HubSpot, assurez-vous qu'une image en vignette est définie dans les paramètres de la page ou de l'article de blog.

Vous pouvez également définir manuellement une balise og:image pour ajouter une image en vignette : 

  • Dans votre compte HubSpot, accédez à vos pages de destination ou à vos pages de site web.

  • Passez le curseur de la souris sur une page et cliquez sur Modifier
  • Dans l'éditeur de contenu, cliquez sur l'onglet Paramètres, puis sur Options avancées
  • Dans la section Blocs de texte de code supplémentaires, saisissez ce bloc de code dans le champ HTML de l'en-tête : 

 <meta property="og:image" content="IMG URL">

<meta name="twitter:card" content="summary_large_image">

  • Dans l'angle supérieur droit, cliquez sur Publier ou Mettre à jour pour publier les modifications. 

Résoudre les problèmes d'outils de développeur de navigateurs

Si vous partagez une page externe dans votre post sur les réseaux sociaux, vous pouvez utiliser les outils de développeur de navigateurs, tels que ceux de Chrome, afin de garantir que les méta-balises des pages sont définies correctement. Consultez la source de la page, puis vérifiez et confirmez les éléments suivants :

  • La balise og:image et les autres méta-balises s'affichent correctement. 
  • Les détails de chaque balise sont corrects. Par exemple, vérifiez que l'URL de l'image en vignette pour la balise og:image est correcte.
  • Il existe une seule occurrence de chaque type de méta-balise. S'il existe plusieurs occurrences de la même méta-balise, les réseaux sociaux ne peuvent pas sélectionner la bonne lors de la génération d'un aperçu du lien.
  • Vos méta-balises se trouvent vers le début du code HTML. Si vos méta-balises sont précédées de code supplémentaire ou d'autres balises, il est possible que les robots d'exploration de certains réseaux sociaux ne parviennent pas à les localiser.

inspect-for-featured-image


Résolution des problèmes avec les outils de débogage des réseaux sociaux

Si vous constatez une différence entre l'aperçu de votre post, le réseau social doit peut-être de nouveau analyser la page. Utilisez les outils de validation suivants pour chaque réseau social afin d'afficher toutes les erreurs ou de lancer une nouvelle analyse de la page.

  • Facebook Sharing Debugger : Facebook effectue automatiquement une nouvelle analyse du contenu toutes les 24 heures. Pour déclencher manuellement une nouvelle analyse, cliquez sur Scanner de nouveau dans l'outil Sharing Debugger.
  • Validateur de cartes Twitter : À la suite de la publication d'un post, Twitter met en cache le contenu pendant 7 jours. Cliquez sur Aperçu de la carte dans le validateur de cartes pour lancer une nouvelle analyse de votre contenu.
  • Post Inspector de LinkedIn : À la suite de la publication d'un post, LinkedIn met en cache le contenu pendant 7 jours. Cliquez sur Inspecter dans Post Inspector pour lancer une nouvelle analyse de votre contenu.

En règle générale, tous les posts publiés avant la nouvelle analyse de la page conserveront toujours l'image incorrecte. Si la balise og:image n'a pas été définie pour une page, le réseau social scannera celle-ci pour trouver l'image la plus appropriée à inclure dans le post. Il s'agit généralement de la première image qu'il trouve. Une image d'aperçu du lien peut ne pas s'afficher si un fichier robots.txt ou un logiciel de sécurité est utilisé pour empêcher l'analyse de pages.

Problèmes d'affichage d'image en vignette 

Si l'aperçu de votre post sur les réseaux sociaux affiche l'image en vignette prévue, mais que l'affichage de cette image est incorrect, vous pouvez vérifier les éléments suivants. 

La taille ou les dimensions de l'image sont incorrectes

Si l'image en vignette ne s'affiche pas correctement dans l'aperçu du post (par exemple, l'image est coupée ou le rapport hauteur/largeur est incorrect), vous devrez peut-être modifier l'image afin que ses dimensions correspondent aux dimensions appropriées pour chaque réseau social, puis republier la page. 

Les dimensions suivantes sont recommandées pour l'optimisation des images en vignette sur chaque réseau :

  • Facebook : 1.91:1
  • Twitter : 16:9 pour les tweets comprenant une photo et 1.91:1 pour les images en vignette de tweets avec un lien
  • Instagram (carré) : 1:1
  • Instagram (portrait) : 4:5
  • Instagram (paysage) : 1.91:1
  • LinkedIn (paysage) : 1.91:1

Assurez-vous que tout média inclus dans vos posts sur les réseaux sociaux respecte les directives relatives à la taille de chaque réseau. Si HubSpot détermine qu'un fichier est trop volumineux pour être publié sur un réseau précis, un avertissement s'affichera lors de la création du post sur les réseaux sociaux. Voici les tailles de fichiers maximales pour chaque réseau social :

  • Facebook : 8 Mo (moins de 1 Mo recommandé pour les fichiers PNG afin d'éviter la pixellisation)
  • Instagram : 8 Mo
  • Twitter : 5 Mo (15 Mo pour les GIF)
  • LinkedIn : 10 Mo

Différences de couleur d'image

Les profils de couleurs intégrés peuvent affecter la façon dont votre image en vignette s'affiche dans votre post sur les réseaux sociaux. Chaque système traite les profils de couleurs de différentes manières, ce qui explique pourquoi les couleurs peuvent être différentes dans l'aperçu de l'image et dans votre gestionnaire de fichiers.

Vous pouvez tester l'URL de l'image dans un outil externe pour voir si elle utilise un profil de couleurs peu fréquent. Au besoin, vous pouvez supprimer le profil de couleurs en question dans un outil externe de retouche de photos comme Photoshop, puis republier la page avant de publier votre post sur les réseaux sociaux.

Différences de clarté d'image

Le gestionnaire de fichiers de HubSpot compresse les images au format JPEG et PNG pour optimiser la vitesse de chargement de votre contenu hébergé sur HubSpot. Les réseaux sociaux utilisent également la compression d'images pour les posts, dont la qualité peut donc varier par rapport à ce que vous voyez dans HubSpot.

Pour cette raison, il est recommandé d'utiliser des images de haute résolution pour chaque réseau. Si votre image ne respecte pas les exigences d'un réseau social, un avertissement apparaîtra dans l'outil HubSpot de publication sur les réseaux sociaux afin d'ajuster votre image.