Générateur de balises meta Open Graph — Outil gratuit
Renseignez un titre, une description, une URL et une image, et récupérez les balises Open Graph, Twitter card et meta standard à coller dans le <head> de votre page. Chaque valeur est échappée, les champs vides sont omis, et les titres et descriptions trop longs sont signalés avant qu’une plateforme ne les tronque.
Fonctionnalités
- Open Graph, Twitter card, <title> et meta description générés à partir d’un seul jeu de champs
- Chaque valeur est échappée en HTML : un titre contenant un guillemet, une esperluette ou un chevron produit quand même des balises valides
- Des compteurs en direct signalent un titre de plus de 60 caractères ou une description de plus de 200 — les seuils utilisés par notre vérificateur d’aperçu de lien
- Les champs vides sont entièrement omis plutôt que d’émettre un attribut content vide, qu’un robot lirait comme un choix délibéré
- Tout se passe dans votre navigateur : pas d’inscription, rien n’est envoyé, aucune page n’est téléchargée
Questions fréquentes
Où placer ces balises ?
Dans l’élément <head> de la page, avant </head>. L’ordre est indifférent pour les robots, mais garder le bloc Open Graph groupé simplifie la maintenance. Si votre site utilise un CMS ou un framework, cherchez ses réglages head ou SEO plutôt que d’éditer le gabarit à la main : beaucoup émettent déjà certaines de ces balises, et deux og:title sur une page valent moins qu’un seul.
Pourquoi l’ancien aperçu s’affiche-t-il encore après le collage ?
Parce que la plateforme a mis la carte en cache dès la première lecture du lien, parfois pour plusieurs jours. La solution est de la forcer à relire la page : le Facebook Sharing Debugger, le LinkedIn Post Inspector et le X Card Validator relisent à la demande. En attendant, vos nouvelles balises sont bien en ligne mais invisibles sur la plateforme.
Faut-il à la fois les balises Open Graph et Twitter ?
Pas strictement : X retombe sur Open Graph quand une balise twitter: manque, comme la plupart des lecteurs. Celle qui mérite vraiment sa place est twitter:card, car elle décide si X affiche une grande image ou une petite vignette carrée. Ce générateur émet les deux jeux pour que rien ne dépende d’un repli que vous ne voyez pas.
Quelle taille pour l’image ?
1200 × 630 pixels est la valeur sûre : le ratio 1,91:1 attendu par Facebook, LinkedIn et le summary_large_image de X. Servez-la depuis une URL https absolue — un chemin relatif ne se résout pas pour un robot —, gardez le fichier sous environ 5 Mo et éloignez le texte des bords, car chaque plateforme recadre un peu différemment.
Que deviennent les guillemets et caractères spéciaux de mon titre ?
Ils sont échappés pour vous. Esperluettes, chevrons et guillemets doubles sont convertis en entités avant d’entrer dans un attribut : un titre comme Ben & Jerry’s "meilleur" parfum produit une balise valide au lieu d’un balisage cassé. Ce n’est pas qu’une question de propreté : un guillemet non échappé dans content ferme l’attribut trop tôt, et tout ce qui suit devient du balisage.
