Générateur de balises meta — titre, description, Open Graph et Twitter
Renseignez le titre, la description et les informations de carte sociale d’une page ; obtenez un bloc <head> complet, correctement échappé, avec compteurs de longueur en direct.
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Free Business & Marketing Tools | FreeToolsForWeb</title> <meta name="description" content="Free online tools for business: converters, calculators, SEO utilities and a sample-file library. No signup, no ads."> <link rel="canonical" href="https://www.example.com/page"> <meta name="theme-color" content="#244b3f"> <!-- Open Graph (Facebook, LinkedIn, Slack, WhatsApp) --> <meta property="og:type" content="website"> <meta property="og:title" content="Free Business & Marketing Tools | FreeToolsForWeb"> <meta property="og:description" content="Free online tools for business: converters, calculators, SEO utilities and a sample-file library. No signup, no ads."> <meta property="og:url" content="https://www.example.com/page"> <meta property="og:site_name" content="Example Co"> <meta property="og:image" content="https://www.example.com/images/share.png"> <meta property="og:locale" content="en_US"> <!-- Twitter / X card --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Free Business & Marketing Tools | FreeToolsForWeb"> <meta name="twitter:description" content="Free online tools for business: converters, calculators, SEO utilities and a sample-file library. No signup, no ads."> <meta name="twitter:image" content="https://www.example.com/images/share.png">
Collez dans le <head>. Avec Next.js, React Helmet ou un CMS, reportez chaque ligne dans le champ équivalent plutôt que de coller du HTML brut.
Fonctionne entièrement dans votre navigateur. Rien de ce que vous saisissez n’est envoyé ni stocké. Parcourir tous les outils gratuits.
Un problème, ou quelque chose à améliorer ? Nous lisons chaque message et corrigeons vite.
Ce générateur de balises meta gratuit produit l’ensemble complet des balises d’en-tête dont une page a besoin : title et meta description avec compteurs de longueur en direct, directives canonical et robots, et les balises Open Graph et Twitter Card qui déterminent l’apparence d’un lien partagé sur LinkedIn, Facebook, X, Slack et WhatsApp. Les valeurs sont correctement échappées : un titre contenant une esperluette ou des guillemets ne casse pas le HTML.
Les balises meta sont la partie la plus petite et la plus visible du SEO on-page : le titre et la description sont le texte publicitaire que Google rédige à votre place si vous ne l’écrivez pas, et les balises sociales déterminent si un lien partagé affiche une image et un titre ou une simple URL. Les notes ci-dessous donnent les limites de longueur actuelles et les balises qui ne servent plus à rien, pour que vous n’entreteniez pas la balise meta keywords en 2026.
Mode d’emploi
- Saisissez le titre de la page (visez 50 à 60 caractères, mot-clé en tête) et la meta description (120 à 160 caractères, une raison de cliquer). Les compteurs passent au vert dans la bonne plage.
- Indiquez comme URL canonique l’adresse préférée de la page, et laissez robots sur index, follow sauf si la page doit rester hors des résultats de recherche.
- Ajoutez l’image de partage (1200 × 630 pixels), le nom du site et le compte Twitter. Le même titre et la même description sont réutilisés pour les balises sociales.
- Vérifiez l’aperçu dans les résultats, puis copiez le bloc généré dans le <head> de la page.
- Après publication, testez la page en ligne avec l’outil d’aperçu Open Graph pour confirmer que les balises sont servies comme prévu.
Questions fréquentes
Quelles balises meta comptent vraiment pour le SEO ?
Le title (signal de classement direct et titre affiché dans les résultats), la meta description (pas un signal de classement, mais c’est votre extrait et elle influe sur le taux de clic), le canonical (évite la dilution par contenu dupliqué), robots (contrôle index/noindex) et viewport (ergonomie mobile). Les balises Open Graph et Twitter influent sur le partage social, pas sur le classement. La balise meta keywords est ignorée par Google depuis 2009 : inutile de s’en soucier.
Quelle longueur pour un titre et une description ?
Titres : environ 50 à 60 caractères, car Google tronque selon la largeur en pixels, vers 600 px. Descriptions : 120 à 160 caractères sur ordinateur, moins sur mobile. Google réécrit l’un ou l’autre quand il pense pouvoir faire mieux, ce qui arrive plus souvent avec un texte générique ou bourré de mots-clés : rédigez donc un texte précis et honnête.
Faut-il à la fois les balises Open Graph et Twitter Card ?
X lit les balises Open Graph en solution de repli : og:* suffit donc dans la plupart des cas ; twitter:card vaut tout de même la peine d’être ajoutée, car elle choisit entre la carte à grande image et le petit résumé. Tous les autres (LinkedIn, Facebook, Slack, WhatsApp, iMessage, Discord) ne lisent que l’Open Graph.
Quelle taille pour l’image de partage ?
1200 × 630 pixels (1,91:1) est la taille sûre pour la grande carte de toutes les plateformes. En dessous de 600 px de large, Facebook et LinkedIn se rabattent sur une petite vignette ou aucune image. Éloignez le contenu important des bords : certaines plateformes recadrent en carré dans les fils. Utilisez une URL absolue en HTTPS.
Chaque page doit-elle avoir une balise canonical ?
Oui, pointant vers elle-même, sauf si la page est un doublon d’une autre. Elle ramène les paramètres de suivi, les variantes avec ou sans barre oblique finale et http/https à une seule URL, et c’est une assurance peu coûteuse. Le canonical doit être une URL absolue sur une page qui renvoie 200.
Les balises qui ne servent plus à rien
meta keywords (ignorée depuis 2009), meta revisit-after, meta distribution, meta rating et les balises geo.* propres à Google sont du poids mort. Les valeurs robots noodp, noydir et les variantes de nosnippet ont été retirées ou remplacées par max-snippet. Si un modèle les génère encore, les supprimer est sans risque et un peu plus propre.
Échappement et encodage
Les valeurs d’attribut doivent échapper & en & et " en " ; ce générateur s’en charge pour vous. Déclarez charset utf-8 en tout premier dans <head> pour que le navigateur décode correctement la suite. Dans les frameworks (Next.js, Nuxt, Django, Rails, WordPress), définissez ces valeurs via le composant head ou SEO du framework plutôt qu’en collant du HTML brut, pour qu’elles restent propres à chaque page et soient échappées automatiquement.
Outils gratuits similaires
- Aperçu du snippet SERP — Prévisualisez l’affichage de votre balise title et de votre meta description dans Google, avec vérification du nombre de caractères en direct.
- Aperçu Open Graph — Saisissez une URL et voyez la carte exacte qu’afficheront Facebook, LinkedIn, X et Slack, toutes les balises trouvées et ce qui manque.
- Générateur de robots.txt — Créez un robots.txt avec des préréglages tout autoriser, préproduction et WordPress, une section robots d’IA (bloquer l’entraînement, garder la recherche IA) et des alertes sur les erreurs qui désindexent un site.