Guide complet des images Open Graph
Les images Open Graph sont essentielles pour controler l'apparence de vos contenus lorsqu'ils sont partages sur les reseaux sociaux. Decouvrez comment les optimiser pour maximiser votre visibilite.
Qu'est-ce qu'une image Open Graph ?
Le protocole Open Graph a ete cree par Facebook en 2010 pour permettre aux sites web de controler comment leurs pages apparaissent lorsqu'elles sont partagees sur les reseaux sociaux. L'image OG est l'element visuel principal de ce preview.
Sans image OG definie, les reseaux sociaux tentent de deviner quelle image utiliser, souvent avec des resultats decevants : logo deforme, image non pertinente, ou pire, aucune image du tout.
Pourquoi les images OG sont importantes
- Taux de clic : Les publications avec images obtiennent 2.3x plus d'engagement
- Branding : Controlez votre image de marque sur tous les reseaux
- Professionnalisme : Un apercu soigne inspire confiance
- SEO social : Ameliorez votre visibilite dans les fils d'actualite
Les meta tags essentiels
Voici les balises a integrer dans le <head> de votre page :
<meta property="og:title" content="Titre de votre page">
<meta property="og:description" content="Description courte">
<meta property="og:image" content="https://votre-site.com/image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:type" content="website">Dimensions recommandees
- Facebook / LinkedIn : 1200 x 630 pixels (ratio 1.91:1)
- Twitter : 1200 x 675 pixels (ratio 16:9)
- Instagram : 1080 x 1080 pixels (carre)
Conseil : utilisez toujours une resolution 2x (2400 x 1260) pour un affichage net sur les ecrans Retina.
Bonnes pratiques de design
- Placez les elements importants au centre (certains reseaux recadrent)
- Utilisez du texte lisible, meme en miniature
- Limitez le texte a 20% de l'image maximum
- Incluez votre logo ou nom de marque
- Choisissez des couleurs contrastees
Creez votre image OG maintenant
Utilisez notre outil gratuit pour generer des images OG professionnelles en quelques secondes.
Lancer OG Maker