Generateur Open Graph

1200x630 pixels (ratio 1.91:1) est la taille universelle sécurisée pour Facebook, LinkedIn, Twitter summary_large_image, et la plupart des autres plateformes. La taille du fichier doit être inférieure à 8 MB (limite de Facebook) — visez moins de 1 MB pour un chargement rapide. Utilisez PNG pour les graphiques avec transparence, JPEG pour les photos. Tout ce qui est en dessous de 200x200 pixels peut ne pas s'afficher du tout sur Facebook. Les images carrées (1200x1200) fonctionnent également bien si votre image paraît mieux en carré.

og:type indique aux plateformes quel type de contenu est votre page. website est le défaut et fonctionne pour les pages d'accueil, les landing pages, et la plupart des pages statiques. article est pour les billets de blog et les actualités — il débloque des tags supplémentaires comme article:author, article:published_time, et article:section. product est pour les articles de e-commerce. video.movie et music.song existent pour le contenu média. Utiliser le bon type peut activer des aperçus plus riches sur certaines plateformes.

Twitter lit les tags OG comme solution de secours, donc vos liens s'afficheront même sans tags Twitter Card explicites. Cependant, Twitter Card vous donne deux extras importants : (1) le type twitter:card — summary_large_image montre une image en pleine largeur au-dessus du texte du lien, bien plus attrayante que la petite vignette dans une carte résumé de base ; (2) twitter:site et twitter:creator — votre @handle apparaît sous la carte. Pour le marketing de contenu, ajouter des tags Twitter Card vaut bien les deux lignes supplémentaires de HTML.

Facebook et LinkedIn mettent en cache agressivement les données OG. Après avoir mis à jour votre URL og:image, utilisez le Sharing Debugger de Facebook (developers.facebook.com/tools/debug) pour forcer un nouveau scraping — collez votre URL et cliquez sur "Scrape Again". LinkedIn possède un Post Inspector à linkedin.com/post-inspector. Twitter/X se rafraîchit généralement automatiquement en quelques heures. Changer l'URL de l'image (par exemple, ajouter ?v=2 comme briseur de cache) force également les plateformes à récupérer la nouvelle image.

og:locale déclare la langue et le territoire de votre contenu, par exemple en_US, fr_FR, ou tr_TR. C'est optionnel mais utile pour les sites multilingues — cela aide Facebook à servir la bonne version linguistique lorsqu'un utilisateur clique sur un lien partagé. Le format est langue_TERRITOIRE avec un underscore (pas un trait d'union). og:locale:alternate peut lister les localisations supplémentaires prises en charge. Pour les sites en une seule langue, l'omettre est correct ; Facebook se règle par défaut sur en_US.

Le Sharing Debugger de Facebook (developers.facebook.com/tools/debug) est le plus complet — il montre exactement quels tags ont été scrappés, les avertissements éventuels, et vous permet de forcer une actualisation du cache. Le LinkedIn Post Inspector (linkedin.com/post-inspector) teste les aperçus LinkedIn. Le Twitter Card Validator (cards-dev.twitter.com/validator) vérifie les cartes Twitter. Ces outils montrent les données réelles scrappées, pas une simulation, ils détectent donc les problèmes comme des URLs d'images bloquées ou des tags obligatoires manquants.

Non. Toute la génération de tags OG et le rendu de l'aperçu social se font dans votre navigateur avec JavaScript. Vos titres de page, descriptions, URLs et URLs d'images ne quittent jamais votre machine.