Aperçu / Développement et code / Générateur de balises meta
Développement et code 100 % dans le navigateur et hors ligne

Générateur de balises meta

Créez les balises titre, description, canonical, Open Graph et carte Twitter d’une page et voyez l’aperçu dans la recherche et sur les réseaux sociaux.

Collez ou saisissez votre entrée ; le résultat s’affiche aussitôt et les erreurs apparaissent dessous. Les champs contiennent un exemple : cliquez et tapez pour le remplacer.

Vos fichiers et données ne quittent jamais votre navigateur : rien n’est envoyé.

Aperçu

Placez ces lignes dans le <head> de la page. L’image doit être une URL complète, idéalement de 1200 × 630 pixels. L’aperçu est indicatif ; l’affichage réel varie selon la plateforme.

Avant qu’une page soit bien classée, une personne doit la choisir dans une liste de résultats ou dans un lien de messagerie, et les quelques balises de l’en-tête décident de ce qu’elle voit. Ce générateur les écrit pour vous : le titre et la description pour les moteurs de recherche, l’adresse canonical et les balises Open Graph et carte Twitter qui contrôlent l’aspect d’un lien partagé. Un aperçu en direct montre les deux, et des compteurs signalent quand un titre ou une description risque d’être coupé.

Créer vos balises en trois étapes

  1. Renseignez le titre de la page, la description et l’URL de la page.
  2. Ajoutez l’adresse d’une image de partage et le nom du site pour un aperçu enrichi, puis choisissez le style de carte.
  3. Vérifiez les deux aperçus, puis appuyez sur Copier et collez les lignes dans l’en-tête de votre page.

Ce qui est généré

  • Les balises title et description que les moteurs affichent dans les résultats.
  • Un lien canonical qui désigne l’adresse préférée quand une page est accessible sous plusieurs.
  • Des balises Open Graph (og:title, og:description, og:image, og:url, og:type) lues par Facebook, LinkedIn, WhatsApp, Slack et d’autres.
  • Des balises carte Twitter pour un aperçu grand ou petit sur X.
  • Des balises facultatives pour robots, couleur de thème, charset et viewport.

Des longueurs qui fonctionnent

Les moteurs coupent les titres vers 60 caractères et les descriptions vers 160, même si la vraie limite dépend de la largeur en pixels. Les compteurs signalent un texte un peu court, de bonne longueur ou susceptible d’être coupé. Un bon titre nomme d’abord le sujet et en dernier la marque, et une bonne description répond à ce que le visiteur trouvera sur la page, avec des mots simples plutôt qu’une liste de mots-clés.

Images de partage et tests

Une image de partage de 1200 par 630 pixels fonctionne sur presque tous les réseaux. Utilisez une adresse complète commençant par https, car les chemins relatifs ne sont pas suivis. Après la publication, les réseaux gardent en cache ce qu’ils ont vu : servez-vous de leurs outils de débogage pour actualiser un lien. L’aperçu ici utilise le texte saisi et ne charge pas votre image, aucune requête n’est donc envoyée à d’autres serveurs.

Foire aux questions (FAQ)

Environ 70 à 160 caractères. Un texte plus long est raccourci dans les résultats. Écrivez une phrase qui dit aux visiteurs ce qu’ils trouveront sur la page.