Générateur de balises méta
NouveauGénérez des balises méta SEO, Open Graph et Twitter Card avec un aperçu en direct.
Page title
Your meta description preview appears here.
Runs entirely in your browser. Nothing is uploaded.
Générez des balises SEO, Open Graph et Twitter en un seul endroit
Ce générateur de balises meta transforme un formulaire simple en un ensemble complet et prêt à copier de balises SEO, Open Graph et Twitter Card. Renseignez votre titre, description, URL et image d'aperçu, et il rédige le bloc <head> pour vous : titre, meta description, canonical, robots, charset et viewport, ainsi que chaque balise og: et twitter: nécessaire à un aperçu social enrichi. Aucune installation, aucune inscription : fonctionne entièrement dans votre navigateur.
Au fil de votre saisie, trois aperçus en direct — Google, Facebook et X — se mettent à jour en temps réel pour que vous puissiez voir exactement comment votre page apparaîtra dans les résultats de recherche et sur les réseaux sociaux avant publication. Les compteurs de caractères passent à l'orange lorsque votre titre ou description est trop long.
Les balises meta qui comptent vraiment
Une page moderne n'a besoin que de quelques balises meta HTML pour être prête pour la recherche et le partage. Les balises <title> et <meta name="description"> déterminent votre extrait Google et sont les deux champs qui influencent le plus le taux de clics. Les balises viewport et charset assurent le bon rendu sur mobile. Le lien canonical évite la dilution par contenu dupliqué. La balise robots contrôle si la page est indexée.
Ce générateur inclut toujours les éléments essentiels et ajoute les champs optionnels keywords et author uniquement lorsque vous les renseignez. La balise keywords n'affecte plus le classement Google — elle est ignorée depuis 2009 — mais le générateur l'inclut pour les moteurs de recherche internes qui la lisent encore.
De meilleurs aperçus avec Open Graph et Twitter Cards
Quand quelqu'un partage votre lien sur Facebook, LinkedIn, WhatsApp, Slack, Discord ou X, ces plateformes cherchent des balises Open Graph (og:) et Twitter Card (twitter:) pour construire une carte d'aperçu enrichie. Sans elles, le lien s'affiche en texte brut ; avec elles, il montre votre titre, description et une image de 1200×630 pixels.
Le générateur open graph produit ici un ensemble complet de balises og: et les balises twitter: correspondantes, incluant le texte alternatif de l'image. X/Twitter lit ses propres balises en premier mais utilise les og: en repli pour ce qui manque, donc un ensemble og: complet plus twitter:card et twitter:site suffit pour les deux plateformes.
Contrôlez l'indexation avec la balise meta robots
Le générateur de balise meta robots intégré vous permet de basculer entre index et noindex et entre follow et nofollow en un clic. Utilisez noindex sur les pages de remerciement, les sites de staging, les pages d'administration et les pages de filtres légères que vous ne voulez pas dans Google.
Quand une page est définie sur noindex, la carte d'aperçu Google la signale avec un avertissement pour que vous n'envoyiez pas accidentellement le mauvais paramètre robots. La balise générée prend également en charge des directives avancées comme noarchive et nosnippet.
Comment il se compare à SEMrush, Yoast et Rank Math
La plupart des alternatives ont une dépendance ou un coût. SEMrush inclut l'analyse des balises meta dans son audit de site mais commence à 129$/mois. Yoast SEO et Rank Math sont des plugins WordPress — ils ne fonctionnent pas pour Shopify, Webflow, Next.js ou HTML statique.
Ce générateur couvre l'ensemble complet des balises — titre, description, canonical, robots, tous les champs og:, tous les champs twitter:, texte alternatif d'image — avec des aperçus en direct Google et réseaux sociaux, sans compte, sans coût et sans dépendance CMS.
Un générateur de balises meta pour toutes les technologies
Comme le résultat est du HTML brut, il s'intègre dans n'importe quel projet. Collez le bloc dans un site statique codé à la main, l'en-tête d'un thème WordPress, un theme.liquid Shopify, une section de code personnalisé Webflow ou un composant de mise en page React ou Vue. Dans Next.js, ajoutez les valeurs à votre export Metadata dans layout.tsx. Dans Astro, passez-les comme props à votre composant head dans Layout.astro.
Enregistrez cet outil pour chaque nouvelle page, mise à jour de titre ou partage de lien. Remplissez le formulaire, copiez le bloc <head>, collez-le et votre page est prête pour les moteurs de recherche et toutes les principales plateformes sociales.
Frequently asked questions
Que sont les balises meta ?
Les balises meta sont des extraits HTML placés dans l'en-tête d'une page qui la décrivent aux navigateurs et aux moteurs de recherche sans apparaître sur la page elle-même. Les plus importantes sont la balise title et la meta description, qui déterminent votre extrait Google. Vous avez aussi besoin d'une balise viewport pour l'adaptation mobile, d'une déclaration charset, d'une balise robots pour contrôler l'indexation, d'une URL canonical pour éviter les problèmes de contenu dupliqué, et de balises Open Graph et Twitter Card pour des aperçus sociaux enrichis.
Comment créer des balises meta pour le SEO ?
Saisissez le titre de votre page, la description, l'URL et une image d'aperçu de 1200×630 dans le formulaire et ce générateur rédige l'ensemble complet des balises : title, meta description, canonical, robots, Open Graph et Twitter Card. Gardez le titre proche de 60 caractères et la description proche de 155, utilisez une paire unique sur chaque page, puis copiez le bloc dans le head de votre HTML.
Quelle est la longueur idéale du titre et de la description ?
Visez un titre de 50–60 caractères et une meta description de 145–155 caractères. Google tronque les titres vers 600 pixels de large et les descriptions autour de 155–160 caractères, ajoutant des points de suspension à tout ce qui dépasse. Les compteurs de caractères ici passent à l'orange lorsque vous dépassez la longueur recommandée.
Que sont les balises Open Graph ?
Les balises Open Graph — celles dont les noms commencent par 'og:' — sont un standard créé par Facebook qui contrôle comment votre lien apparaît quand il est partagé sur les réseaux sociaux et dans les applications de messagerie. L'ensemble principal est og:title, og:description, og:image, og:url et og:type. Avec elles, un lien partagé affiche une carte enrichie avec votre titre, description et image.
Est-il sûr de saisir de vraies informations de page ici ?
Oui. Ce générateur de balises meta fonctionne entièrement dans votre navigateur via JavaScript — le titre, la description, les URLs et l'URL d'image que vous saisissez ne sont jamais envoyés à un serveur, jamais enregistrés et jamais stockés nulle part. L'outil fonctionne hors ligne une fois la page chargée.
Quelle taille doit avoir l'image Open Graph ?
Utilisez 1200×630 pixels avec un ratio de 1,91:1 pour la grande carte sociale. C'est la taille que Facebook, LinkedIn et X affichent sans recadrage, et le même fichier fonctionne pour og:image et twitter:image. Gardez-la sous 5 Mo et utilisez une URL absolue commençant par https://.
Puis-je l'utiliser sur mobile pour générer des balises meta ?
Oui. Le formulaire et les cartes d'aperçu sont entièrement responsifs et fonctionnent dans Safari sur iPhone et Chrome sur Android. Vous pouvez remplir les champs, consulter les aperçus Google et sociaux, et copier le code généré directement depuis votre téléphone. L'outil fonctionne dans le navigateur sans application à installer.
Related tools
Voir tous les outilsGénérateur de slug
Transformez n’importe quel titre en slug d’URL propre et optimisé pour le SEO — en lot et compatible accents.
Constructeur d’UTM
Créez des URL de campagne traçables avec utm_source, medium, campaign et plus encore.
Aperçu d’extrait SERP
Prévisualisez le rendu de votre titre et de votre description dans Google, sur ordinateur et mobile.
Générateur de robots.txt
Créez un robots.txt valide avec des règles allow/disallow et une ligne sitemap.
Calculateur de pourcentage
Calculez instantanément des pourcentages, hausses, baisses et pourcentages inverses.
Générateur de Lorem Ipsum
Générez du faux texte par paragraphes, phrases, mots ou éléments de liste.