Comment utiliser : Générateur de balises meta
- Saisissez le titre de la page, la meta description et l’URL canonical. Les compteurs vous alertent avant que Google ne tronque le texte.
- Renseignez l’image Open Graph, le nom du site et la langue, puis choisissez un type de carte X : les aperçus Google, Facebook et X se mettent à jour pendant la saisie.
- Définissez si besoin les directives robots, la couleur de thème et les chemins des icônes.
- Copiez le résultat Full <head> pour un site codé à la main, ou passez en Code personnalisé Webflow pour obtenir uniquement les balises que Webflow ne génère pas à partir de ses réglages.
Qu’est-ce qu’une balise meta ?
Les balises meta sont des éléments HTML placés dans le <head> d’une page pour la décrire aux navigateurs, aux moteurs de recherche et aux réseaux sociaux. Elles ne sont pas visibles sur la page elle-même, mais elles déterminent l’affichage de la page dans les résultats Google, l’aperçu d’un lien dans Slack, LinkedIn ou WhatsApp, son éventuelle indexation, ainsi que son adaptation à l’écran d’un téléphone.
Les balises qui comptent vraiment
| Balise | Utilisée par | Rôle |
|---|---|---|
<title> | Google, onglets du navigateur | Le titre cliquable dans les résultats de recherche, un signal de pertinence confirmé. |
meta description | Google, Bing | Souvent utilisée comme extrait sous le titre ; influence le taux de clic, pas le classement. |
link rel="canonical" | Google, Bing | Désigne l’URL préférée lorsque le même contenu est accessible à plusieurs adresses (paramètres, barres obliques finales, http/https). |
meta robots | Tous les principaux robots d’exploration | noindex exclut une page des résultats ; max-image-preview:large autorise de grandes miniatures d’image dans Discover. |
og:* | Facebook, LinkedIn, Slack, Discord, iMessage… | Le protocole Open Graph : titre, description, image et type d’un lien partagé. |
twitter:* | X | Mise en page de la carte (summary ou summary_large_image) et attribution au compte ; à défaut, les balises og: sont utilisées. |
viewport, charset | Navigateurs | Adaptation correcte au mobile et encodage du texte. |
La balise meta keywords n’est volontairement pas générée : Google l’ignore depuis plus de dix ans, et elle ne fait que révéler votre stratégie de mots-clés à vos concurrents.
Erreurs courantes que ce générateur évite
- URL og:image relatives. Les robots des réseaux sociaux ont besoin d’une URL absolue en
https://. Ajoutezog:image:widthetog:image:heightpour que l’image s’affiche dès le premier partage, sans nouvelle analyse. - Noindex combiné à canonical. Pointer une canonical vers une autre URL tout en définissant
noindexenvoie des signaux contradictoires ; choisissez-en un seul. - Guillemets non échappés. Un
"dans une description casse l’attribut. Toutes les valeurs sont échappées en HTML dans le résultat. - Balises en double. Des plateformes comme Webflow, les extensions SEO de WordPress ou Shopify génèrent déjà de nombreuses balises. Ajouter manuellement un second
<title>ouog:imageoblige les robots à deviner laquelle est prise en compte.
Webflow : champs des réglages ou code personnalisé
Webflow génère automatiquement le titre, la description, le titre, la description et l’image Open Graph, la canonical, le charset et le viewport à partir des réglages de la page et du site. Coller un head complet dans le code personnalisé créerait donc des doublons. Choisissez Code personnalisé Webflow ci-dessus : le résultat ne contient que ce que Webflow ne peut pas définir nativement, c’est-à-dire les directives robots, theme-color, og:site_name, og:locale, les identifiants de compte X et les liens d’icônes supplémentaires. Sur les pages de modèles CMS, la même zone de code personnalisé accepte les champs CMS insérés. Après publication, vérifiez le résultat en ligne avec le Vérificateur de balises meta et le Vérificateur Open Graph, ou créez une image de partage avec le Générateur d’image OG.
Aussi recherché comme : générateur balises meta, balises meta seo, générateur og tags, open graph générateur, générateur twitter card, balises meta html, balises head seo, balises meta réseaux sociaux.
Outils complémentaires : Générateur de balises meta
- Aperçu SERP — Rédigez une balise title et une méta description, et voyez exactement où Google risque de les tronquer.
- Générateur de favicons — Créez un ensemble complet de favicons à partir d'un logo, d'une lettre ou d'un emoji : un fichier favicon.ico en plusieurs tailles, une icône Apple Touch, des icônes Android/PWA, un Webclip Webflow, le manifeste Web et les balises HTML à insérer.
- Générateur de balisage Schema — Choisissez un type de schéma, remplissez le formulaire et copiez le code JSON-LD prêt à être collé.
- Guide explicatif sur le fichier robots.txt — Les règles du fichier robots.txt sont courtes, mais on peut facilement se tromper en les interprétant.
Questions fréquentes
Les balises meta comptent-elles encore pour le SEO ?
Quelle taille doit avoir une image Open Graph ?
Faut-il à la fois des balises Open Graph et Twitter ?
og:title, og:description et og:image en solution de repli, il suffit donc d’ajouter twitter:card (et éventuellement twitter:site) en complément d’Open Graph.