Générateur de balises meta
Rédigez le titre et la description d’une page, voyez le résultat dans Google sur ordinateur et sur mobile, puis copiez les balises prêtes pour le head – canonical, robots, hreflang et balises sociales comprises.
- Aperçu Google
- Mesuré en pixels
- Liste de contrôle intégrée
- Dans votre navigateur
Titre et description
L’adresse unique sous laquelle cette page doit être connue – complète, avec https://.
Affiché au-dessus de l’adresse dans l’aperçu et utilisé pour og:site_name.
Aperçu Google
Google coupe les titres et les descriptions selon leur largeur en pixels, et non selon le nombre de caractères – les lettres larges comme W et M consomment l’espace plus vite. L’aperçu mesure votre texte de la même manière. Google peut malgré tout réécrire un titre ou choisir un autre passage de la page comme description.
Liste de contrôle
Partage sur les réseaux sociaux
Moteurs de recherche (robots)
noarchive : pas de copie en cache · nosnippet : pas de texte sous le titre · noimageindex : les images de cette page restent hors de la recherche d’images · notranslate : pas de version traduite dans les résultats.
Laissez une limite vide pour garder la valeur par défaut. -1 signifie sans limite, 0 aucun aperçu. max-image-preview:large est nécessaire pour les grandes images dans Google Discover.
Pour les pages ayant une date de fin, comme les offres et les événements (unavailable_after).
Langue, jeu de caractères et viewport
Un code de langue tel que en, en-US ou de-AT. Il se place sur la balise ouvrante : <html lang="en-US"> – la zone de code vous le rappelle.
Versions linguistiques (hreflang)
Indiquez toutes les versions linguistiques de cette page, y compris cette page elle-même. Chaque version doit porter la même liste. x-default désigne la version destinée à tous les autres visiteurs.
Aucune version linguistique pour l’instant.
Auteur, couleurs, icônes et autres
Facultatif, séparés par des virgules. Google ignore cette balise depuis 2009 et Bing considère une longue liste comme un signal de spam – quelques mots tout au plus, ou laissez le champ vide.
Indique au navigateur les jeux de couleurs pris en charge par votre page.
Quelle part de l’adresse est transmise lorsqu’un visiteur suit un lien.
Icônes
Code HTML
Importer depuis un code HTML existant
Le code collé est uniquement lu comme du texte dans votre navigateur. Les scripts qu’il contient ne s’exécutent jamais, rien n’est chargé à partir de ce code et rien n’est envoyé où que ce soit. L’import remplace le contenu actuel du formulaire.
Comment générer des balises meta
Le code et l’aperçu se mettent à jour pendant la saisie.
- 1
Rédigez le titre et la description
Saisissez le titre de la page, la meta description, l’URL canonique et le nom du site. L’aperçu montre où Google couperait le texte sur ordinateur et sur téléphone.
- 2
Ajoutez ce dont la page a besoin
Activez les balises Open Graph et la carte X, définissez les règles robots, listez les versions linguistiques ou ouvrez les sections viewport, couleur de thème et icônes.
- 3
Vérifiez et copiez
Parcourez la liste de contrôle, corrigez ce qu’elle signale, puis copiez le code ou téléchargez-le et collez-le dans le <code><head></code> de votre page.
Le head d’une page, balise par balise
Uniquement des balises que les navigateurs et les moteurs de recherche lisent vraiment.
Aperçu du résultat de recherche
Affiche le titre, l’adresse et la description comme un résultat Google sur ordinateur et sur mobile. Le texte est coupé selon sa largeur en pixels, comme le fait Google, et non selon un nombre de caractères.
Liste de contrôle commentée
Signale un titre manquant ou trop long, une description trop courte, une URL canonique relative ou en http, des paramètres de suivi dans l’URL canonique, un zoom bloqué et plus encore.
Directives robots
index ou noindex, follow ou nofollow, noarchive, nosnippet, noimageindex, notranslate, max-snippet, max-image-preview, max-video-preview et unavailable_after.
hreflang pour les versions linguistiques
Listez chaque version linguistique avec son adresse, ajoutez x-default et la page elle-même. La liste de contrôle signale les codes invalides, les doublons et l’absence d’autoréférence.
Balises sociales en une étape
Ajoute les balises Open Graph et le type de carte X à partir du même titre, de la même description et de la même image de partage, sans répéter ce que X lit déjà dans Open Graph.
Import d’un HTML existant
Collez le head ou le code source complet d’une page : le formulaire se remplit à partir de ses balises. Le code est seulement lu comme du texte ; les scripts qu’il contient ne s’exécutent pas.
Confidentiel par conception
Tout fonctionne dans votre navigateur. Ce que vous saisissez, collez ou ouvrez n’est pas envoyé à un serveur.
Gratuit, sans inscription
Pas de compte, pas de limite, pas de filigrane – sur téléphone, tablette ou ordinateur.
Quelles balises meta comptent, et à quoi elles servent
Les balises meta se trouvent dans le <head> d’une page et la décrivent aux navigateurs, aux moteurs de recherche et aux applications. Deux d’entre elles déterminent l’apparence de la page dans les résultats de recherche : la balise title, qui devient en général le titre bleu, et la meta description, souvent reprise comme texte en dessous. Le titre est aussi un signal de classement. La description ne l’est pas, mais une description claire peut attirer davantage de clics. Google peut réécrire l’un ou l’autre s’il estime qu’un autre texte répond mieux à la recherche.
Les moteurs de recherche ne comptent pas les caractères. Un résultat a une largeur fixe : un titre rempli de lettres larges comme W et M est donc coupé plus tôt qu’un titre aux nombreuses lettres étroites. Cet outil mesure votre texte en pixels : environ 580 px pour un titre sur ordinateur, soit 50 à 60 caractères, et environ 920 px pour une description sur ordinateur, soit 150 à 160 caractères. Les téléphones affichent une plus petite partie de la description : placez donc l’essentiel dans la première phrase.
Erreurs fréquentes : le même titre sur de nombreuses pages ; un titre tout en majuscules ; une description qui répète le titre ; un noindex oublié après une version de test, qui retire la page des résultats ; une URL canonique relative, en http ou encore chargée de paramètres de suivi ; et une balise viewport qui bloque le zoom, ce qui pose un problème d’accessibilité. La balise keywords est un autre classique : Google l’ignore depuis 2009, si bien qu’une longue liste n’apporte rien et montre à vos concurrents ce que vous ciblez.
Les balises les plus importantes du head
| Balise | Son rôle | Conseil |
|---|---|---|
| <code><title></code> | Titre du résultat de recherche et libellé de l’onglet du navigateur | Unique pour chaque page, mots importants en premier, environ 50 à 60 caractères |
| <code>meta name="description"</code> | Texte proposé sous le titre | Une ou deux phrases, environ 150 à 160 caractères |
| <code>link rel="canonical"</code> | Indique l’adresse préférée de la page | Une adresse https:// complète, sans paramètres de suivi |
| <code>meta name="robots"</code> | Autorise ou bloque l’indexation et les extraits | À omettre, sauf s’il vous faut un noindex ou une limite |
| <code>meta name="viewport"</code> | Adapte la mise en page aux téléphones | <code>width=device-width, initial-scale=1</code>, zoom autorisé |
| <code>link rel="alternate" hreflang</code> | Relie les versions linguistiques d’une page | La même liste sur chaque version, avec x-default |
Conseils
- Besoin de détails d’article ou de produit, de plusieurs images ou d’une vidéo dans la carte de partage ? Poursuivez dans le Générateur Open Graph.
- Créez l’image de partage de 1200 × 630 px avec le Générateur d’image OG et les icônes avec le Générateur de favicon.
- Nettoyez l’adresse de la page avant de l’utiliser comme URL canonique avec le Générateur d’URL canonique, et ajoutez des données structurées avec le Générateur de schéma.
- Écrivez le titre d’abord pour les lecteurs : dites ce que la page propose, placez la marque à la fin et évitez de répéter trois fois le même mot.
Questions fréquentes
Vous ne trouvez pas votre réponse ? Contactez-nous — nous répondons rapidement.
Quelle longueur pour une balise title ?
Il n’existe pas de nombre de caractères fixe. Google coupe les titres selon leur largeur, à environ 580 pixels sur ordinateur, soit généralement 50 à 60 caractères. L’aperçu mesure votre titre en pixels et vous indique quand la fin sera coupée.
Quelle longueur pour une meta description ?
Environ 150 à 160 caractères tiennent sur ordinateur, et nettement moins sur téléphone. Placez le message principal dans la première phrase pour qu’il reste visible sur les petits écrans. Les descriptions très courtes sont souvent remplacées par un passage de la page.
Les balises meta aident-elles le SEO ?
La balise title est un signal de classement et la description influence le nombre de clics. Les balises robots et canonical déterminent quelles pages sont indexées et sous quelle adresse. La balise keywords n’a aucun effet sur Google.
Où placer les balises meta ?
Dans l’élément <head> de la page, avant </head>. Le jeu de caractères doit figurer parmi les premières lignes. Dans un système de gestion de contenu, on saisit en général le titre et la description dans les champs SEO de la page.
Pourquoi Google affiche-t-il un autre titre ou une autre description ?
Google compose le résultat pour chaque recherche. S’il estime qu’un intertitre ou un passage de la page correspond mieux à la requête, ou si le titre est très long, bourré de mots-clés ou identique sur de nombreuses pages, il utilise son propre texte.
Mes données sont-elles envoyées à un serveur ?
Non. L’outil fonctionne entièrement dans votre navigateur. Votre saisie n’est ni envoyée, ni journalisée, ni stockée sur nos serveurs.
Plus d’outils SEO et web gratuits
Générez balises et fichiers, vérifiez codes de statut, redirections, DNS et certificats – gratuitement et sans compte.