Générateur de meta tags
Title, description, Open Graph et Twitter, avec aperçu de carte sociale.
- Instantané
- Gratuit
- Privé (traité localement)
- Sans inscription
Un lien qui donne envie d’être cliqué
Sans meta tags, un lien partagé n’affiche qu’une URL nue. Avec eux, il devient une carte avec image, titre et description — bien plus engageante. Cet outil les génère et vous montre le rendu avant publication.
-
Remplissez les champs
Titre, description, URL de la page et de l’image, nom du site.
-
Vérifiez l’aperçu
La carte sociale se met à jour en direct, comme sur les réseaux.
-
Copiez les balises
Collez-les dans le <head> de votre page HTML.
Les balises générées
| Balise | Rôle |
|---|---|
| <title> / description | Titre et résumé pour les moteurs de recherche |
| og:title / og:description | Texte affiché par Facebook, LinkedIn, etc. |
| og:image | Image de la carte (1200 × 630 recommandé) |
| twitter:card | Format de la carte sur X (grande image ou résumé) |
Tout est calculé dans votre navigateur. Pensez à utiliser des URL absolues pour l’image, sinon les réseaux ne pourront pas la charger.
Questions fréquentes
Qu’est-ce qu’Open Graph ?
Open Graph est un protocole créé par Facebook qui permet de décrire une page web via des balises « og: ». Quand un lien est partagé, les réseaux lisent ces balises pour afficher un titre, une description et une image au lieu d’une URL brute.
Quelle taille pour l’image de partage ?
Pour une carte « grande image », visez 1200 × 630 pixels (ratio 1,91:1). C’est la taille recommandée par Facebook, LinkedIn et X. Utilisez une URL absolue (https://…) car les réseaux ne suivent pas les chemins relatifs.
Faut-il les balises Twitter en plus d’Open Graph ?
X (Twitter) lit Open Graph en priorité, mais « twitter:card » reste utile pour choisir le format (grande image ou résumé). Les autres balises twitter:* se replient sur og: si elles sont absentes. Les inclure évite les mauvaises surprises.
Quelle longueur pour le titre et la description ?
Visez environ 60 caractères pour le titre et 110 à 160 pour la description. Au-delà, les réseaux et moteurs tronquent le texte. L’aperçu en direct vous montre immédiatement le rendu réel.