Générateur de Meta Tags
Meta Tags Open Graph
Meta Tags Twitter Card
Comment utiliser Générateur de Meta Tags
- 1
Renseignez les éléments essentiels
Saisissez le titre de votre page, sa description, ses mots-clés, son auteur et la directive robots dans la section Balises meta essentielles.
- 2
Ajoutez les balises de partage social
Complétez les champs Open Graph et Twitter Card, y compris les titres, descriptions et URL d'image, pour contrôler l'apparence de la page lors d'un partage.
- 3
Vérifiez les balises générées
Regardez le balisage des balises meta se construire en direct dans la zone de sortie au fur et à mesure de votre saisie.
- 4
Copiez dans votre <head>
Cliquez sur Copier les balises meta et collez le HTML généré dans la section head de votre page.
Le guide complet des balises meta HTML pour le SEO
Ce que sont les balises meta et où elles se placent
Les balises meta sont des éléments HTML qui résident à l'intérieur de la section head d'une page et décrivent le document aux navigateurs, aux moteurs de recherche et aux réseaux sociaux plutôt qu'aux visiteurs humains. Elles ne sont jamais rendues sur la page elle-même. Le navigateur les lit avant de dessiner quoi que ce soit, c'est pourquoi le placement compte : chaque balise que produit ce générateur doit être collée à l'intérieur de l'élément head, idéalement tout en haut, avant tout script bloquant le rendu. L'élément title et la déclaration de charset en particulier doivent apparaître le plus tôt possible, car les navigateurs doivent connaître l'encodage des caractères avant d'analyser le reste du balisage.
Deux des éléments de métadonnées les plus importants ne sont techniquement pas des balises meta du tout. L'élément title (title) et le lien canonique (link rel="canonical") sont des éléments distincts, mais ils ont leur place dans le même bloc head et sont essentiels à la façon dont une page est comprise. Cet outil se concentre sur les balises title, description, viewport, robots, Open Graph et Twitter Card, qui couvrent ensemble les métadonnées qui font réellement la différence pour la recherche et le social.
La balise title : votre signal on-page le plus important
L'élément title est le plus puissant signal SEO on-page que vous contrôlez. C'est ce que Google affiche habituellement comme titre cliquable bleu dans les résultats de recherche, et ce qui apparaît dans l'onglet du navigateur. Visez environ 50 à 60 caractères, soit à peu près 580 pixels, pour qu'il ne soit pas tronqué par des points de suspension dans la page de résultats. Placez le mot-clé le plus important vers le début, écrivez pour un humain qui décide s'il va cliquer, et gardez chaque titre unique sur l'ensemble de votre site. Un texte passe-partout, comme un nom de marque répété au début de chaque titre, gaspille l'espace le plus précieux dont vous disposez.
Une erreur courante consiste à traiter la balise title et le titre H1 comme interchangeables. Ils servent des publics différents : le title est destiné à l'extrait de recherche et à l'onglet, tandis que le H1 est le titre sur la page. Ils peuvent différer, et le devraient souvent, car la formulation idéale pour inciter au clic dans un résultat de recherche n'est pas toujours le meilleur titre pour quelqu'un déjà présent sur la page.
La meta description : des clics, pas un classement
La meta description n'influence pas directement le classement, mais elle influence fortement le taux de clic, ce qui compte. Traitez-la comme un texte publicitaire : résumez la page, incluez le mot-clé principal pour qu'il puisse être mis en gras lorsqu'il correspond à la requête, et ajoutez une raison de cliquer. Limitez-la à environ 150 à 160 caractères ; les descriptions plus longues sont coupées, et Google réécrit fréquemment les descriptions manquantes, dupliquées ou mal adaptées à la requête en extrayant plutôt un fragment du corps de la page.
Comme Google peut ignorer votre description et en synthétiser une, ne comptez pas sur elle pour des informations critiques. Rédigez-en quand même une solide, car une description convaincante qui survit surpasse souvent un extrait généré automatiquement. Ne la bourrez jamais de mots-clés ; cela déclenche une réécriture et est perçu comme du spam par les utilisateurs.
La balise meta robots et le contrôle de l'exploration
La balise meta robots indique aux moteurs de recherche quoi faire une fois qu'ils ont exploré une page. Les valeurs les plus courantes sont index/noindex (la page peut-elle apparaître dans les résultats) et follow/nofollow (les liens qu'elle contient doivent-ils transmettre leur autorité). Une valeur comme noindex, follow tient une page hors de l'index tout en laissant les robots parcourir ses liens, ce qui est utile pour des pages pauvres comme les résultats de recherche internes ou les variantes adaptées à l'impression. D'autres directives incluent noarchive, nosnippet et max-snippet pour un contrôle fin de la façon dont un résultat est affiché.
Une distinction importante : la balise meta robots contrôle l'indexation, tandis que robots.txt contrôle l'exploration. Elles ne sont pas interchangeables. Si vous bloquez une URL dans robots.txt, Google peut ne jamais voir une balise noindex sur cette page, car il ne peut pas l'explorer pour la lire, et l'URL peut tout de même apparaître dans les résultats sous forme de simple lien. Pour retirer une page de la recherche de façon fiable, laissez-la explorable et appliquez noindex.
Viewport, charset et les éléments techniques essentiels
La balise viewport, width=device-width, initial-scale=1.0, est ce qui rend une page adaptée aux mobiles. Sans elle, les navigateurs mobiles rendent la page à une largeur de bureau puis la rétrécissent, produisant un texte minuscule et une mauvaise expérience mobile. Comme Google indexe d'abord la version mobile des pages, une balise viewport manquante ou mal configurée est un véritable problème de classement et d'utilisabilité, pas un détail cosmétique. La déclaration de charset, presque toujours UTF-8, garantit que les caractères spéciaux et les emoji s'affichent correctement plutôt qu'en mojibake.
Ces deux balises sont petites mais non négociables. Réglez le viewport sur la largeur de l'appareil, évitez de désactiver le zoom de l'utilisateur avec maximum-scale ou user-scalable=no (ce qui nuit à l'accessibilité), et déclarez l'encodage UTF-8 sur chaque page.
Open Graph et Twitter Cards pour les aperçus sociaux
Les balises Open Graph (la famille og:) contrôlent l'apparence de votre lien lorsqu'il est collé dans Facebook, LinkedIn, Slack, Discord et bien d'autres plateformes. L'ensemble de base est og:title, og:description, og:image, og:url et og:type. Les balises Twitter Card (la famille twitter:) font de même pour X, twitter:card réglé sur summary_large_image étant l'option la plus accrocheuse. Fournissez une og:image d'environ 1200 sur 630 pixels et utilisez toujours des URL absolues pour elle ; les chemins d'image relatifs sont la raison la plus courante pour laquelle un aperçu n'affiche aucune miniature.
Les plateformes sociales mettent en cache ce qu'elles récupèrent, si bien qu'après avoir modifié ces balises, vous devez souvent ré-explorer la page à l'aide de l'outil de débogage de la plateforme (par exemple, le Sharing Debugger de Facebook) pour effacer l'ancien aperçu. Si une balise manque, la plupart des plateformes se rabattent sur le titre et la description standards, mais le résultat est une carte plus terne et moins incitative au clic.
Les balises qui n'aident plus, et les erreurs courantes
La balise meta keywords est morte pour le SEO. Google a confirmé il y a des années qu'il ignore totalement les meta keywords, et comme elle diffusait ouvertement vos termes cibles à vos concurrents, la remplir est au mieux inutile et au pire une petite fuite d'information. Ce générateur inclut un champ keywords par souci d'exhaustivité et pour les systèmes hérités, mais n'en attendez aucun bénéfice de classement. D'autres balises héritées comme meta revisit-after et meta author n'ont elles non plus aucun impact sur le classement Google.
Les vraies erreurs les plus fréquentes sont : des titres et descriptions dupliqués sur de nombreuses pages, des titres et descriptions qui dépassent les limites d'affichage et se font tronquer, des balises canoniques manquantes sur des pages accessibles par plusieurs URL, des URL relatives dans og:image, et la livraison accidentelle d'un noindex à l'échelle du site, vestige d'un environnement de préproduction. Vérifiez toujours le head final rendu avec l'affichage du code source ou les outils de développement de votre navigateur, car les frameworks JavaScript injectent ou écrasent parfois des balises meta après le chargement du HTML initial.
Questions fréquentes
Quelles balises meta ce générateur crée-t-il ?
À quoi servent les balises Open Graph et Twitter Card ?
Quelle longueur doivent avoir mon titre et ma description ?
Quelle taille d'image dois-je utiliser pour les balises OG ?
Où dois-je placer les balises générées ?
Outils similaires
Continuez avec ces outils pratiques