Générateur de Balises Open Graph — Gratuit en ligne

Générez des méta-balises Open Graph pour des aperçus riches sur les réseaux sociaux, Facebook, LinkedIn et plus.

Les résultats sont fournis à titre informatif uniquement et peuvent contenir des erreurs. Vérifiez les informations importantes de manière indépendante. L'utilisation de cet outil se fait à vos propres risques.

Ce que fait cet outil

Le générateur de balises Open Graph écrit les méta-balises og: qui déterminent l'apparence d'un lien partagé sur Facebook, LinkedIn, WhatsApp, Slack, Discord, Telegram et de nombreuses autres applications. Saisissez le titre, la description, l'URL canonique et l'URL de l'image, choisissez un type (website, article, product ou profile), puis copiez les balises dans le <head> de la page.

Seuls les champs remplis sont inclus dans le résultat, et les caractères spéciaux sont échappés. Sans balises Open Graph, les applications devinent un titre et choisissent une image au hasard dans la page, ou n'affichent aucun aperçu. La balise la plus importante est og:image : une image nette de 1200 × 630 pixels rend un lien partagé bien plus susceptible d'être cliqué.

Quand l'utiliser

  • Préparer un article de blog, une page produit ou une landing page pour le partage sur les réseaux sociaux.
  • Corriger un aperçu de lien qui affiche la mauvaise image ou un ancien titre.
  • Ajouter des aperçus de partage à une single-page app dont le contenu est rendu en JavaScript.
  • Configurer les cartes de lien d'un site de documentation partagé sur Slack ou Discord.

Exemple concret

Entrée

Titre : Free JSON Formatter
Description : Format and validate JSON in your browser.
URL : https://4dev.net/json-formatter
URL de l'image : https://4dev.net/og/json-formatter.png
Type : website

Sortie

<meta property="og:title" content="Free JSON Formatter"/>
<meta property="og:description" content="Format and validate JSON in your browser."/>
<meta property="og:url" content="https://4dev.net/json-formatter"/>
<meta property="og:image" content="https://4dev.net/og/json-formatter.png"/>
<meta property="og:type" content="website"/>

Questions sur cet outil

J'ai mis à jour les balises, mais l'ancien aperçu s'affiche toujours. Pourquoi ?

Les plateformes mettent les aperçus en cache. Utilisez le Facebook Sharing Debugger ou le LinkedIn Post Inspector pour faire relire la page. Slack et WhatsApp se mettent à jour d'eux-mêmes au bout d'un moment.

Ai-je aussi besoin des balises Twitter Card ?

X (Twitter) se rabat sur les balises Open Graph, mais ajoutez <meta name="twitter:card" content="summary_large_image"/> pour obtenir la mise en page avec grande image.

L'URL de l'image doit-elle être absolue ?

Oui. Utilisez l'adresse complète en https://. La plupart des robots ne résolvent pas les chemins relatifs, et l'image doit être accessible publiquement, sans connexion.

Les balises Open Graph aident-elles le SEO ?

Pas directement : les moteurs de recherche classent les pages d'après le titre, la description et le contenu. Elles améliorent le taux de clic depuis les partages sur les réseaux sociaux, ce qui amène des visiteurs. Définissez les balises destinées aux moteurs de recherche avec le Générateur de Méta-balises.

Cet outil est-il gratuit ?

Oui, il est gratuit. Sans inscription ni e-mail. Résultats directement sur cette page.

Comment obtenir mon résultat ?

Utilisez cet outil sur cette page. Le résultat apparaît ici, sans envoi par e-mail.