Web et authentification

Aperçu de la balise méta OG

Outil de prévisualisation gratuit en ligne des balises méta Open Graph. Voyez à quoi ressemble votre page sur Google, Facebook, Twitter et LinkedIn avant de la publier.

Gratuit Sans inscription Fonctionne dans votre navigateur

Espace de travail de l’outil

Generated meta tags

<meta property="og:title" content="My Awesome Page">
<meta property="og:description" content="This is a great description of the page that will appear in search results and social media previews.">
<meta property="og:url" content="https://example.com/my-page">
<meta property="og:image" content="https://placehold.co/1200x630/3b82f6/white?text=OG+Image">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Awesome Page">
<meta name="twitter:description" content="This is a great description of the page that will appear in search results and social media previews.">
<meta name="twitter:image" content="https://placehold.co/1200x630/3b82f6/white?text=OG+Image">

Google Search Preview

example.com/my-page

My Awesome Page

This is a great description of the page that will appear in search results and social media previews.

Facebook / LinkedIn Preview

OG Image

example.com/my-page

My Awesome Page

This is a great description of the page that will appear in search results and social media previews.

Twitter Card Preview

Twitter Card

My Awesome Page

This is a great description of the page that will appear in search results and social media previews.

example.com/my-page

Qu'est-ce qu'un outil de prévisualisation des balises méta OG ?

Les balises méta Open Graph (OG) sont des métaéléments HTML qui contrôlent la façon dont vos pages Web apparaissent lorsqu'elles sont partagées sur des plateformes de médias sociaux telles que Facebook, Twitter, LinkedIn et des applications de messagerie. Ils définissent le titre, la description, l'image et l'URL affichés dans les aperçus des liens. Cet outil vous permet de saisir les valeurs de vos balises méta OG et de prévisualiser instantanément l'apparence de votre page dans les résultats de recherche Google, les cartes de partage Facebook/LinkedIn et les cartes Twitter, le tout sans publier ni déployer votre page. Obtenir ces aperçus corrects est essentiel pour maximiser les taux de clics et garantir que votre contenu ait un aspect professionnel lorsqu'il est partagé.

Comment utiliser l'aperçu de la balise méta OG

  1. 1Saisissez le titre de votre page dans le champ 'og:title'. Gardez-le sous 60 caractères pour un meilleur affichage sur toutes les plateformes.
  2. 2Ajoutez l'URL de votre page dans le champ 'og:url'. Il s'agit de l'URL canonique qui sera affichée dans les aperçus.
  3. 3Écrivez une description convaincante dans le champ 'og:description'. Visez 155 caractères ou moins pour un affichage optimal.
  4. 4Collez l'URL de votre image OG dans le champ 'og:image'. La taille recommandée est de 1 200 × 630 pixels pour de meilleurs résultats sur toutes les plateformes.
  5. 5Consultez les aperçus en direct ci-dessous pour voir comment votre page apparaîtra sur Google, Facebook/LinkedIn et Twitter.

Cas d'utilisation courants

Examen du contenu avant le lancement

Prévisualisez la façon dont les articles de blog, les pages de destination et les pages de produits apparaîtront dans les partages sociaux avant la publication, en détectant les problèmes liés aux titres tronqués ou aux images manquantes.

Optimisation du référencement

Optimisez les titres et les descriptions de vos pages pour les résultats des moteurs de recherche en prévisualisant l'apparence de la recherche Google et en vous assurant que les informations clés sont visibles.

Marketing des médias sociaux

Créez des aperçus de partage convaincants qui maximisent l'engagement et les taux de clics lorsque votre contenu est partagé sur Facebook, Twitter et LinkedIn.

Présentations clients

Montrez aux clients à quoi ressembleront leurs pages sur différentes plates-formes lors des révisions de conception, sans avoir besoin de les déployer dans un environnement réel.

Questions fréquentes

Quelle est la taille d’image recommandée pour les balises méta OG ?

La taille d’image OG recommandée est de 1 200 × 630 pixels avec un rapport hauteur/largeur 1.91:1. Cette taille fonctionne bien sur Facebook, Twitter, LinkedIn et la plupart des autres plateformes. Utilisez des images de haute qualité et gardez le contenu important centré, car certaines plates-formes peuvent recadrer les bords.

Quelle est la différence entre les balises OG et les cartes Twitter ?

Les balises Open Graph (og:title, og:description, og:image) sont utilisées par Facebook, LinkedIn et de nombreuses autres plateformes. Twitter a ses propres balises méta (twitter:card, twitter:title, twitter:description, twitter:image) mais reviendra aux balises OG si les balises spécifiques à Twitter ne sont pas présentes.

Pourquoi mon lien partagé affiche-t-il une mauvaise image ou un mauvais titre ?

Les plateformes sociales mettent en cache les aperçus de liens. Après avoir mis à jour vos balises OG, videz ce cache avec les outils propres à chaque plateforme : Sharing Debugger pour Facebook, Card Validator pour Twitter ou Post Inspector pour LinkedIn. Les modifications peuvent mettre quelques minutes à se propager.