Générateur de balises meta
Remplissez les informations de votre page et copiez un HTML prêt à coller dans le head : balises title, description, canonical, robots, Open Graph et Twitter card.
Fonctionne entièrement dans votre navigateur
Les champs vides sont omis du résultat. Les aperçus sont des maquettes dessinées à partir de votre texte ; ils ne chargent jamais l'adresse de votre image, et les vrais moteurs de recherche et réseaux sociaux mettront les choses en forme à leur façon.
Comment générer des balises meta
- Saisissez le titre et la description de la page. Les compteurs donnent une idée approximative de la longueur généralement affichée pour chacun.
- Ajoutez une adresse canonique, les choix robots, et les champs Open Graph et Twitter dont vous avez besoin. Des avertissements signalent les adresses qui ne sont pas des URL
https://complètes. - Vérifiez les maquettes de résultat de recherche et de carte sociale, puis cliquez sur Copier le HTML et collez les balises dans le
<head>de votre page.
À quoi sert chaque balise
Un générateur de balises meta vous fait gagner du temps, mais il faut savoir ce que fait chaque balise. La balise <title> et la meta description servent généralement à construire un résultat de recherche. Le lien canonique indique aux moteurs de recherche quelle adresse est la principale quand une même page est accessible de plusieurs façons, par exemple avec des paramètres de suivi. La balise robots n'est nécessaire que si vous voulez modifier le comportement par défaut, qui est d'indexer la page et de suivre ses liens.
Les balises Open Graph ont été créées pour les aperçus de liens et sont aujourd'hui lues par la plupart des messageries et des réseaux sociaux. Le titre, la description, l'image et l'URL sont les quatre plus importantes ; og:image:alt donne une description textuelle de l'image, et og:type vaut généralement website ou article. La balise de carte X choisit entre une petite vignette carrée (summary) et une grande image (summary_large_image).
Le texte est échappé au moment de l'écriture : une esperluette devient & et un guillemet double devient ". La page reste ainsi valide et des guillemets égarés ne peuvent pas fermer un attribut trop tôt. Vérifiez la page terminée avec un vrai aperçu de partage avant de vous y fier, car chaque site met en cache l'aperçu qu'il a récupéré la première fois.
Astuces
- Comptez les caractères plus précisément avec le Compteur de caractères.
- Créez une adresse propre pour l'URL canonique avec le Générateur de slug.
- Mettez en forme le head dans lequel vous collez les balises avec Formater et indenter du HTML.
Questions fréquentes
Quelle longueur pour un titre ou une description ?
Il n'y a pas de limite fixe. Les moteurs de recherche coupent le texte selon sa largeur en pixels, pas en caractères, et peuvent le réécrire. À titre indicatif, les titres d'environ 50 à 60 caractères et les descriptions d'environ 150 à 160 caractères s'affichent généralement en entier. Les compteurs sont ici des repères, pas des règles.
Faut-il à la fois des balises Open Graph et Twitter ?
Souvent, Open Graph suffit. X (Twitter) lit le titre, la description et l'image Open Graph quand ses propres balises sont absentes, mais il veut quand même twitter:card pour choisir la mise en page de la carte. Ajoutez twitter:site si vous voulez que le compte soit crédité.
Pourquoi og:image doit-il être une adresse complète ?
Les réseaux sociaux récupèrent l'image depuis leurs propres serveurs : un chemin relatif comme /img/card.png ne peut être résolu par rapport à rien. Utilisez une URL https:// absolue. Une taille de carte courante est de 1200 sur 630 pixels.
À quoi sert le choix robots ?
noindex demande aux moteurs de recherche de ne pas répertorier la page, et nofollow de ne pas suivre ses liens. Par défaut, une page sans balise robots est en index et follow : choisir ces deux options n'écrit donc aucune balise.
Les caractères spéciaux sont-ils échappés ?
Oui. Les esperluettes, les chevrons et les guillemets doubles de votre texte sont convertis en entités HTML : un titre comme Q&A "live" ne peut donc pas sortir de son attribut ni ajouter de balisage à la page.
Quelque chose est-il envoyé à un serveur, ou mon image est-elle chargée ?
Non. Les balises sont construites dans votre navigateur et l'adresse de l'image est seulement affichée sous forme de texte dans la maquette de carte sociale, jamais demandée. Les réseaux sociaux la récupéreront plus tard, quand quelqu'un partagera la page.