Mes outils

Générateur Open Graph

Saisissez un titre et une description, voyez la carte de partage et copiez les balises méta.

Plus d’options

Remplissez un champ et les balises apparaissent ici — aucun bouton « générer ».

Comment l’utiliser

  1. Remplissez le titre, la description, l’image et l’URL de la page. L’aperçu de la carte de partage et les balises <meta> se mettent à jour au fil de la saisie — aucun bouton générer.
  2. Ouvrez « Plus d’options » pour ajouter un nom de site, une locale ou un nom Twitter @. Désactivez la Twitter Card si vous n’avez besoin que d’Open Graph.
  3. Copiez les balises et collez-les dans le <head> de votre page. Le téléchargement donne le même bloc dans un fichier .html à conserver.

Exemple

Champs

Titre « Comment réussir un pain au levain » · type website · URL d’image · URL de page · nom du site « Le Blog Boulanger » · locale fr_FR · Twitter @leblogboulanger

Balises

<meta property="og:title" content="Comment réussir un pain au levain">
<meta property="og:type" content="website">
<meta property="og:image" content="https://example.com/og-image.png">
<meta property="og:url" content="https://example.com/blog/pain-au-levain">
<meta property="og:description" content="Un guide pas à pas, du levain à une mie alvéolée et croustillante.">
<meta property="og:site_name" content="Le Blog Boulanger">
<meta property="og:locale" content="fr_FR">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@leblogboulanger">
<meta name="twitter:title" content="Comment réussir un pain au levain">
<meta name="twitter:description" content="Un guide pas à pas, du levain à une mie alvéolée et croustillante.">
<meta name="twitter:image" content="https://example.com/og-image.png">

Les balises sont générées dans un ordre fixe : les mêmes champs produisent toujours le même bloc. Les champs vides sont ignorés — aucune balise content="" vide n’est produite.

Portée, limites et questions courantes

  • Aucune récupération d’URL : cet outil ne peut pas lire les balises existantes d’un autre site et ne peut pas vérifier si votre page déployée est prise en compte. Après le déploiement, collez votre URL dans le Facebook Sharing Debugger ou le X Card Validator pour confirmer.
  • Les champs vides sont ignorés. Si vous laissez la description vide, aucune og:description n’est émise — il n’y a pas de valeurs fictives.
  • Les contrôles d’URL sont des avertissements, pas des blocages. Un chemin relatif ou un https:// manquant produit quand même la balise ; corrigez-le de votre côté si une plateforme le refuse.
  • Seules les cartes Twitter summary et summary_large_image sont générées. Les cartes App et Player exigent des champs app:id / player: supplémentaires que la plupart des pages n’utilisent pas.
  • L’image d’aperçu est chargée depuis l’URL og:image exacte que vous saisissez, comme le font les sites sociaux. Elle n’est pas envoyée à notre serveur ; si l’hôte est injoignable, un visuel de remplacement s’affiche.
  • Rien n’est envoyé, stocké ni écrit dans l’URL de la page. Un rechargement repart de l’exemple — vider les champs repart de zéro.

Ce dont on a généralement besoin ensuite, une fois les balises en place.

Générateur de favicon

Générateur de sitemap