Générateur de balises méta gratuit — SEO, Open Graph et Twitter Cards
Créez des balises de titre, des meta descriptions et le balisage Open Graph et Twitter Card avec des aperçus Google et réseaux sociaux en direct. Fonctionne entièrement dans votre navigateur — aucune récupération d'URL, aucune inscription.
Bases SEO
Open Graph
Twitter Cards / X
Aperçus en direct
SERP Google
toolgenie.org › meta-tag-generator
Free Meta Tag Generator | ToolGenie.org
Create SEO title tags, meta descriptions, Open Graph and Twitter Card tags with live Google and social previews. Copy HTML instantly — 100% client-side.
Carte façon Facebook / LinkedIn
toolgenie.org
Free Meta Tag Generator | ToolGenie.org
Create SEO title tags, meta descriptions, Open Graph and Twitter Card tags with live Google and social previews. Copy HTML instantly — 100% client-side.
X / Twitter (summary_large_image)
Free Meta Tag Generator | ToolGenie.org
Create SEO title tags, meta descriptions, Open Graph and Twitter Card tags with live Google and social previews. Copy HTML instantly — 100% client-side.
toolgenie.org
Balises <head> générées
<meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Free Meta Tag Generator | ToolGenie.org</title> <meta name="description" content="Create SEO title tags, meta descriptions, Open Graph and Twitter Card tags with live Google and social previews. Copy HTML instantly — 100% client-side." /> <meta name="keywords" content="meta tag generator, open graph generator, twitter card generator" /> <meta name="author" content="ToolGenie.org" /> <meta name="robots" content="index, follow" /> <link rel="canonical" href="https://toolgenie.org/meta-tag-generator" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Free Meta Tag Generator | ToolGenie.org" /> <meta property="og:description" content="Create SEO title tags, meta descriptions, Open Graph and Twitter Card tags with live Google and social previews. Copy HTML instantly — 100% client-side." /> <meta property="og:url" content="https://toolgenie.org/meta-tag-generator" /> <meta property="og:site_name" content="ToolGenie.org" /> <meta property="og:locale" content="en_US" /> <meta property="og:image" content="https://toolgenie.org/apple-touch-icon.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:alt" content="ToolGenie.org meta tag generator preview" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Free Meta Tag Generator | ToolGenie.org" /> <meta name="twitter:description" content="Create SEO title tags, meta descriptions, Open Graph and Twitter Card tags with live Google and social previews. Copy HTML instantly — 100% client-side." /> <meta name="twitter:image" content="https://toolgenie.org/apple-touch-icon.png" /> <meta name="twitter:site" content="@toolgenie" /> <meta name="twitter:creator" content="@toolgenie" />
- Titre SEO
- Meta description
- URL canonical
- Image Open Graph
- Type de Twitter card
- Titre ≤ 60 caractères
- Description ≤ 160 caractères
Les aperçus sont approximatifs. Après la mise en ligne, actualisez le cache avec Facebook Sharing Debugger, LinkedIn Post Inspector, X Card Validator. Rien de ce que vous saisissez n'est envoyé — la génération reste dans votre navigateur.
Comment utiliser le générateur de balises méta / Open Graph
- Saisissez les bases SEO — balise de titre, meta description, URL canonical et robots. Surveillez les compteurs de caractères pour que les extraits Google restent lisibles.
- Ajoutez les champs Open Graph — définissez og:image avec une URL HTTPS publique (idéalement 1200×630), ainsi que le nom du site, la langue et le type. Laissez « Utiliser les valeurs SEO » activé, sauf si les réseaux ont besoin d'un texte différent.
- Choisissez un type de Twitter card — summary_large_image pour des aperçus larges ou summary pour des cartes compactes.
- Prévisualisez en direct — les cartes SERP Google, Facebook/LinkedIn et X/Twitter se mettent à jour au fur et à mesure, à partir de l'URL d'image fournie (sans requête serveur).
- Copiez ou téléchargez le bloc <head> généré dans le gabarit de votre site, puis relancez le scraping avec les outils de débogage de chaque plateforme après la mise en ligne.
À propos de ce générateur de balises méta gratuit
Les extraits de recherche et les cartes sur les réseaux sociaux sont souvent la première impression d'une page. Un générateur de balises méta vous aide à rédiger des balises de titre, des meta descriptions, des balises Open Graph et des Twitter Cards avant la mise en ligne — sans jongler avec un validateur différent pour chaque réseau.
À la différence des analyseurs d'URL qui exigent une page en ligne (et un proxy CORS), ce générateur Open Graph fonctionne d'abord via un formulaire : vous saisissez les valeurs, voyez instantanément les aperçus Google et réseaux sociaux, puis copiez un HTML propre. C'est utile pour les brouillons, les sites de préproduction et les revues marketing quand l'URL finale n'est pas encore publique.
Associez-le au compteur de mots et de caractères pour vérifier la longueur du titre, au recadreur et redimensionneur d'images pour préparer des images OG en 1200×630, au compresseur d'images pour des fichiers plus légers, ou au convertisseur de casse pour normaliser la casse du titre.
Tailles d'image Open Graph recommandées et comportement des réseaux
| Réseau | Image type | Remarques |
|---|---|---|
| 1200×630 (1,91:1) | Utilise Open Graph ; actualisez le cache avec Sharing Debugger après chaque modification. | |
| 1200×627 / 1200×630 | Cache très agressif — utilisez Post Inspector pour forcer le re-scraping. | |
| X / Twitter | 1200×628 grande · ~1:1 pour summary | Nécessite twitter:card ; se replie sur Open Graph pour les autres champs. |
| Slack / Discord | Préférez OG 1200×630 | Lisent généralement og:title, og:description et og:image. |
| Recherche Google | N/A (titre + description) | Peut réécrire les titres/descriptions ; gardez-les précis et uniques. |
Hébergez les images en HTTPS avec une URL absolue stable. Les chemins relatifs cassent souvent les robots des réseaux sociaux.
Foire aux questions (FAQ)
Quelle taille doit avoir une image og:image ?
Utilisez 1200×630 pixels (environ 1,91:1) pour Open Graph et les grandes Twitter Cards. Gardez le sujet principal centré, car les plateformes peuvent rogner les bords. Les URL d'image HTTPS absolues fonctionnent le mieux, et og:image:width / og:image:height aident les robots d'indexation.
Quelle est la différence entre twitter:card summary et summary_large_image ?
summary affiche une petite miniature carrée à côté du titre et de la description. summary_large_image utilise une grande image au-dessus du texte — généralement préférable pour les pages marketing, les articles de blog et les lancements de produits.
Quelle longueur doivent avoir une balise de titre et une meta description ?
Visez environ 50 à 60 caractères pour la balise de titre et 150 à 160 caractères pour la meta description. Google et les réseaux sociaux tronquent différemment, c'est pourquoi ce générateur affiche des compteurs de caractères en direct et une troncature dans l'aperçu.
Quelle est la différence entre la meta description et og:description ?
La meta description est surtout candidate à l'extrait de recherche Google. og:description est utilisée lorsque la page est partagée sur Facebook, LinkedIn et d'autres consommateurs d'Open Graph. Elles peuvent différer ; synchronisez-les par défaut, puis personnalisez-les quand les réseaux sociaux ont besoin d'une phrase plus percutante.
Les balises méta et Open Graph influencent-elles le classement Google ?
Les balises de titre influencent le SEO et le taux de clic. Les meta descriptions ne classent pas directement les pages mais influencent fortement le CTR. Les balises Open Graph et Twitter n'améliorent pas directement le classement Google ; elles améliorent l'apparence des liens sur les réseaux sociaux, ce qui peut générer du trafic de référence.
Pourquoi mon aperçu LinkedIn ou Facebook est-il obsolète ?
Les réseaux sociaux mettent en cache les aperçus de liens de façon très agressive. Après avoir déployé de nouvelles balises, utilisez LinkedIn Post Inspector ou Facebook Sharing Debugger pour forcer un nouveau scraping de l'URL. Générer les balises ici ne vide pas ces caches.
Ai-je besoin à la fois d'Open Graph et de Twitter Card ?
De nombreuses plateformes se replient sur Open Graph, mais X attend toujours au moins twitter:card. Émettre à la fois les balises OG et Twitter est la solution la plus sûre pour obtenir des aperçus cohérents sur Facebook, LinkedIn, Slack et X.
Puis-je générer des balises méta avant la mise en ligne de ma page ?
Oui. Ce générateur de balises méta fonctionne à partir d'un formulaire : saisissez les titres, descriptions et URL d'image, puis copiez le HTML. Vous n'avez pas besoin d'une URL publiée pour que l'outil fonctionne — idéal tant que la page est encore en préproduction.
À quoi servent og:type, og:site_name et og:locale ?
og:type décrit l'objet (website, article, product, profile). og:site_name est la marque affichée sur certaines cartes. og:locale définit la langue/région (par exemple fr_FR) pour les sites internationalisés.
Mes données sont-elles envoyées lorsque j'utilise ce générateur Open Graph ?
Non. La génération des balises et les aperçus s'exécutent entièrement dans votre navigateur avec du JavaScript côté client. ToolGenie ne récupère pas votre URL et n'envoie pas les champs du formulaire à un serveur.
Conseils pour de meilleures balises méta et aperçus sociaux
- Placez le mot-clé principal en tête du titre lorsque cela reste naturel — puis la marque à la fin.
- Écrivez pour obtenir des clics, pas pour bourrer de mots-clés. Les descriptions doivent promettre un avantage clair et correspondre au contenu de la page.
- Concevez les images OG en pensant au recadrage. Éloignez les logos et les visages des bords ; testez les mises en page grande carte et carte résumée.
- Une seule URL canonical par page. Évitez les URL à paramètres en double qui se concurrencent dans les caches de recherche et de réseaux sociaux.
- Relancez le scraping après chaque déploiement qui modifie les balises — Facebook, LinkedIn et X mettent tout en cache de façon agressive.
- Besoin des couleurs de votre marque pour un visuel OG ? Essayez le convertisseur de couleurs ou partagez l'URL de votre campagne avec le générateur de QR code.