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.
CMS-General

Comment inclure une balise open graph sur des images sur les pages de HubSpot ?

Dernière mise à jour: décembre 20, 2018

Disponible avec :

Marketing Hub Professional, Enterprise
Basique

Le protocole Open Graph vous permet de contrôler davantage la façon dont les sites tiers tels que les plateformes de réseaux sociaux traitent et affichent le contenu de votre site web. Les balises méta sont ajoutées automatiquement aux images dans les articles de blog HubSpot.  

Vous pouvez ajouter une balise open graph au code HTML de votre page de site web ou page de destination afin que votre contenu s'affiche comme vous le souhaitez sur d'autres sites. 

Note : pour obtenir des instructions détaillées sur la modification du code HTML de l'en-tête de votre page dans HubSpot, consultez cet article

Pour mettre en œuvre une balise méta open graph sur votre image sur une page de destination ou sur une page de site web HubSpot, vous pouvez ajouter le bloc de code suivant au code HTML de l'en-tête de la page :

Lorsque vous ajoutez ce code, veillez à remplacer IMG URL par l'URL de votre fichier depuis le Gestionnaire de fichiers. 

Les cartes Twitter nécessitent une balise méta supplémentaire afin d'afficher le contenu d'aperçu de la page de destination ou de la page de site web. Pour optimiser la façon dont le contenu s'affiche quand il est partagé sur Twitter, ajoutez le bloc de code suivant au code HTML de l'en-tête de votre page :

En savoir plus sur le balisage nécessaire pour les cartes Twitter dans leur documentation de développeur.