Générateur d'Aperçu Open Graph

Les balises Open Graph (OG) sont des balises méta HTML qui contrôlent l'apparence de votre page web lorsqu'elle est partagée sur les plateformes de réseaux sociaux like Facebook, LinkedIn, Twitter, and WhatsApp. They define the title, description, and preview image that users see, which directly impacts click-through rates and engagement. Without proper OG tags, platforms use default content that may not represent your page well.

Facebook et LinkedIn utilisent les balises Open Graph standard (og:title, og:description, og:image), while Twitter has its own Twitter Card tags (twitter:title, twitter:description, twitter:image). Twitter can fall back to OG tags if Twitter-specific tags are missing. Each platform has slightly different display formats-Facebook/LinkedIn prefer 1200x630px images, while Twitter uses 1200x600px for summary cards.

Pour Facebook et LinkedIn, utilisez 1200x630px (1.91:1 aspect ratio). For Twitter, use 1200x600px (2:1 aspect ratio) for large summary cards. WhatsApp uses the same as Facebook. Images should be JPG or PNG format (not SVG), under 8MB, and display well at small sizes since mobile users may see compressed versions.

Les titres doivent faire 40-60 caractères pour Facebook/LinkedIn (max 70 for Twitter) to avoid truncation. Descriptions work best at 150-200 characters across all platforms-long enough to be compelling but short enough to display fully. Both should be front-loaded with key information since platforms may cut off text on smaller screens.

Utilisez cet outil pour prévisualiser l'apparence de votre lien sur les différentes plateformes, or use platform-specific debuggers like Facebook's Sharing Debugger or Twitter's Card Validator. Always clear the platform's cache after updating OG tags (using their debugger tools) since social networks cache preview data for 7-30 days to reduce load times.

og:image est l'image Open Graph standard utilisée par Facebook, LinkedIn, WhatsApp et la plupart des plateformes. twitter:image is Twitter's specific tag for Twitter Cards. If twitter:image is not set, Twitter will fall back to og:image. Use both tags if you want different images for Twitter versus other platforms, or just set og:image if you want the same image everywhere.

Mettez à jour les balises OG chaque fois que le contenu de votre page change significativement, que vous renouvelez vos visuels pour une campagne saisonnière ou que l'engagement obtenu n'est pas à la hauteur de vos attentes. Après modification, utilisez les outils de débogage des plateformes pour vider leur cache afin que le nouvel aperçu s'affiche immédiatement. Pour les articles de blog et les contenus sensibles au temps, vérifiez que les balises OG sont correctes avant tout partage, afin d'éviter d'avoir à forcer une remise en cache.