Qu'est-ce que le protocole Open Graph ?
Open Graph est un protocole créé par Facebook en 2010 qui permet aux développeurs web de contrôler comment leur contenu apparaît lorsqu'il est partagé sur les réseaux sociaux. En ajoutant des balises meta spécifiques dans le <head> de votre page HTML, vous définissez le titre, la description, l'image et d'autrès métadonnées qui seront utilisées par Facebook, LinkedIn, Pinterest, WhatsApp et de nombreuses autrès plateformes. Sans ces balises, les réseaux sociaux essaient de deviner ces informations, souvent avec un résultat médiocre.
Les balises Open Graph essentielles
Quatre balises Open Graph sont indispensables : og:title (le titre affiché dans la carte de partage, peut différer du title SEO), og:description (la description affichée sous le titre, idéalement 2-3 phrases), og:image (l'image d'illustration, taille recommandée 1200x630 pixels pour un affichage optimal) et og:url (l'URL canonique de la page). Deux balises complémentaires sont également recommandées : og:type (website, article, product) et og:locale (fr_FR, en_US). Pour les articlés de blog, vous pouvez aussi ajouter article:published_time et article:author.
Optimiser l'image Open Graph pour un maximum d'impact
L'image est l'élément le plus visible lors du partage. Utilisez une image de 1200 x 630 pixels (ratio 1.91:1) pour un affichage parfait sur toutes les plateformes. Le fichier ne doit pas dépasser 8 Mo. Évitez les images avec trop de texte (Facebook peut réduire la portée). Préférez les formats JPG ou PNG. Testez votre image avec le Facebook Sharing Debugger et le LinkedIn Post Inspector pour vérifier le rendu avant de publier. Si vous changez l'image, ces outils permettent aussi de purger le cache des plateformes.