Générateur de balises Open Graph

Pourquoi votre lien s'affiche-t-il sans image sur WhatsApp ?

Vous partagez l'adresse de votre article sur WhatsApp, Facebook ou LinkedIn, et il apparaît une ligne terne sans image, ou avec un petit logo sans rapport avec le sujet. Les applications construisent la carte d'aperçu à partir des balises Open Graph de l'en-tête de votre page, et faute de les trouver, elles choisissent quelque chose elles-mêmes. Le générateur de balises Open Graph de Jood écrit ces balises pour que vous gardiez la main sur le titre, la description et l'image.

Mode d'emploi

1. Écrivez le « Titre de la page », seul champ obligatoire, et choisissez le « Type » : site web ou article.
2. Ajoutez l'« URL », la « Description », le « Nom du site » et l'« URL de l'image », puis choisissez la « Langue (locale) ».
3. Cliquez sur « Commencer », copiez le code avec « Copier le résultat » et collez-le dans la balise head de la page.

L'outil vous prévient si le titre dépasse 70 caractères, si la description dépasse 200 caractères, ou si vous avez oublié l'image ou l'URL canonique.

L'image, la moitié du succès d'un partage

• La taille conseillée est de 1200 sur 630 pixels, qui s'affiche bien dans la plupart des applications.
• Indiquez l'adresse complète de l'image, commençant par https://, et non un chemin comme /img/photo.jpg.
• Choisissez une image légère et lisible même en petit, sans trop de texte dessus.
• À chaque page son image : la photo de l'article vaut mieux que le logo du site partout.
• Vérifiez que l'image est accessible à tous : si elle se trouve derrière une connexion ou si son accès est bloqué, les applications ne pourront pas l'afficher.

Vous avez modifié les balises et l'aperçu ne change pas ?

Facebook, LinkedIn et WhatsApp gardent l'aperçu en mémoire après le premier partage. Sur Facebook, ouvrez l'outil Sharing Debugger et demandez une nouvelle récupération ; sur LinkedIn, utilisez Post Inspector. WhatsApp n'a pas d'outil, mais ajouter quelque chose en fin d'adresse, comme ?v=2, l'oblige à récupérer l'aperçu de nouveau.

À noter : la liste « Langue (locale) » propose l'arabe, l'arabe marocain, l'anglais, le français, l'espagnol (es_ES) et le turc (tr_TR). Pour une autre langue, modifiez à la main la valeur og:locale dans le code.

Pour les cartes X, utilisez le générateur de Twitter / X Cards, et pour le titre et la description dans les résultats de recherche, le générateur de balises meta.

Questions fréquentes