Générateur de balises meta
Créez les balises meta SEO, les balises Open Graph et les cartes X, et voyez à quoi ressemble la page sur Google et dans les partages sur les réseaux sociaux.
Générateur de balises meta - balises SEO, Open Graph et cartes X avec aperçus en direct
Le titre et la description placés dans le head d'une page décident de son apparence dans Google, et les balises Open Graph et X décident de l'allure d'un lien partagé sur Facebook, LinkedIn, WhatsApp, Slack et X. Cet outil les écrit toutes à partir d'un court formulaire et affiche les trois aperçus pendant la saisie : vous voyez qu'un titre est coupé avant vos lecteurs.
Rien n'est envoyé à un serveur. La seule requête que fait la page sert à charger votre image de partage depuis sa propre adresse, pour l'afficher dans les aperçus.
Mode d'emploi
- Remplissez Titre de la page, Description, Adresse de la page (URL canonique) et URL de l’image de partage.
- Surveillez les compteurs et les aperçus Google, Facebook et X.
- Choisissez le Type de contenu, le style de Carte X et, si vous en avez un, le Compte X.
- Cliquez sur Copier et collez le code dans le
<head>de la page.
Pour améliorer une page existante, cliquez sur Lire les balises depuis le HTML, collez le code source de la page puis cliquez sur Remplir. Le HTML collé est seulement lu, jamais exécuté.
Le rôle de chaque balise
| Balise | Utilisée par | Conseil |
|---|---|---|
<title> | Onglet du navigateur, résultat Google | Environ 50 à 60 caractères ; placez en tête les mots que les gens recherchent |
meta description | Extrait Google | Environ 120 à 155 caractères qui disent ce que la page apporte au lecteur |
link rel="canonical" | L'adresse unique qui doit se classer quand plusieurs URL affichent la même page | |
og:title, og:description | Facebook, LinkedIn, WhatsApp, Slack | Peuvent être plus courts et plus accrocheurs que le titre destiné à la recherche |
og:image | Tous les aperçus de partage | 1200 × 630 pixels, une adresse complète en https://, moins de 5 Mo environ |
twitter:card | X | summary_large_image pour une image large, summary pour un petit carré |
meta robots | Moteurs de recherche | Ajoutée seulement si vous désactivez l'indexation ou le suivi des liens |
Limites de longueur
Google coupe les titres selon leur largeur, vers 580 pixels, soit environ 60 caractères de texte ordinaire ; les lettres larges comme W et M épuisent la place plus vite. Les descriptions sont en général coupées après 155 à 160 caractères environ sur ordinateur, et moins sur téléphone. Les compteurs passent à l'orange quand vous dépassez la longueur confortable, et au rouge quand le texte sera presque sûrement coupé.
Après la publication
- Les réseaux sociaux gardent en cache l'aperçu de chaque lien. Utilisez le Sharing Debugger de Facebook ou le Post Inspector de LinkedIn pour leur faire relire les nouvelles balises.
- Google choisit son propre extrait quand le texte de la page correspond mieux à une recherche que votre description, et peut réécrire les titres qui ne décrivent pas la page.
- Chaque page doit avoir son propre titre et sa propre description ; répéter les mêmes sur tout un site rend les résultats indiscernables.
Outils liés
Pour préparer une image de partage au bon format et à la bonne taille, utilisez le convertisseur d'images. Pour échapper à la main des caractères spéciaux en HTML, utilisez l'encodeur d'entités HTML. Les pages dédiées ouvrent cet outil sur un aperçu précis : générateur Open Graph, générateur de Twitter Card et aperçu du résultat Google.