Balises Meta Open Graph : Votre guide des balises Meta OG [+FAQ]

Avez-vous déjà posté quelque chose sur Facebook uniquement pour être insatisfait de la façon dont il est apparu ?

Ce problème est celui auquel de nombreuses entreprises sont confrontées sur les sites de médias sociaux comme Facebook, Twitter et LinkedIn –– des images de mauvaise qualité aux titres ternes. S'il s'agit d'un problème auquel votre entreprise est confrontée, il existe une solution : ouvrez les balises META du graphique.

Les balises méta Open Graph vous permettent de contrôler la façon dont vos messages apparaissent sur Facebook et d'autres sites sociaux, de sorte que les liens vers votre site Web et vos blogs soient attrayants et descriptifs.

Continuez à lire pour obtenir des réponses à des questions telles que :

• Qu'est-ce qu'une balise de graphique ouvert ?
• À quoi ressemble le code d'une balise de graphique ouvert ?
• Quels types de balises META Open Graph existe-t-il ?

De plus, consultez notre FAQ pratique à la fin pour obtenir des réponses à des questions supplémentaires sur les balises META Open Graph !

PS Vous voulez obtenir plus de trucs et astuces pour commercialiser votre entreprise en ligne ? Rejoignez plus de 190 000 spécialistes du marketing avertis en vous abonnant à Revenue Weekly !

Pour encore plus de conseils en marketing numérique, inscrivez-vous à l'e-mail auquel plus de 190 000 autres spécialistes du marketing font confiance : Revenue Weekly.

Inscrivez-vous aujourd'hui!

Qu'est-ce qu'une balise de graphique ouvert ?

Les balises méta Open Graph vous aident à contrôler les informations qui s'affichent lorsque vous publiez du contenu sur votre page Facebook à partir d'un site Web, d'un blog ou d'un autre emplacement similaire. Ces balises vont dans l'en-tête de votre site Web et déterminent ce que les gens verront lorsque vous partagerez les pages de votre site Web sur Facebook.

Ces balises ont été créées pour promouvoir l'intégration entre les sites Web et Facebook afin de faciliter la création de publications Facebook qui incitent les gens à visiter votre site Web.

À quoi ressemble le code des balises META Open Graph ?

Maintenant que vous avez une réponse à « que sont les balises de graphe ouvert », vous vous demandez peut-être à quoi ressemble le codage de ces balises.

L'apparence de ce codage dépend de la balise que vous utilisez et des informations que vous devez saisir, mais la formule de base ressemble à ceci :

<meta property="type de balise" content="informations pour la balise" />

Vous placerez la balise que vous utilisez dans la section Type de balise, que nous aborderons dans la section suivante. Pour la partie information, vous mettez les informations requises par la balise.

Par exemple, si vous avez utilisé une balise Meta Open Graph pour votre URL, vous devez inclure l'URL de la page Web en tant que contenu.

5 types de balises meta open graph

Il existe cinq types de balises meta open graph que vous pouvez utiliser pour contrôler les informations contenues dans vos publications Facebook :

1. og : titre

Le premier sur notre liste de balises graphiques ouvertes est og:title. Cette balise vous permet de contrôler le titre qui apparaît lorsque vous partagez votre contenu Web sur votre page Facebook.

Si vous n'utilisez pas cette balise, Facebook extrait automatiquement la balise meta title de votre page. L'utilisation de cette balise peut créer un titre plus convaincant qui incitera les utilisateurs de Facebook à cliquer sur votre article.

Pour utiliser cette balise de graphique ouvert, vous utiliserez ce code :

<meta property="og:title" content="titre de la page ici" />

2. og :description

Une autre des balises méta og que vous voudrez utiliser est og: description. Cette balise vous permet d'ajouter une courte description qui apparaît lorsque vous partagez la page sur vos réseaux sociaux.

Cette description vous permet de fournir à votre public des informations sur ce à quoi s'attendre sur la page. Étant donné que cette description n'a pas d'impact sur vos efforts d'optimisation des moteurs de recherche (SEO), vous n'avez pas besoin de passer votre temps à essayer d'intégrer des mots-clés dans la description.

Concentrez-vous sur la fourniture d'une description informative et attrayante afin que les utilisateurs cliquent sur votre lien.

Pour utiliser cette fonctionnalité comme l'une de vos balises Open Graph, vous utiliserez ce code :

<meta property="og:description" content="description ici" />

3. og:type

Un autre des types de balises méta de graphique ouvert que vous voudrez utiliser est og: type. Cette balise de graphique ouvert vous permet de spécifier le type d'objet que vous partagez. Vous pouvez choisir parmi des dizaines d'options, mais les plus populaires incluent :

• Site Internet
• Article de blog
• Vidéo
• Image

Lors du partage d'une page de votre site Web, vous utiliserez le type "site Web" pour spécifier.

Pour utiliser cette balise, vous devez ajouter ce code à votre page :

<meta property="og:type" content="type de balise (site Web, vidéo, etc.)" />

