Vérifier image OG / textes avant déploiement. Tester l'image héro sur crop 1,91:1. Vérifier où chaque plateforme tronque titre/description. Rédiger des tags OG manquants.

og:title , og:description , og:image (URL absolue), og:url , og:type twitter:card="summary_large_image"

Aperçu statique, pas de fetch en direct. Utiliser les debuggers officiels. URLs d'image absolues. Image accessible publiquement. Ratio 1,91:1 (1200×630) fonctionne partout. Taille <1 MB. Cache — forcer re-scrape via debugger. Troncatures différentes : Twitter ~70, FB ~88, LinkedIn ~100. Discord utilise theme-color pour la bordure gauche.

Aperçu des Balises OG

Collez des balises meta OG ou remplissez titre/description/image — aperçu des cartes Twitter/X, Facebook, LinkedIn et Discord.

Paste meta tags (optional — fields below are filled from this if provided)

Title

Site URL

Description

Image URL

Site name

Twitter / X (summary_large_image)

Facebook

Discord

À quoi ça sert ?

Quand vous partagez un lien sur Twitter/X, Facebook, LinkedIn, Discord ou Slack, il devient une carte (titre, description, image) basée sur les meta-tags Open Graph. Chaque plateforme rend différemment. Cet outil affiche votre contenu côte à côte.

Quand l'utiliser

Vérifier image OG / textes avant déploiement.
Tester l'image héro sur crop 1,91:1.
Vérifier où chaque plateforme tronque titre/description.
Rédiger des tags OG manquants.

Tags minimum

og:title, og:description, og:image (URL absolue), og:url, og:type
twitter:card="summary_large_image"

Pièges courants

Aperçu statique, pas de fetch en direct. Utiliser les debuggers officiels.
URLs d'image absolues.
Image accessible publiquement.
Ratio 1,91:1 (1200×630) fonctionne partout.
Taille <1 MB.
Cache — forcer re-scrape via debugger.
Troncatures différentes : Twitter ~70, FB ~88, LinkedIn ~100.
Discord utilise theme-color pour la bordure gauche.