Creez et testez vos balises Open Graph. Visualisez l'apercu Facebook et Twitter de votre page avant publication. Generez le HTML des meta tags OG. 100% gratuit et sans inscription.
25/60
121/160
Apercu Facebook
sharing-data.fr
Mon super article de blog
Decouvrez nos conseils pour reussir votre projet digital. Un guide complet pour les developpeurs et entrepreneurs du web.
Apercu Twitter / X
Mon super article de blog
Decouvrez nos conseils pour reussir votre projet digital. Un guide complet pour les developpeurs et entrepreneurs du web.
sharing-data.fr
Controllez votre apparence sur les reseaux sociaux
Quand quelqu'un partage votre lien sur Facebook, LinkedIn, Twitter ou WhatsApp, la plateforme
lit vos balises Open Graph pour construire l'apercu. Un titre accrocheur, une description claire
et une belle image peuvent doubler le taux de clic sur vos partages.
Notre testeur vous permet de saisir vos informations et de visualiser immediatement le resultat
tel qu'il apparaitra sur Facebook et Twitter. Une fois satisfait, copiez les balises meta
generees et collez-les dans le <head> de votre page HTML.
Fonctionnalites
Tous les champs OG essentiels — Titre, description, image, URL, type, nom du site.
Apercu Facebook — Simulation visuelle fidele de la carte de partage Facebook.
Apercu Twitter/X — Simulation de la Twitter Card en mode "summary_large_image".
Compteur de caracteres — Alertes automatiques si le titre (60 car.) ou la description (160 car.) est trop long.
Generation HTML complete — Balises og: et twitter: generees ensemble, pret a copier.
Copie en un clic — Tout le bloc de balises meta copie instantanement.
Questions frequentes
Qu'est-ce que l'Open Graph ?
L'Open Graph Protocol (OGP), cree par Facebook en 2010, est un ensemble de balises meta HTML qui controlent comment une page web s'affiche lorsqu'elle est partagee sur les reseaux sociaux. Sans ces balises, les reseaux sociaux choisissent automatiquement le titre, la description et l'image a afficher, souvent avec des resultats decevants.
Quelles dimensions pour l'image Open Graph ?
La taille recommandee est 1200x630 pixels (ratio 1.91:1). Pour Twitter/X en mode "summary_large_image", c'est la meme chose. L'image doit etre accessible publiquement (pas derriere une authentification) et faire moins de 8 Mo. Les formats JPEG et PNG sont les plus compatibles.
Combien de caracteres pour le titre et la description OG ?
Facebook tronque le titre apres environ 60 caracteres et la description apres 160 caracteres. LinkedIn est encore plus restrictif. En pratique, visez un titre entre 40 et 60 caracteres et une description entre 100 et 160 caracteres pour etre sur que votre contenu s'affiche correctement sur toutes les plateformes.
Les balises Open Graph influencent-elles le referencement Google ?
Google n'utilise pas directement les balises OG pour le classement des pages. Cependant, un bon partage social genere du trafic et des backlinks naturels, ce qui beneficie indirectement au SEO. De plus, Google utilise parfois og:image pour les rich snippets dans les resultats de recherche.
Comment verifier que mes balises OG fonctionnent en production ?
Facebook propose le Sharing Debugger (developers.facebook.com/tools/debug/), Twitter/X dispose du Card Validator, et LinkedIn a le Post Inspector. Apres avoir deploye vos balises, utilisez ces outils officiels pour forcer un recrawl et verifier l'apercu reel. Notre outil vous permet de creer et tester les balises avant le deploiement.
Chaque semaine, le meilleur de la tech francaise
Tendances, salaires, outils et opportunites — directement dans votre boite mail.