4. og:url

Le suivant sur notre liste de types de balises META open graph est og:url. Cette balise vous permet de spécifier l'URL vers laquelle vous souhaitez diriger les internautes sur votre site Web. Cette balise est utile si vous avez plusieurs URL pour le même contenu, par exemple si vous avez une page avec des paramètres et une sans paramètres.

La configuration de cette balise garantit que tout le trafic de vos partages est dirigé vers la bonne URL.

Voici le code pour implémenter cette balise :

<meta property="og:url" content="url lien ici" />  

5. og:image

La dernière des balises META Open Graph que nous aborderons est og:image. Cette balise vous permet de définir la vignette de votre contenu lorsque vous le partagez.

L'image dans votre message joue un rôle important pour déterminer si quelqu'un clique sur votre message. Si votre photo est granuleuse ou sans rapport avec le contenu, vous risquez de dissuader les gens de visiter votre page.

Lorsque vous configurez cette balise Meta og, il est recommandé de choisir une image d'au moins 1 200 x 627 pixels.

La taille de votre fichier image ne doit pas non plus dépasser 5 Mo. Vous pouvez sélectionner une image sur votre site ou une image d'ailleurs.

Pour implémenter cette balise de graphique ouvert, utilisez ce code :

<meta property= "og:image" content= "domainname.com/imagename.filetype" />

FAQ sur les balises META Open Graph

Vous avez d'autres questions sur les balises Open Graph ? Nous avons des réponses !

Pourquoi les balises META Open Graph sont-elles importantes ?

Après avoir appris les balises méta og, vous vous demandez peut-être pourquoi elles sont importantes. Comment la mise en œuvre de ces balises aide-t-elle votre entreprise ?

L'une des principales raisons d'utiliser des balises graphiques ouvertes est qu'elles vous donnent plus de contrôle sur la façon dont votre contenu apparaît lorsqu'il est partagé via les réseaux sociaux.

Lorsque vous partagez des liens vers votre site Web sur vos pages sociales, vous souhaitez inciter les autres à partager également votre contenu.

Si votre message n'incite pas les prospects à cliquer et à en savoir plus, ils ne le partageront pas. Les balises graphiques ouvertes vous permettent de modifier l'apparence de votre message, afin que davantage de personnes s'intéressent à ce que vous partagez.

De plus, les balises méta og ont un impact sur les performances de votre contenu auprès de votre public. Lorsque vous pouvez contrôler l'apparence de vos messages, vous pouvez les modifier pour les rendre plus attrayants pour votre public.

En conséquence, votre public est plus susceptible de remarquer et d'interagir avec votre contenu.

Puis-je vérifier mes balises pour m'assurer qu'elles sont correctes ?

Oui!

Vous pouvez utiliser le débogueur de partage Facebook Crawler pour voir comment vos messages apparaissent lorsqu'ils sont partagés sur une page de réseau social. Cet outil vous permet également de voir quelles balises de graphique ouvertes Facebook reconnaît.

C'est un excellent moyen de vérifier que vous avez utilisé vos balises correctement et qu'elles fonctionnent.

Cela vous permet de voir facilement à quoi ressemblera votre contenu une fois que vous l'aurez partagé sur les réseaux sociaux.

Les autres plates-formes utilisent-elles des balises Meta Open Graph ?

Oui. Alors que Facebook est la plate-forme principale pour l'utilisation de balises méta de graphe ouvert, Twitter et LinkedIn utilisent également les balises.

Pour LinkedIn, la configuration de la balise est la même que pour Facebook.

Vous pouvez utiliser les balises suivantes pour la plate-forme :

• og:titre
• og:image
• og :description
• og:url

Pour Twitter, la configuration du codage est un peu différente. Le code ressemble à ceci :

<meta name="twitter:tag" content ="info" />

Voici les balises méta og que vous pouvez utiliser sur Twitter :

• Twitter:card (version Twitter de og:types)
• Gazouillement : titre
• Gazouillement :description
• Twitter : URL
• Gazouillement : image

Vous avez besoin d'aide pour configurer les balises Meta Open Graph pour votre entreprise ?

Les balises méta Open Graph sont un excellent moyen pour votre entreprise de contrôler la manière dont les publications de votre page apparaissent sur les réseaux sociaux. C'est un excellent moyen d'augmenter le nombre de clics et de générer plus de trafic pour votre entreprise.

Mais si vous n'avez pas d'expérience en matière de codage ou si vous ne savez pas comment implémenter des balises méta de graphique ouvert, Metadosi peut vous aider.

Notre équipe de plus de 450 experts en marketing peut vous aider à implémenter des balises méta à graphique ouvert pour améliorer les performances de vos publications. De plus, nos services de marketing sur les réseaux sociaux peuvent vous aider à gérer tous les aspects de vos réseaux sociaux, de la publication de contenu à l'interaction avec les prospects.

Contactez-nous en ligne ou appelez-nous dès aujourd'hui au 888-601-5359 pour parler à un stratège !