Question 1

Quelles dimensions d'image dois-je utiliser pour og:image ?

Accepted Answer

La taille minimale recommandée est 1200×630 pixels avec un rapport d'aspect de 1,91:1. Facebook et LinkedIn recadrent les images plus petites. Utilisez un PNG ou JPEG inférieur à 8 Mo. Évitez de placer du texte critique trop près des bords, car les plateformes peuvent légèrement recadrer l'image pour les miniatures.

Question 2

Quelle est la différence entre og:type et les types de Twitter Card ?

Accepted Answer

og:type décrit le type de contenu de la page — 'website' pour les pages générales, 'article' pour les articles de blog, 'video.other' pour le contenu vidéo. Twitter Cards est un système distinct : summary affiche une petite vignette, summary_large_image affiche une image pleine largeur et player intègre une vidéo. Ils sont définis indépendamment avec <meta name="twitter:card">.

Question 3

Puis-je générer des images OG dynamiques automatiquement ?

Accepted Answer

Oui. Des outils comme @vercel/og de Vercel (utilisant l'ImageResponse API) et les transformations basées sur URL de Cloudinary permettent de générer des images à la volée à partir de texte et de modèles. Dans Next.js, vous pouvez créer une route opengraph-image.tsx qui rend React en image PNG au moment de la requête avec l'Edge runtime.

Question 4

Pourquoi og:url est-il important et comment doit-il correspondre au canonical ?

Accepted Answer

og:url indique aux plateformes sociales quelle URL associer à la carte de partage, évitant les comptages en double lorsqu'une page est accessible depuis plusieurs URL (ex. avec/sans slash final ou paramètres UTM). Il doit correspondre exactement à l'URL de <link rel="canonical"> pour indiquer l'adresse faisant autorité de la page.

Question 5

Pourquoi mon image OG ne se met-elle pas à jour après que je l'ai modifiée ?

Accepted Answer

Les plateformes sociales mettent aggressivement en cache les métadonnées OG. Facebook met en cache jusqu'à 7 jours ; Twitter/X pour des durées plus courtes. Pour forcer un rafraîchissement : utilisez le Facebook Sharing Debugger (developers.facebook.com/tools/debug) ou le Twitter Card Validator pour récupérer et mettre à jour le cache. Changer l'URL de l'image (ex. en ajoutant un paramètre de cache-busting) force les plateformes à re-récupérer immédiatement.

Aperçu OG

Facebook / LinkedIn

Twitter

Questions Fréquentes

Comments & Feedback