Générateur gratuit d'image Open Graph (OG) et aperçu | We.Inc
Créez une image Open Graph de 1200 x 630 dans votre navigateur : titre, sous-titre, couleurs de marque et votre logo, puis téléchargez un PNG. Prévisualisez les cartes de partage Facebook, LinkedIn et X et copiez les balises meta. Gratuit.
Générateur et aperçu d'image Open Graph
Concevez l'image qui apparaît quand quelqu'un partage votre lien. Tapez un titre et un sous-titre, choisissez des couleurs et une mise en page, ajoutez votre logo, et téléchargez un PNG de 1200 x 630. Vérifiez ensuite l'apparence de la carte de partage sur Facebook, LinkedIn et X et copiez les balises meta pour votre page. Tout se passe dans votre navigateur. Rien de ce que vous saisissez ou importez n'est envoyé à We.Inc ni à personne d'autre.
Tapez le titre et un sous-titre et nom de site optionnels. Les titres longs passent sur jusqu'à trois lignes.
Choisissez une mise en page et une couleur de fond et de texte, ou choisissez l'un des préréglages de couleur.
Importez éventuellement votre logo (PNG, JPG, SVG ou WebP). Il est dessiné dans le coin et ne quitte jamais votre appareil.
Appuyez sur Télécharger le PNG pour enregistrer une image de 1200 x 630, la taille utilisée par Facebook, LinkedIn et X pour les grands aperçus de lien.
Importez cette image sur votre site, collez son URL complète dans le champ URL de l'image et copiez les balises meta générées dans le head de votre page.
Gardez le titre sous environ 60 caractères et assez grand pour se lire sur un téléphone, où les cartes de partage sont petites.
Laissez une marge autour du texte. Certaines applications rognent les bords ou montrent l'image en carré.
Utilisez un fort contraste entre texte et fond. Le vérificateur de contraste de couleur peut le confirmer.
Après publication, les applications sociales mettent l'ancienne image en cache. Le Sharing Debugger de Facebook et le Post Inspector de LinkedIn peuvent la rafraîchir.
Donnez à chaque page importante sa propre image ; une carte avec un logo générique obtient moins de clics qu'une qui nomme la page.
Questions fréquentes
Quelle taille devrait avoir une image Open Graph ?
1200 x 630 pixels (un ratio de 1,91:1) est le standard pour les grandes cartes Facebook, LinkedIn et X. Ce générateur exporte toujours exactement cette taille.
Ce générateur d'image OG est-il gratuit ?
Oui. Sans inscription et sans filigrane. L'image est dessinée sur un canevas dans votre navigateur et téléchargée directement sur votre appareil.
Mon logo est-il importé quelque part ?
Non. Le logo est lu par votre navigateur et dessiné sur l'image localement. Rien n'est envoyé à We.Inc.
Comment ajouter l'image à mon site ?
Importez le PNG sur votre site pour qu'il ait une URL publique, puis ajoutez <meta property="og:image" content="cette URL"> et une balise twitter:image au head de la page. Collez l'URL dans l'outil et il écrit les balises pour vous.
Pourquoi l'ancienne image s'affiche-t-elle encore quand je partage mon lien ?
Les réseaux sociaux mettent les aperçus en cache. Re-scannez l'URL avec le Sharing Debugger de Facebook ou le Post Inspector de LinkedIn, ou attendez que le cache expire.
Peut-il lire les balises de ma page en ligne ?
Non. Les navigateurs empêchent un site de lire un autre, vous entrez donc vous-même le titre, la description et l'URL de l'image, et l'outil montre à quoi ils ressembleront.
Ce que fait une image Open Graph
Quand un lien est collé dans Facebook, LinkedIn, X, Slack ou une application de messagerie, l'application lit les balises Open Graph de la page et affiche une carte avec une image, un titre et une courte description. L'image est la plus grande partie de cette carte, elle décide donc si les gens remarquent le lien du tout.
Sans balise og:image, les applications n'affichent aucune image ou en choisissent une au hasard sur la page. Une image simple avec le titre de la page et votre marque suffit à paraître intentionnelle.
Une bonne image OG en trois règles
Dites de quoi parle la page en quelques mots, en gros texte. Utilisez vos couleurs de marque pour que les gens vous reconnaissent à travers les partages. Gardez le contenu important loin des bords, car certaines applications rognent en carré ou arrondissent les coins.
Sur un site We.Inc
Les sites construits avec We.Inc ont un titre de page, une description et une image de partage que vous pouvez définir dans le panneau SEO, les balises sont donc écrites pour vous. Cet outil est utile pour n'importe quel site, et pour créer l'image de partage elle-même.