Générateur de balises meta

Prévisualisez, modifiez et générez des balises meta Open Graph + Twitter Card. Voyez à quoi ressemble votre page sur Google, Facebook, X, LinkedIn, Pinterest et Slack, avant de publier.

Aperçu

Google

https://so-me.studio

Balises meta, Prévisualisez, modifiez et générez

Avec les balises meta, modifiez et testez votre contenu, puis prévisualisez l'apparence de votre page web sur Google, Facebook, X et plus encore !

X (Twitter)

Aucune image

Depuis so-me.studio

Balises meta, Prévisualisez, modifiez et générez

Avec les balises meta, modifiez et testez votre contenu, puis prévisualisez l'apparence de votre page web sur Google, Facebook, X et plus encore !

Facebook

Aucune image

so-me.studio

Balises meta, Prévisualisez, modifiez et générez

Avec les balises meta, modifiez et testez votre contenu, puis prévisualisez l'apparence de votre page web sur Google, Facebook, X et plus encore !

LinkedIn

Aucune image

Balises meta, Prévisualisez, modifiez et générez

so-me.studio

Pinterest

Aucune image

Balises meta, Prévisualisez, modifiez et générez

so-me.studio

Slack

so-me.studio

Balises meta, Prévisualisez, modifiez et générez

Avec les balises meta, modifiez et testez votre contenu, puis prévisualisez l'apparence de votre page web sur Google, Facebook, X et plus encore !

Les balises meta déterminent l'apparence de votre page lorsqu'elle est partagée sur les réseaux sociaux, dans les résultats de recherche et dans les aperçus de messagerie. Ratez-les et votre lien semble cassé sur LinkedIn ou illisible sur Slack. Ce générateur de balises meta gratuit prévisualise vos balises Open Graph + Twitter Card sur toutes les grandes plateformes, Google, Facebook, X, LinkedIn, Pinterest, Slack, avant de publier.

Ce que font réellement les balises meta

Trois catégories de balises meta déterminent l'apparence de votre page sur le web. (1) Les balises SEO, <title> et <meta description>, décident de votre affichage dans la recherche Google. (2) Les balises Open Graph (og:*) contrôlent les aperçus de Facebook, LinkedIn, Slack et de la plupart des applications de messagerie. (3) Les balises Twitter Card (twitter:*) contrôlent spécifiquement les aperçus sur X.

Sans balises meta, les plateformes devinent : elles prennent généralement un texte quelconque de votre page et la première image qu'elles trouvent. Le résultat paraît cassé. Avec de bonnes balises meta, vous contrôlez tout l'aperçu.

Les balises meta indispensables à chaque page

Le strict minimum pour un aperçu soigné : <title> (60 caractères), <meta name=description> (160 caractères), <meta property=og:title>, <meta property=og:description>, <meta property=og:image> (1200×630 recommandé), <meta property=og:url>, <meta property=og:type> (« website » pour la plupart des pages).

Pour un contrôle propre à Twitter : <meta name=twitter:card> (« summary_large_image » en général), ainsi que les surcharges twitter:title, twitter:description et twitter:image si vous voulez un aperçu différent sur X.

Le générateur produit toutes ces balises à partir de ce que vous saisissez.

Des spécifications d'image OG qui fonctionnent partout

1200×630 pixels (ratio 1,91:1) : fonctionne sur Facebook, LinkedIn, Twitter, Slack, Discord et iMessage. Les images plus petites sont recadrées automatiquement de façon étrange ; les images plus grandes sont réduites.

Poids inférieur à 5 Mo, car certaines plateformes rejettent les fichiers plus lourds. JPG ou PNG. Intégrez du texte lisible dans l'image elle-même : de nombreuses plateformes affichent les images OG dans le fil avant tout texte de légende, l'image doit donc faire passer sa valeur à elle seule.

Déboguer les aperçus de balises meta

La plupart des plateformes mettent les données OG en cache de façon agressive. Si vous modifiez vos balises meta mais que l'ancien aperçu s'affiche toujours, utilisez ces outils de débogage pour forcer l'actualisation :

  • Facebook : Facebook Sharing Debugger (developers.facebook.com/tools/debug)
  • X : X Card Validator (cards-dev.twitter.com/validator)
  • LinkedIn : LinkedIn Post Inspector (linkedin.com/post-inspector)
  • Pinterest : Pinterest Rich Pin Validator (developers.pinterest.com/tools/url-debugger)
  • Google : Rich Results Test (search.google.com/test/rich-results)

Chaque outil force une nouvelle exploration de votre page pour que les nouvelles balises meta se propagent.

Conseils pour tirer le meilleur parti de cet outil

  • Image OG : 1200×630 px. Fonctionne sur toutes les grandes plateformes.
  • Ajoutez du texte lisible sur l'image OG : de nombreux aperçus de fil affichent l'image avant la légende.
  • Titre : 60 caractères maximum. Au-delà, Google tronque.
  • Description : 150 à 160 caractères. Même règle de troncature.
  • Après la mise à jour des balises meta, lancez les outils de débogage des plateformes pour forcer l'actualisation du cache.

Questions fréquentes

Le générateur de balises meta est-il gratuit ?

Oui. Gratuit, sans inscription, illimité.

Quelle taille doit avoir mon image OG ?

1200×630 pixels (ratio 1,91:1). Fonctionne sur Facebook, LinkedIn, X, Slack, Discord et iMessage sans recadrage automatique.

Ai-je besoin à la fois des balises Open Graph et Twitter Card ?

Open Graph seul couvre la plupart des plateformes (X se rabat sur OG si les balises Twitter sont absentes). N'ajoutez des balises Twitter Card que si vous voulez sur X un aperçu différent de celui des autres plateformes.

Pourquoi ma balise meta mise à jour n'apparaît-elle pas dans les aperçus Facebook ?

Facebook met les données OG en cache. Utilisez le Sharing Debugger de Facebook pour forcer l'actualisation du cache après la mise à jour des balises.

Quelle différence entre la meta description et la description OG ?

La meta description s'affiche dans les résultats de recherche Google. La description OG s'affiche dans les aperçus sur les réseaux sociaux. Elles peuvent être identiques ou différentes : définissez la description OG séparément si vous voulez un texte différent pour les réseaux sociaux et pour la recherche.

Outils associés

Planifiez une fois.
Publiez partout.

Fini la valse des onglets, rédigez, adaptez et publiez sur 20 plateformes depuis un seul calendrier.

Essai gratuit de 7 joursEssayer la démo en direct