Open Graph : Controler l Apparence de vos Liens Partages

Qu est-ce que l Open Graph ?

L Open Graph est un protocole qui controle l apparence de vos pages web lorsqu elles sont partagees sur les reseaux sociaux. Quand quelqu un colle une URL sur Facebook, LinkedIn, Twitter/X, Slack ou Discord, la plateforme cherche les balises meta Open Graph dans le HTML pour generer l apercu du lien.

Sans balises Open Graph, les plateformes devinent — elles utilisent le titre de la page, attrapent le premier paragraphe comme description et choisissent une image aleatoire. Les resultats sont generalement mauvais : un petit logo au lieu d une belle image, une description tronquee, ou un titre errone.

Avec les balises Open Graph, vous controlez exactement ce que les utilisateurs voient. Le titre, la description, l image et le type de contenu sont definis par vous, pas devines par un algorithme.

Balises Essentielles

og:title — Le titre affiche dans l apercu. Independant de la balise <title> du HTML, ce qui permet un titre optimise pour le partage social different du titre SEO.

og:description — La description sous le titre. 2 a 4 phrases qui donnent envie de cliquer. Facebook tronque a environ 200 caracteres.

og:image — L URL absolue de l image d apercu. C est l element le plus impactant sur le taux de clic. Facebook recommande 1200x630 pixels. L image doit etre accessible publiquement via HTTPS.

og:url — L URL canonique de la page. Utile quand la meme page est accessible via plusieurs URL.

og:type — Le type de contenu : website, article, product, etc. Pour les articles de blog, article debloque des balises supplementaires comme article:published_time.

Specifications de l Image

L image Open Graph est l element le plus important pour l engagement. Les specifications recommandees :

• Taille : 1200x630 pixels (ratio 1.91:1) pour un affichage optimal sur Facebook et LinkedIn.
• Taille minimale : 600x315 pixels. En dessous, l image apparait en petit format.
• Format : JPEG ou PNG. Evitez le WebP car certaines plateformes ne le supportent pas dans les aperçus.
• Taille de fichier : Moins de 5 Mo. Les images trop lourdes peuvent ne pas etre telechargees par les crawlers.

Debogage

Facebook, LinkedIn et Twitter proposent des outils de debogage qui montrent comment votre lien apparaitra. Le Facebook Sharing Debugger permet aussi de forcer le re-scraping d une page apres modification des balises. Les aperçus sont mis en cache — les modifications ne sont pas visibles immediatement sans purge du cache.

Notre Verificateur Open Graph

Notre Verificateur Open Graph analyse les balises Open Graph de n importe quelle URL. Il identifie les balises manquantes, verifie les dimensions de l image et previsualise l apparence du lien sur les differentes plateformes. Tout le traitement se fait dans le navigateur.