Encoders & Utilities

Générateur de meta tags

Génère des meta tags Open Graph, Twitter Card et SEO avec aperçu Google, Facebook, Twitter et LinkedIn en direct.

Page basics
Open Graph / Facebook
Twitter / X
Copy-paste into your <head>

        

Live preview

Google SERP
Facebook / LinkedIn
Twitter / X
LinkedIn

À propos de cet outil

Meta Tag Generator construit les métadonnées au niveau head que les moteurs de recherche et réseaux sociaux lisent depuis votre page. Remplissez le titre de la page, la description, l'URL canonique, la langue, les directives robots, les champs Open Graph (image, type, locale, nom du site) et la variante de Twitter Card — l'outil émet un bloc HTML de balises <meta> prêt à coller avec tout correctement échappé. Un aperçu en direct montre comment le résultat apparaît dans les aperçus Google, Facebook, Twitter/X et LinkedIn afin que vous puissiez ajuster le contenu avant le déploiement.

L'outil suit les spécifications actuelles : protocole Open Graph (la norme de facto pour les aperçus Facebook/LinkedIn/iMessage), Twitter Cards (summary, summary_large_image, player, app), marqueurs oEmbed pour le contenu intégrable, et les balises SEO de base (title, description, canonical, robots). Pour les sites multilingues il génère également les balises d'URL alternative hreflang à partir d'une simple table langue → URL.

Quand utiliser cet outil

  • Vérification SEO pré-lancement. Vérifiez que chaque page a un titre et une description uniques dans leurs budgets de longueur (≈ 60 / 155 caractères respectivement).
  • Ajustement de l'aperçu social. La même page peut avoir un contenu OG vs Twitter différent si vous voulez optimiser par plateforme.
  • Dimensionnement d'image Open Graph. L'aperçu signale les images qui sortent du ratio recommandé 1200×630.
  • Sites multilingues. Générez l'ensemble hreflang pour chaque version linguistique d'une page en une fois.

À propos des budgets de longueur

Google tronque les titres autour de 60 caractères et les descriptions autour de 155 — ce sont des lignes directrices basées sur l'observation, pas des contrats. Le mobile coupe plus tôt que le bureau. Les titres Open Graph s'affichent jusqu'à ~88 caractères dans la plupart des apps ; les descriptions jusqu'à ~200. L'aperçu avertit lorsque vous dépassez chaque limite afin que vous n'obteniez pas un « ... » malheureux dans la nature. Testez sur les vraies plateformes (Facebook Sharing Debugger, Twitter Card Validator) avant le déploiement.

Questions fréquentes

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

Généralement oui. Twitter retombe sur Open Graph si les balises Twitter Card sont absentes, mais le résultat est souvent sous-optimal — mauvais recadrage d'image, pas de lien « Lire la suite ». Définir les deux prend 30 secondes et produit des aperçus cohérents sur toutes les principales plateformes sociales. LinkedIn, iMessage, Discord, Slack, Telegram utilisent tous Open Graph ; seul Twitter/X utilise Twitter Cards.

Quelle taille devrait avoir mon image Open Graph ?

1200×630 pixels est la taille universellement recommandée — fonctionne pour Facebook, LinkedIn, Twitter (avec summary_large_image) et Discord. Le minimum est 600×315 ; en dessous, l'image est affichée comme une petite vignette ou pas du tout. Gardez le contenu critique dans la zone sûre centrale 1200×600 — Facebook recadre les bords supérieur et inférieur dans certains contextes.

L'URL canonique est-elle vraiment importante ?

Oui, surtout pour toute page accessible via plusieurs URL (paramètres UTM, chemins A/B, variantes linguistiques, http vs https, www vs apex). Sans canonique, les moteurs de recherche choisissent eux-mêmes une canonique — parfois la mauvaise — et divisent vos signaux de classement entre les doublons. Une balise <link rel="canonical"> correcte canalise tous les signaux vers une seule URL.

Comment fonctionnent les balises hreflang ?

Chaque page traduite liste toutes les autres versions linguistiques avec une balise <link rel="alternate" hreflang="...">, plus un x-default pour le repli. Les codes sont langue ISO 639-1 (en, de, uk) éventuellement suivie d'une région ISO 3166-1 (en-US, en-GB). Toutes les pages d'une famille linguistique doivent se référencer réciproquement — Google ignore les hreflang unilatéraux.