Generateur de balises OGP (sortie automatique pour og:title, og:image et plus)

Saisissez l'URL, le titre, la description et l'URL de l'image. Generez les balises Open Graph et Twitter Card au meme endroit.

Pret a copier-coller Apercu integre Conseils image et cache

Comment l'utiliser

  1. Ouvrez l'outil et saisissez l'URL canonique, le titre et l'URL de l'image.
  2. Ajoutez si besoin la description, le nom du site et les reglages Twitter.
  3. Copiez les balises meta generees et collez-les dans le head de votre page.
  4. Verifiez l'apercu et les remarques, puis ajustez le ratio de l'image ou la strategie de cache si necessaire.

Qu'est-ce que l'OGP ?

Open Graph Protocol (OGP) est un ensemble de metadonnees utilise par les plateformes sociales et les applications de chat pour afficher les apercus de liens.

En definissant og:title, og:description, og:image et les balises associees, vous pouvez influencer l'apparence des URL partagees.

Associer l'OGP aux balises Twitter Card aide a conserver un comportement d'apercu plus coherent selon les plateformes.

Conseils de taille d'image (pour un apercu plus stable)

Guide des plateformes Meta (reference)

  • Reference minimale : 200×200.
  • Souvent stable : 1200×630 ou plus, au moins 600×315.
  • Visez un ratio proche de 1.91:1.
  • Le fichier image devrait idealement faire 8 Mo ou moins.

Guide des cartes X (reference)

  • summary_large_image vise generalement un ratio proche de 2:1.
  • Plage de reference : minimum 300×157, maximum 4096×4096.
  • La taille de fichier recommandee inclut moins de 5 Mo.
  • Utilisez JPG/PNG/WEBP/GIF lorsque c'est pris en charge.

Quand les mises a jour n'apparaissent pas (cache et nouvelle exploration)

  • Les robots sociaux peuvent mettre en cache les metadonnees recuperees. Utilisez le debugger/inspector de chaque plateforme pour demander une nouvelle exploration.
  • Si le remplacement d'image n'apparait pas, changer l'URL de l'image peut aider (nom de fichier mis a jour ou parametre de requete).
  • Definir og:image:width et og:image:height peut ameliorer la stabilite du rendu dans certains cas.

FAQ

Cet outil peut-il aussi generer les balises Twitter Card ?

Oui. Il peut produire twitter:card et les balises associees ensemble. Un mode minimal est egalement disponible.

Quelle taille d'image utiliser ?

Utilisez les conseils pratiques selon la destination. Les apercus orientes Meta utilisent souvent un ratio proche de 1.91:1 (par exemple 1200×630), tandis que X summary_large_image utilise souvent un ratio proche de 2:1 (par exemple 1200×600).

Pourquoi les modifications ne s'affichent-elles pas ?

Dans la plupart des cas, c'est lie au cache. Relancez une exploration via les outils de la plateforme et envisagez de changer l'URL de l'image apres son remplacement.