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.
À 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
hreflangpour 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 ?
Quelle taille devrait avoir mon image Open Graph ?
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 ?
<link rel="canonical"> correcte canalise tous les signaux vers une seule URL.
Comment fonctionnent les balises hreflang ?
<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.